@extends('reachassuree_agent_web/theme-4/layouts.main')
@section('content')

<!-- BANNER ================================================== -->
<section class="py-6 py-md-16 py-lg-20 py-xxl-24 bg-img cover-background" data-overlay-dark="6" data-background="{{ asset('assets-theme4/img/banner/slide-01.png')}}">
    <div class="container pt-1-9 pt-sm-6 pt-md-0 mt-n1-9">
        <div class="row align-items-center position-relative z-index-1 justify-content-center">
            <div class="col-md-10 col-lg-9 col-xl-8 col-xxl-7 text-center py-5">
                <span class="text-white text-uppercase small letter-spacing-4 d-block mb-3 font-weight-600">Whatever life takes you</span>
                <h1 class="display-13 display-sm-10 display-md-6 display-lg-4 display-xl-3 mb-4 text-white">Do <span class="title-sm banner">Insurance</span> And Secure Your Family</h1>
                <p class="mb-2-3 display-md-28 w-lg-80 mx-auto text-white d-none d-sm-block">We have been driving protection-giving organisations everywhere in the world for more than 25 years.</p>
                <a href="{{route('health.insurance')}}" class="butn-style2">Learn More</a>
            </div>
        </div>
    </div>

    <div class="bg-primary p-14 p-lg-20 p-xxl-24 d-inline-block rounded-circle position-absolute left-n10 left-lg-n15 left-xl-n10 bottom-n15 ani-top-bottom z-index-1 d-none d-md-block"></div>
    <div class="banner-shape1"></div>
    <img src="{{ asset('assets-theme4/img/content/shape10.png')}}" class="position-absolute right-5 top-10 z-index-3 ani-left-right d-none d-md-block" alt="...">
    <div class="d-inline-block p-3 border border-width-2 border-white-color top-20 left-10 ani-move position-absolute rounded-circle z-index-1"></div>
</section>

<!-- ABOUT US ================================================== -->
<section>
    <div class="container">
        <div class="row align-items-center about-style3">
            <div class="col-lg-7 col-xl-6 mb-1-9 mb-sm-6 mb-lg-0 wow fadeIn" data-wow-delay="200ms">
                <div class="pe-md-6 pe-lg-1-9 position-relative text-center text-sm-start">
                    <img src="{{ asset('assets-theme4/img/content/about-07.png')}}" class="mb-sm-15 border-radius-5" alt="...">
                    <img src="{{ asset('assets-theme4/img/content/about-06.png')}}" class="position-absolute bottom-0 end-0 bg-white p-2 border-radius-5 d-none d-sm-block" alt="...">
                    <img src="{{ asset('assets-theme4/img/content/about-08.png')}}" class="position-absolute top-5 right-5 border-radius-5 d-none d-sm-block" alt="...">
                    <div class="bg-white border-primary-color border border-width-3 p-4 border-radius-10 about-quote ani-left-right d-none d-sm-block">
                        <p class="mb-0 text-dark">"With very long, more than 20 years of experience." <span class="fw-bold"></span></p>
                    </div>
                </div>
            </div>
            <div class="col-lg-5 col-xl-6 wow fadeIn" data-wow-delay="400ms">
                <div class="ps-xl-7">
                    <span class="text-muted text-uppercase small letter-spacing-4 d-block mb-3 font-weight-600">About Us</span>
                    <h2 class="display-22 display-sm-18 display-md-16 display-lg-14 display-xl-10 mb-lg-1-6">We're here to help you explore <span class="title-sm">protection.</span></h2>
                    <p class="mb-1-9 font-weight-600">With very long / ( Lotoff years of ) experience in the insurance industry, our team of knowledgeable agents has gained a deep understanding of the insurance landscape. We stay up-to-date with the latest industry trends and regulations to ensure we offer the most relevant and effective insurance solutions.</p>
                    <div class="horizontaltab tab-style1 clearfix">
                        <ul class="resp-tabs-list hor_1">
                            @php
                            $counter = 1;
                            @endphp

                            @foreach($data['about_us'] as $key => $value)

                            <li><span>{{ str_pad($counter, 2, '0', STR_PAD_LEFT) }}.</span> {{$value->topic_name}}</li>
                            @php
                            $counter++;
                            @endphp
                            @endforeach
                        </ul>

                        <div class="resp-tabs-container hor_1 p-0">
                            @foreach($data['about_us'] as $key => $value)
                            <div>
                                {{$value->description}}
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- WHY CHOOSE US ================================================== -->
<section class="bg-white why-us-02 bg-img" data-background="{{ asset('assets-theme4/img/content/why-us-02.jpg')}}">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xl-6 wow fadeIn" data-wow-delay="200ms">
                <div class="pe-xl-2-9">
                    <span class="text-muted text-uppercase small letter-spacing-4 d-block mb-3 font-weight-600">why choose Us</span>
                    <h2 class="display-22 display-sm-18 display-md-16 display-lg-14 display-xl-10 mb-1-9">Most of the people <span class="title-sm">choose us</span></h2>

                    <div id="accordion" class="accordion-style style1">
                        <div class="card mb-3">
                            <div class="card-header" id="headingOne">
                                <h5 class="mb-0">
                                    <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">01. Personalized Service</button>
                                </h5>
                            </div>
                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion">
                                <div class="card-body">
                                    We believe in personalised service, ensuring that you receive the right coverage that fits your unique requirements.
                                </div>
                            </div>
                        </div>
                        <div class="card mb-3">
                            <div class="card-header" id="headingTwo">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">02. Expert Advice</button>
                                </h5>
                            </div>
                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion">
                                <div class="card-body">
                                    Our team of experienced insurance professionals offers expert advice to help you make 100% secure, well-informed decisions.
                                </div>
                            </div>
                        </div>
                        <div class="card mb-3">
                            <div class="card-header" id="headingThree">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">03. Wide Range of Coverage</button>
                                </h5>
                            </div>
                            <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-bs-parent="#accordion">
                                <div class="card-body">
                                    From personal insurance to commercial insurance, we have you covered.
                                </div>
                            </div>
                        </div>
                        <div class="card mb-3">
                            <div class="card-header" id="headingFour">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseTwo">04. Competitive Rates</button>
                                </h5>
                            </div>
                            <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-bs-parent="#accordion">
                                <div class="card-body">
                                    We strive to provide cost-effective insurance solutions without compromising on quality.
                                </div>
                            </div>
                        </div>
                        <div class="card mb-3">
                            <div class="card-header" id="headingFive">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseTwo">05. Responsive Customer Support</button>
                                </h5>
                            </div>
                            <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-bs-parent="#accordion">
                                <div class="card-body">
                                    Our dedicated customer support team is ready to assist you promptly.
                                </div>
                            </div>
                        </div>
                        <div class="card mb-3">
                            <div class="card-header" id="headingSix">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseTwo">06. Trustworthy and Reliable</button>
                                </h5>
                            </div>
                            <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-bs-parent="#accordion">
                                <div class="card-body">
                                    With a solid reputation for trustworthiness and reliability, we have built long-lasting relationships with our clients.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 wow fadeIn d-none d-xl-block" data-wow-delay="400ms">
                <div class="ps-xxl-1-9 text-center">
                    <img src="{{ asset('assets-theme4/img/content/why-us-03.png')}}" class="border-radius-5" alt="...">
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CALL TO ACTION ================================================== -->
<section class="bg-img cover-background primary-overlay" data-overlay-dark="8">
    <div class="container">
        <div class="row justify-content-center wow fadeIn" data-wow-delay="200ms">
            <div class="col-lg-7 text-center">
                <img src="{{ asset('assets-theme4/img/icons/icon-14.png')}}" class="extra-icon-circle mb-4" alt="...">
                <h2 class="text-white display-18 display-sm-15 display-md-10 display-lg-6 mb-0">Trusted and professional advisors for your insurance</h2>
            </div>
        </div>
    </div>

    <div class="bg-secondary p-14 d-inline-block rounded-circle position-absolute left-n5 bottom-n15 ani-top-bottom z-index-1 d-none d-md-block"></div>
    <div class="banner-shape1 d-none d-md-block"></div>
    <img src="{{ asset('assets-theme4/img/content/shape10.png')}}" class="position-absolute right-5 top-10 z-index-3 ani-left-right d-none d-md-block" alt="...">
