@extends('front.layouts.app')
@section('content')



<style>
section.mission {
    margin-bottom: 25px !important;
}
</style>



<main>

    <section class="banner h-un nwon">
        <div class="slider">
            <div class="banner-grad">
                <img src="{{ URL::asset('uploads/dirtycopsus/cms/homepage/'.$homePage->home_banner) }}" alt="" />
                <div class="abso">
                    <div class="container">
                        <div class="row">
                            <div class="col-12 col-md-9 col-lg-6">
                                <div class="">
                                    <div class="slide">
                                        <div class="slide__text">
                                            <h1>Expose Bad Lawyers and Protect Your Rights</h1>
                                            <p>Discover Honest Reviews, Share Your Experiences, and Make Informed Legal
                                                Choices.
                                                Your Voice Matters</p>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>


    <!-- old content  -->

    <section class="my-mission new_stat">
        <div class="container">
            <div class="row gy-4">
                <div class="col-12 col-lg-5">
                    <img src="{{ URL::asset('uploads/dirtycopsus/cms/homepage/'.$homePage->statement_image) }}"
                        class="img-fluid" alt="">
                </div>
                <div class="col-12 col-lg-7">
                    <div class="d-flex align-items-center">
                        <div class="">
                            <div class="miss-bfr">
                                <h1>Mission Statement</h1>
                            </div>
                            <p>
                                {!! !empty($homePage) ? $homePage->quote_section : '' !!}
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <p>
                        {!! !empty($homePage) ? $homePage->mission_statement : '' !!}
                    </p>

                    <hr>

                    <p>
                        {!! !empty($homePage) ? $homePage->one_line_section : '' !!}
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section class="convo-inde">
        <div class="container">
            <hr class="non-bottom">
            <div class="row">
                {!! !empty($homePage) ? $homePage->one_line_sectionsec : '' !!}
            </div>
        </div>
    </section>

    <section class="mission mt-3 bottom">
        <div class="container">
            <div class="row gy-4 justify-content-center">
                <div class="col-10">
                    <div class="pt-3 mt-5 object-mar">
                        {!! !empty($homePage) ? $homePage->contact_section : '' !!}
                    </div>
                </div>

            </div>
        </div>
    </section>

</main>

@endsection