/home/thegtkjw/cresviafinancial.com/project__549d4a8/resources/views/frontend/index.blade.php
@extends('layouts.front')
@push('css')
@endpush
@section('content')
<!-- hero section start -->
<section class="bb-hero-section">
<div class="container position-relative">
<div class="row">
<div class="col-md-8">
<div class="hero-inner-content">
<h1 class="lg-title wow fadeInUp">{{ $ps->hero_title }}</h1>
<p class="des wow fadeInUp">
{{ $ps->hero_subtitle }}
</p>
<div class="d-flex align-items-center gap-4 wow fadeInUp">
<a class="template-btn primary-btn" href="https://cresviafinancial.com/user/register"{{ $ps->hero_btn_url }}">@lang('Get Started')</a>
<a class="template-btn primary-outline-btn"
href="{{ route('front.about') }}">@lang('know about us')</a>
</div>
</div>
</div>
<div class="col-xl-4 d-none">
<img class="hero-imgwow fadeInUp" src="{{ asset('assets/images/' . $ps->hero_photo) }}" alt="img">
</div>
<img class="hero-img position-img wow fadeInUp" data-wow-delay=".2s"
src="{{ asset('assets/images/' . $ps->hero_photo) }}" alt="img">
<img class="d-none d-md-block state-circle item-rotate" src="{{ asset('assets/front/images') }}/state.png"
alt="img">
</div>
</div>
</section>
<!-- hero section end -->
<!-- service section start -->
<div class="bb-service-section py-110">
<div class="container">
<div class="row gy-4">
@foreach ($features as $key => $data)
<div class="col-12 col-md-6 col-lg-4 wow fadeInUp">
<div class="bn-single-service-card bn-single-service-card-2">
<div class="card-img-wrapper">
<img src="{{ asset('assets/images/' . $data->photo) }}" class="card-img" alt="Card image">
</div>
<h4 class="title">{{ $data->title }}</h4>
<p class="des">{!! $data->details !!}</p>
</div>
</div>
@endforeach
</div>
</div>
</div>
<!-- service section end -->
<!-- about section start -->
<div class="bb-home-about-section default-theme-bg py-110 ">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 mb-4 mb-lg-0 wow fadeInUp" data-wow-delay=".1s">
<div class="bn-about-image-wrapper">
<img class="about-img" src="{{ asset('assets/images/' . $ps->about_photo) }}" alt="img">
</div>
</div>
<div class="col-lg-7 wow fadeInUp">
<div class="about-contents">
<h2 class="mb-16 title">
{{ $ps->about_title }}
</h2>
<p>
@php
echo $ps->about_text;
@endphp
</p>
@if ($ps->about_attributes)
@php
$attributes = json_decode($ps->about_attributes, true);
$chunkSize = ceil(count($attributes) / 2);
$attributes = array_chunk($attributes, $chunkSize);
@endphp
<div class="row gy-4 mb-30 mt-24">
<div class="col-12 col-sm-6">
<ul class="features-list">
@foreach ($attributes[0] as $attribute)
<li>
<i class="fa-solid fa-circle-check"></i>
<h5>{{ $attribute }}</h5>
</li>
@endforeach
</ul>
</div>
<div class="col-12 col-sm-6">
<ul class="features-list">
@if (isset($attributes[1]))
<!-- Check if the second chunk exists -->
@foreach ($attributes[1] as $attribute)
<li>
<i class="fa-solid fa-circle-check"></i>
<h5>{{ $attribute }}</h5>
</li>
@endforeach
@endif
</ul>
</div>
</div>
@endif
<div class="d-flex gap-4">
<a class="template-btn primary-btn" href="{{ $ps->about_link }}"> @lang('Get started')</a>
<a class="template-btn secondary-btn" href="{{ route('front.about') }}"> @lang('More About Us')</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about section end -->
<!-- smart tools section start-->
<div class="bb-smart-tools-section py-110">
<div class="container">
<div class="row justify-content-center wow fadeInUp">
<div class="col-lg-8">
<div class="text-center mb-40">
<h2 class="mb-16">
{{ $ps->service_title }}
</h2>
<p>
@php
echo $ps->service_subtitle;
@endphp
</p>
</div>
</div>
</div>
<div class="row gy-4">
@foreach ($services as $key => $service)
<div class="col-12 col-md-6 col-lg-4 wow fadeInUp">
<div class="bn-single-service-card ">
<div class="card-img-wrapper">
<img src="{{ asset('assets/images/' . $service->photo) }}" class="card-img"
alt="Card image">
</div>
<h4 class="title">{{ $service->title }}</h4>
<p class="des">{!! $service->details !!}</p>
</div>
</div>
@endforeach
</div>
</div>
</div>
<!-- smart tools section end-->
<!-- create account section start -->
<div class="bb-create-acnt-section pb-110">
<div class="container">
<div class="row align-items-end mb-40 gy-4">
<div class="col-lg-8 wow fadeInUp">
<div>
<h2 class="mb-16">
{{ $ps->strategy_title }}
</h2>
<p>
@php
echo $ps->strategy_details;
@endphp
</p>
</div>
</div>
<div class="col-lg-4 wow fadeInUp">
<div class="d-flex justify-content-lg-end">
<a class="template-btn primary-btn" href="{{ route('user.register') }}">@lang('Get Started')</a>
</div>
</div>
</div>
<div class="row gy-4">
<div class="col-12 col-lg-6 wow fadeInUp">
<div class="mb-30">
<h3 class="creg-title">@lang('Create Account')</h3>
<p class="creg-des">
@lang('Where strategic vision meets transformative solutions to achieve excellence and navigate success.')
</p>
</div>
<div class="accordion accordion-flush creg-accodion" id="creg_accrodion">
@foreach ($process as $key => $data)
<div class="accordion-item">
<!-- Accordion Heading -->
<div class="heading {{ $loop->first ? '' : 'collapsed' }}" role="button"
id="flush-heading{{ $key }}" data-bs-toggle="collapse"
data-bs-target="#flush-collapsefaq_{{ $key }}"
aria-expanded="{{ $loop->first ? 'true' : 'false' }}"
aria-controls="flush-collapsefaq_{{ $key }}">
<span class="counter-no">{{ $loop->iteration }}</span>
<h4 class="title">{{ $data->title }}</h4>
</div>
<!-- Accordion Content -->
<div id="flush-collapsefaq_{{ $key }}"
class="accordion_contents collapse {{ $loop->first ? 'show' : '' }}"
aria-labelledby="flush-heading{{ $key }}" data-bs-parent="#creg_accrodion">
<p class="des">
{{ $data->details }}
</p>
</div>
</div>
@endforeach
</div>
</div>
<div class="col-12 col-lg-6 wow fadeInUp">
<div>
<img class="creg-img" src="{{ asset('assets/images/' . $ps->strategy_banner) }}" alt="img">
</div>
</div>
</div>
</div>
</div>
<!-- create account section end -->
<!-- feedback section start -->
<div class="bb-feedback-section pb-110 ">
<div class="container position-relative bb-feedback-container">
<div class="row justify-content-center justify-content-xl-end">
<div class="col-lg-8 col-xl-7">
<div class="mb-40 text-center text-xl-start">
<h2 class="mb-16">
{{ $ps->review_title }}
</h2>
<p class="mb-40">
@php
echo $ps->review_text;
@endphp
</p>
</div>
</div>
</div>
<div class="feedback-slider-position-wrapper ">
<div class="home-feedback-slider-wrapper owl-carousel owl-carousel-one">
@foreach ($testimonials as $key => $data)
<div class="bb-feedback-item ">
<img class="feedback-user-img" src="{{ asset('assets/images/' . $data->photo) }}"
alt="img">
<div class="feedback-contents" data-background="{{ asset('assets/front/images/border-bg.png') }}">
<div class="row">
<div class="col-lg-4 col-xl-5 mb-4 mb-lg-0">
<div class="feedback-user-info">
<img class="feedback-user-img-inner"
src="{{ asset('assets/images/' . $data->photo) }}" alt="img">
<h4>{{ $data->title }}</h4>
<p>
{!! $data->designation !!}
</p>
</div>
</div>
<div class="col-lg-8 col-xl-7">
<div class="feedback-right-content">
@if ($data->logo)
<img class="logo" src="{{ asset('assets/images/' . $data->logo) }}"
alt="img">
@endif
<div class="divider"></div>
<div class="inner-content-wrapper">
<p>
@php
echo $data->details;
@endphp
</p>
</div>
</div>
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
<!-- feedback section end -->
<!-- banner section start -->
<div class="bb-banner-section pb-110 wow fadeInUp">
<div class="container g-0 ">
<div class="banner-bg-wrapper bg-class position-relative"
data-background="{{ asset('assets/front/images') }}/bg/bb-banner-bg.png">
<div class="row justify-content-end g-0">
<img class="banner-position-img" src="{{ asset('assets/images/' . $ps->quick_photo) }}"
alt="img">
<div class="col-lg-8">
<div class="banner-contents">
<h2 class="title mb-16">{{ $ps->quick_title }}</h2>
<p class="des mb-30">
{{ $ps->quick_subtitle }}
</p>
<a href="{{ $ps->quick_link }}"
class="template-btn primary-btn d-inline-block">@lang('Get Started Now')</a>
</div>
</div>
</div>
</div>
<!-- counter section start -->
<div class="counter-section">
<div class="row gy-4">
@foreach ($counters as $key => $data)
<div class="col-8 col-sm-6 col-lg-3">
<div class="bb-single-counter-box {{$loop->last ? ' ' : 'border-right' }}">
<div class="counter-icon">
<img src="{{ asset('assets/images/' . $data->icon) }}" alt="img">
</div>
<div class="counter-contents">
<h2 class="counter-number">
@if ($data->is_money == 1)
<span class="count">$</span>
@endif
<span class="counter">{{ $data->count }}</span>M
</h2>
<p class="counter-title">
{{ $data->title }}
</p>
</div>
</div>
</div>
@endforeach
</div>
</div>
<!-- counter section end -->
</div>
</div>
<!-- banner section end -->
<!-- blog-section start -->
<div class="bb-blog-section pb-110">
<div class="container">
<div class="row justify-content-center wow fadeInUp">
<div class="col-lg-9">
<div class="text-center mb-40">
<h2 class="mb-16">
{{ $ps->blog_title }}
</h2>
<p class="mb-40">
@php
echo $ps->blog_text;
@endphp
</p>
</div>
</div>
</div>
<div class="row align-items-center gy-4 wow fadeInUp">
<div class="col-md-12 col-lg-6">
@foreach ($blogs->get()->slice(0, 2) as $blog)
<div class="single-blog {{ $loop->first ? 'mb-4' : '' }}">
<div class="blog-img-wrapper">
<img src="{{ asset('assets/images/' . $blog->photo) }}" alt="">
</div>
<div class="blog-content">
<span
class="date">{{ Carbon\Carbon::parse($blog->created_at)->format('F d, Y') }}</span>
<h4>
<a class="title" href="{{ route('blog.details', $blog->slug) }}">
{{ Str::limit($blog->title, 50) }}
</a>
</h4>
<a href="{{ route('blog.details', $blog->slug) }}"
class="read-more-btn">@lang('Read More') <i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
@endforeach
</div>
<div class="col-lg-6">
@foreach ($blogs->get()->slice(2, 1) as $blog)
<div class="single-blog single-blog-vertical">
<div class="blog-img-wrapper">
<img src="{{ asset('assets/images/' . $blog->photo) }}" alt="">
</div>
<div class="blog-content">
<span
class="date">{{ Carbon\Carbon::parse($blog->created_at)->format('F d, Y') }}</span>
<h4>
<a class="title" href="{{ route('blog.details', $blog->slug) }}">
{{ Str::limit($blog->title, 50) }}
</a>
</h4>
<a href="{{ route('blog.details', $blog->slug) }}"
class="read-more-btn">@lang('Read More') <i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
<!-- blog-section end -->
<!-- faq section start -->
<div class="bb-faq-section pb-110 wow fadeInUp">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="mb-40">
<h2 class="mb-16">
{{ $ps->faq_title }}
</h2>
<p class="mb-40">
@php
echo $ps->faq_subtitle;
@endphp
</p>
</div>
</div>
</div>
<div class="faq-accordion-wrapper" id="accordionHomeFaq">
<div class="row gy-4">
@php
$chunkSize = ceil(count($faqs->toArray()) / 2);
$attributes = array_chunk($faqs->toArray(), $chunkSize);
@endphp
<div class="col-lg-6">
@foreach ($attributes[0] as $key => $data)
@php
$data = (object) $data;
@endphp
<div class="accordion-item {{$loop->last ? 'mb-0' : 'mb-4'}}">
<button class="h4 {{ $key == 0 ? '' : 'collapsed' }}" type="button"
data-bs-toggle="collapse" data-bs-target="#collapsefaq_{{ $key }}"
aria-expanded="{{ $key == 0 ? 'true' : 'false' }}"
aria-controls="collapsefaq_{{ $key }}">
{{ $key + 1 }}. {{ $data->title }}
</button>
<div id="collapsefaq_{{ $key }}"
class="accordion-collapse collapse {{ $key == 0 ? 'show' : '' }}"
data-bs-parent="#accordionHomeFaq">
<p>
{!! $data->details !!}
</p>
</div>
</div>
@endforeach
</div>
<div class="col-lg-6">
@foreach ($attributes[1] as $key => $data)
@php
$data = (object) $data;
@endphp
<div class="accordion-item {{$loop->last ? 'mb-0' : 'mb-4'}}">
<button class="h4" type="button"
data-bs-toggle="collapse" data-bs-target="#collapsefaqs_{{ $key }}"
aria-expanded="false"
aria-controls="collapsefaqs_{{ $key }}">
{{ $key + 1 }}. {{ $data->title }}
</button>
<div id="collapsefaqs_{{ $key }}"
class="accordion-collapse collapse"
data-bs-parent="#accordionHomeFaq">
<p>
{!! $data->details !!}
</p>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
@endsection
@push('js')
@endpush