</section>

<!-- TESTIMONIALS ================================================== -->
<section class="bg-img cover-background left-overlay-dark" data-overlay-dark="90" data-background="{{ asset('assets-theme4/img/bg/bg-02.png')}}">
    <div class="container">
        <div class="row align-items-center wow fadeIn" data-wow-delay="200ms">
            <div class="col-lg-7">
                <div>
                    <div class="position-relative">
                        <img src="{{ asset('assets-theme4/img/icons/quote.png')}}" class="mb-4 position-absolute left-n10 top-n15 opacity2" alt="...">
                        <h2 class="text-primary mb-1-9 h1">Testimonials</h2>
                    </div>
                    <div class="testimonial-carousel-02 owl-theme owl-carousel">
                        <div>
                            <p class="mb-1-9 display-29 display-md-28 display-lg-27 display-xl-25 text-white">"After a recent car accident, I was worried about the repair costs and potential hikes in my insurance premiums. General Insurance not only covered the damages promptly but also provided excellent customer support throughout the claims process. Their team made a stressful situation much more manageable."</p>
                            <h4 class="text-white opacity7 font-weight-500 h5">- Lisa H. - General Insurance Member:</h4>
                        </div>
                        <div>
                            <p class="mb-1-9 display-29 display-md-28 display-lg-27 display-xl-25 text-white">"Switching to life insurance for my health coverage was one of the best decisions I've made. Their comprehensive plans cater to my specific needs, and the network of healthcare providers is extensive. I feel confident knowing that I have a reliable partner in managing my health and well-being."</p>
                            <h4 class="text-white opacity7 font-weight-500 h5">- Mark B. - Life Insurance Policyholder:</h4>
                        </div>
                        <div>
                            <p class="mb-1-9 display-29 display-md-28 display-lg-27 display-xl-25 text-white">"Securing my family's financial future was a top priority for me. Business Insurance offered a range of life insurance options, and their knowledgeable agents helped me choose the right policy. I appreciate the peace of mind that comes with knowing my loved ones are protected."</p>
                            <h4 class="text-white opacity7 font-weight-500 h5">- Emily S. - Business Insurance Client:</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection