@extends('reachassuree_agent_web/theme-1/layouts.main')
@section('title', $data['title'])
@section('content')

<!-- Start Page Title Area -->
<div class="page-title-area">
    <div class="container">
        <div class="page-title-content">
            <h2>About Us</h2>
            <ul>
                <li><a href="{{ route('home.page') }}">Home</a></li>
                <li class="active">About Us</li>
            </ul>
        </div>
    </div>

    <img src="{{ asset('assets-theme1/images/subscribe-shape-1.png') }}" alt="Image" class="shape shape-1" data-speed="0.04" data-revert="true">
    <img src="{{ asset('assets-theme1/images/subscribe-shape-2.png') }}" alt="Image" class="shape shape-2" data-speed="0.04" data-revert="true">
</div>
<!-- End Page Title Area -->

<div class="why-choose-us-area pt-50 pb-50">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="choose-us-img mr-15 ">
                    <img src="{{ asset('assets-theme1/images/Insurance-about-image-1.png') }}" alt="Image">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="choose-us-content ml-15">

                    @foreach($data['PageContent'] as $key => $value)
                        <h3><u class="heading">{{$value->topic_name}}</u></h3>
                        <p class="content">{{$value->description}} </P>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>

@endsection