/home/thegtkjw/cresviafinancial.com/project__549d4a8/resources/views/frontend/services.blade.php
@extends('layouts.front')


@section('content')
    <!-- breadcrumb area start -->
    <div class="bb-breadcrumb-area">
        <div class="container">
            <div class="row wow fadeInUp">
                <div class="col-12">
                    <div class="breadcrumb-contents">
                        <h2 class="bread-title mb-16">@lang('Service')</h2>
                        <ul>
                            <li><a class="link-title" href="{{ route('front.index') }}">@lang('Home')</a></li>
                            <li><span class="link-title active">@lang('Service')</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb area 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">
                            @lang('Navigate Your Finances Effortlessly with Smart Tools')
                        </h2>
                        <p>
                            @lang('Where strategic vision meets transformative solutions. We empower the organizations to achieve excellence and navigate success. Mobile banking experience with.')
                        </p>
                    </div>
                </div>
            </div>
            <div class="row gy-4">
                @foreach ($services 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>
    <!-- smart tools 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 -->




    <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