@extends('layouts.frontend')


@section('content')
<div class="wrapper">

    <!-- Main Banner Section Starts -->
    <div class="main-banner-section">
        <div class="main-banner-inner">

            <div class="owl-carousel owl-carousel-custom owl-theme main-banner-slider">
                <div class="item" style="background-image: url({{asset('assets/frontend/images/bg-banner-1.jpg')}});">
                    <div class="container">
                        <div class="main-banner-outer">
                            <div class="row align-items-center">
                                <div class="col-lg-6">
                                    <div class="main-banner-left">
                                        <div class="mbl-inner">
                                            <div class="main-banner-content">
                                                <div class="main-banner-title">
                                                    <h1>Need Essay Help?
                                                        <br>
                                                        We are your <strong>#1 Essay Writing Service</strong>
                                                    </h1>
                                                </div>
                                                <div class="main-banner-desc">
                                                     <ul>
                                                        <li>100% High-Quality Original Content</li>
                                                        <li>Services For Any Academic Level</li>
                                                        <li>Complete Security & Anonymity</li>
                                                        <li>24/7 Professional Support</li>
                                                        <li>Availability of Unlimited Revisions</li>
                                                    </ul>
                                                </div>
                                                <div class="main-banner-btn-outer">
                                                    <a href="{{route('frontend.customer.order-now')}}" class="btn btn-main">Write my essay</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="main-banner-right">
                                        <div class="mbr-inner">
                                            <div class="main-banner-img">
                                                <img src="{{asset('assets/frontend/images/banner-img.png')}}"
                                                    class="img-fluid">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item" style="background-image: url({{asset('assets/frontend/images/bg-banner-1.jpg')}});">
                    <div class="container">
                        <div class="main-banner-outer">
                            <div class="row align-items-center">
                                <div class="col-lg-6">
                                    <div class="main-banner-left">
                                        <div class="mbl-inner">
                                            <div class="main-banner-content">
                                                <div class="main-banner-title">
                                                    <h2>Want online coursework help?
                                                        <br>
                                                        We are a  <strong>#top-rated coursework help service</strong>
                                                    </h2>
                                                </div>
                                                <div class="main-banner-desc">
                                                    <ul>
                                                        <li>Partial payment plan throughout the semester</li>
                                                        <li>We deliver improved grades surpassing your expectations</li>
                                                        <li>Plagiarism free content guaranteed</li>
                                                        <li>Ethical and anonymous services guaranteed</li>
                                                        <li>Timely delivery of assignments</li>
                                                    </ul>
                                                </div>
                                                <div class="main-banner-btn-outer">
                                                    <a href="{{route('frontend.customer.order-now')}}" class="btn btn-main">Write my essay</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="main-banner-right">
                                        <div class="mbr-inner">
                                            <div class="main-banner-img">
                                                <img src="{{asset('assets/frontend/images/banner-img.png')}}"
                                                     class="img-fluid">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Main Banner Section Ends -->

    <!-- All Rating Section Starts -->
    <div class="all-rating-section">
        <div class="container">
            <div class="all-rating-inner">
                <div class="row">

                    <div class="col-4">
                        <div class="all-rating-box">
                            <div class="ar-box-inner">
                                <div class="ar-box-left">
                                    <div class="ar-box-icon">
                                        <img src="{{asset('assets/frontend/images/icon-google.png')}}"
                                            class="img-fluid">
                                    </div>
                                </div>
                                <div class="ar-box-right">
                                    <div class="ar-box-rat">
                                        <p>(5/5) <i class="fa fa-star"></i></p>
                                    </div>
                                    <div class="ar-box-title">
                                        <p>Google reviews</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-4">
                        <div class="all-rating-box">
                            <div class="ar-box-inner">
                                <div class="ar-box-left">
                                    <div class="ar-box-icon">
                                        <img src="{{asset('assets/frontend/images/icon-rocket.svg')}}"
                                            class="img-fluid">
                                    </div>
                                </div>
                                <div class="ar-box-right">
                                    <div class="ar-box-rat">
                                        <p>(4.8/5) <i class="fa fa-star"></i></p>
                                    </div>
                                    <div class="ar-box-title">
                                        <p>Site jabber</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-4">
                        <div class="all-rating-box">
                            <div class="ar-box-inner">
                                <div class="ar-box-left">
                                    <div class="ar-box-icon">
                                        <img src="{{asset('assets/frontend/images/icon-star.svg')}}" class="img-fluid">
                                    </div>
                                </div>
                                <div class="ar-box-right">
                                    <div class="ar-box-rat">
                                        <p>(4.9/5) <i class="fa fa-star"></i></p>
                                    </div>
                                    <div class="ar-box-title">
                                        <p>Reviews.io</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- All Rating Section Ends -->

    <!-- Essay Writing Section Starts -->
    <div class="essay-writing-section">
        <div class="container">
            <div class="essay-writing-inner">
                <div class="section-title section-title-center text-center">
                    <h2>How does our essay writing service work?</h2>
                    <p>We keep things easy, simple, and effective….</p>
                </div>


                <!-- <div class="essay-writing-box-outer">
                    <div class="row">
                        @foreach ($blogs as $blog)
                        <div class="col-lg-4 col-md-6">
                            <div class="ew-box">
                                <div class="ew-box-inner">
                                    <div class="ew-box-top">
                                        <div class="ew-box-img">
                                            <img src="{{asset($blog->image)}}" class="img-fluid">
                                        </div>
                                    </div>
                                    <div class="ew-box-bottom">
                                        <div class="ew-box-title">
                                            <h3><a href="#">{{$blog->name}}</a></h3>
                                        </div>
                                        <div class="ew-box-btn-outer">
                                            <a href="{{route('frontend.blog-detail-page',$blog->id)}}" class="read-more-link">
                                                <img src="{{asset('assets/frontend/images/icon-plus-circle.svg')}}"
                                                    class="img-fluid"> Read More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div> -->


                <div class="essay-writing-box-outer">
                    <div class="row">

                        <div class="col-lg-4 col-md-6">
                            <div class="ew-box">
                                <div class="ew-box-inner">
                                    <div class="ew-box-top">
                                        <div class="ew-box-img">
                                            <img src="{{asset('assets/frontend/images/work1.jpg')}}" class="img-fluid">
                                        </div>
                                    </div>
                                    <div class="ew-box-bottom">
                                        <div class="ew-box-title">
                                            <h3><a href="#">Choose your custom writing Bundle.</a></h3>
                                            <p>Select the service essay service according to your requirements.</p>
                                        </div>
                                        <div class="ew-box-btn-outer">
                                            <a href="#" class="read-more-link">
                                                <img src="{{asset('assets/frontend/images/icon-plus-circle.svg')}}"
                                                    class="img-fluid"> Read More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                            <div class="ew-box">
                                <div class="ew-box-inner">
                                    <div class="ew-box-top">
                                        <div class="ew-box-img">
                                            <img src="{{asset('assets/frontend/images/work2.jpg')}}" class="img-fluid">
                                        </div>
                                    </div>
                                    <div class="ew-box-bottom">
                                        <div class="ew-box-title">
                                            <h3><a href="#">Our essay assistant selects the best pro Essay writer for you</a></h3>
                                            <p>Our smart assistant will help you choose the best <strong>Essay writers</strong>.</p>
                                        </div>
                                        <div class="ew-box-btn-outer">
                                            <a href="#" class="read-more-link">
                                                <img src="{{asset('assets/frontend/images/icon-plus-circle.svg')}}"
                                                    class="img-fluid"> Read More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                            <div class="ew-box">
                                <div class="ew-box-inner">
                                    <div class="ew-box-top">
                                        <div class="ew-box-img">
                                            <img src="{{asset('assets/frontend/images/work3.jpg')}}" class="img-fluid">
                                        </div>
                                    </div>
                                    <div class="ew-box-bottom">
                                        <div class="ew-box-title">
                                            <h3><a href="#">See the results</a></h3>
                                            <p>Get the desired outcome.</p>
                                        </div>
                                        <div class="ew-box-btn-outer">
                                            <a href="#" class="read-more-link">
                                                <img src="{{asset('assets/frontend/images/icon-plus-circle.svg')}}"
                                                    class="img-fluid"> Read More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>



            </div>
        </div>
    </div>
    <!-- Essay Writing Section Ends -->

    <!-- Benefits Section Starts -->
    @include('frontend.partials.services')
    <!-- Benefits Section Ends -->


    <!-- Order Essay Section Starts -->
    <div class="order-essay-section">
        <div class="container">
            <div class="order-essay-inner">
                <div class="order-essay-outer">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="order-essay-left">
                                <div class="oel-inner">
                                    <div class="oel-img">
                                        <img src="{{asset('assets/frontend/images/icon-pencil.svg')}}"
                                            class="img-fluid">
                                    </div>
                                    <div class="section-title section-title-white">
                                        <h2>Essay writing services</h2>
                                    </div>
                                    <div class="oe-btn-outer">
                                        <a href="{{route('frontend.customer.order-now')}}" class="btn btn-main btn-blue">Place an Order</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <div class="order-essay-right">
                                <div class="oer-inner">
                                    <div class="oer-list">
                                        <ul>
                                            <li><h3><a href="{{route('frontend.expository-writing')}}">Expository Writing</a></h3></li>
                                            <li><h3><a href="{{route('frontend.essay-help')}}">Essay Help</a></h3></li>
                                            <li><h3><a href="{{route('frontend.case-study')}}">Case Study</a></h3></li>
                                            <li><h3><a href="{{route('frontend.compare-contrast')}}">Compare and Contrast</a></h3></li>
                                            <li><h3><a href="{{route('frontend.apa-vs-mla')}}">APA vs MLA</a></h3></li>
                                            <li><h3><a href="{{route('frontend.research-paper')}}">Research paper outline</a></h3></li>
                                            <li><h3><a href="{{route('frontend.good-hooks')}}">Good Hook for Essays</a></h3></li>
                                            <li><h3><a href="{{route('frontend.argumentative-essays')}}">Argumentative Essays</a></h3></li>
                                            <li><a href="{{route('frontend.mathmatics-help')}}">Mathematics Help</a></li>
                                            <li><a href="{{route('frontend.assignment-help')}}">Assignment Help</a></li>
                                            <li><a href="{{route('frontend.write-me-essay')}}">Write me my essay</a></li>
                                            <li><a href="{{route('frontend.essay-writing-format')}}">Essay Format</a></li>
                                            <li><a href="{{route('frontend.informative-essay')}}">How can i start an essay?</a></li>
                                            <li><a href="{{route('frontend.psychology-paper')}}">Psychology Paper Help</a></li>
                                            <li><a href="{{route('frontend.accounting-coursework')}}">Accounting Coursework Help</a></li>
                                            <li><h3><a href="{{route('frontend.maths-coursework')}}">Math Coursework Help</a></h3></li>
                                            <li><a href="{{route('frontend.finance-coursework-help')}}">Finance Coursework Help</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Order Essay Section Ends -->

    <!-- Assignment Content Section Starts -->
    <div class="assignment-content-section">
        <div class="container">
            <div class="assignment-content-inner">
                <div class="section-title text-center">
                    <h2> Assignment Authority:
                        <br>
                        A Reliable Essay Writing Service You Can Trust
                    </h2>
                    <p>At times not everything works according to plan.
                        You might have gotten a part time job or simply engaged in other critical activities which distort your school life balance.
                        Such inconveniences may result to you missing crucial deadlines, which in turn lower your academic credits.
                        In such circumstances, that’s where we as Assignment Authority, a top-rated Reddit essay writing service come in to assist.
                        Our essay writing professionals will help you achieve your academic goals by providing the best user experience tailored to improve your credits.
                        We are a diverse team of highly qualified scholars in diverse subjects ready to sort your needs. </p>
                </div>

                <div class="assignment-content-outer common-content">
                    <div class="row">

                        <div class="col-lg-6">
                            <div class="ac-box">
                                <h3>Types of essay services we offer at our essay writing service</h3>
                                <p>At AssignmentAuthority, we take pride in offering a wide variety of superior essay services customized to each client's requirements. Our dedicated team of skilled writers provides a range of essay formats, guaranteeing thorough scholarly assistance. Whether it's a persuasive essay, argumentative article, descriptive composition, or analytical assignment, we thrive in generating well-researched and properly constructed material.</p>
                                <p>We place a great value on originality and uphold strict academic standards to guarantee that every essay is free of plagiarism and satisfies the highest quality requirements. AssignmentAuthority <strong>essay writing services</strong> are an excellent choice for anyone who wants to stay ahead in submitting their essay assignments.</p>
                                <h3>How our essay assistance service will deliver your paper</h3>
                                <p>AssignmentAuthority's <strong>essay assistance service</strong> ensures you get the desired outcomes with a personalized experience. The process we follow starts with understanding the complete requirements of our clients. After that, we let them select a qualified writer for their essay. We prioritize transparent communication, where you can contact the assigned writer directly to clarify doubts and share additional information.</p>
                                <p>Our commitment to maintaining high quality involves crafting each paper from scratch. It shows that we guarantee the delivery of plagiarism-free content every time. With quality, we take the deadlines seriously and deliver the complete essay assignments before the due date with uninterrupted <strong>essay writing support</strong>. If you want, you can try it now!</p>
                                <h3>How to place an order with our essay writing service</h3>
                                <p>Ordering essay writing help from AssignmentAuthority is easy and does not take much time. The first step is to go to our website and check for the type of essay-writing service you want for yourself. In this way, we can provide you with a customized solution. After that, our smart assistant will guide you to choose the most suitable essay writer. We have a group of expert writers who have extensive writing experience.</p>
                                <p>Finally, we deliver the expected results for your requirements. We understand that you may not be satisfied with the first-time results. So, we are open to unlimited revisions. As a result, you can ask for the changes you need for your essay assignment with our <strong>essay writing services</strong>.</p>
                            </div>
                        </div>


                        <div class="col-lg-6">
                            <div class="ac-box">
                                <h3>Why Assignment Authority is the best essay writing service</h3>
                                <p>As the top essay writing service provider, AssignmentAuthority stands out for providing high-quality academic support. Our professional writers are devoted to maintaining advanced degrees in their disciplines. We know the value of achieving the desired outcomes, and we do it without sacrificing the caliber of the content. Our team has gained a great reputation for delivering unique and plagiarism-free content.</p>
                                <p>Further, we prioritize client satisfaction and provide a revisions facility to ensure every client gets what they expect from us. Therefore, students who are looking for a reliable <strong>essay writing service</strong> can choose us for well-written essays. Besides, we have a competitive price policy and a proven record of providing the best results.</p>
                                <h3>Our essay writing service vs other essay writing sites</h3>
                                <p>AssignmentAuthority differentiates significantly from its competitors. Various factors make us better than other <strong>essay writing sites</strong>, such as fulfilling the highest academic requirements. We deliver the essays specifically created and exhibit extensive research of the subject matter. Many essay writing services do not give complete support. However, we provide 24/7 support to our clients with our expert writers.</p>
                                <p>Besides, we emphasize delivering original content for every assignment, which is crucial for clients to maintain a good reputation in their fields. We have unmatched essay writing expertise, and each project gets delivered on time. It is one of the critical aspects that many essay assistance services cannot achieve. But we guarantee it with our professional writers.</p>
                                <h3>Why we have been consistently voted as the best essay writing service on Reddit</h3>
                                <p>AssignmentAuthority has successfully gained a consistent top title of being one of Reddit's best essay writing services. We are committed to excellence, dedicated to client satisfaction, and have a solid team of top-notch qualified writers to deliver top-notch academic content. All our professionals consistently produce well-researched and unique essays that meet the top standards. Our reasonable prices make our essay writing services affordable to everyone.</p>
                                <p>Moreover, our customer-centric approach allows us to provide fully customized solutions to all students with specific requirements. It is why we are the best <strong>essay-writing service on Reddit</strong>. Our reputation becomes even stronger on the platform with positive testimonials and Reddit community recommendations.</p>
                            </div>
                        </div>

                    </div>
                </div>


            </div>
        </div>
    </div>
    <!-- Assignment Content Section Ends -->


    <!-- Testimonials Section CSS Starts -->
    <div class="testimonials-section" id="reviews-section">
        <div class="container">
            <div class="testimonials-inner">
                <div class="section-title section-title-center text-center">
                    <h2>Our Essay Writing Service Reviews</h2>
                </div>
                <div class="testimonials-outer">
                    <div class="owl-carousel owl-theme testimonials-slider">
                    @foreach($reviews as $review)
                        <x-review-component :review="$review" :imagePath="$review['image']" />
                    @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Testimonials Section CSS Ends -->

    <!-- Trusted Section Starts -->
    <div class="trusted-section">
        <div class="container">
            <div class="trusted-inner">
                <div class="section-title section-title-white text-center">
                    <h2>Trusted By</h2>
                </div>
                <div class="trusted-logo-outer">

                    <div class="owl-carousel owl-theme trusted-logo-slider" id="trusted-logo-slider">
                        <div class="item">
                            <img src="{{asset('assets/frontend/images/client-1.svg')}}" class="img-fluid">
                        </div>
                        <div class="item">
                            <img src="{{asset('assets/frontend/images/client-2.svg')}}" class="img-fluid">
                        </div>
                        <div class="item">
                            <img src="{{asset('assets/frontend/images/client-3.svg')}}" class="img-fluid">
                        </div>
                        <div class="item">
                            <img src="{{asset('assets/frontend/images/client-4.svg')}}" class="img-fluid">
                        </div>
                        <div class="item">
                            <img src="{{asset('assets/frontend/images/client-5.svg')}}" class="img-fluid">
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- Trusted Section Ends -->

    <!-- FAQ Section Starts -->
    <div class="faq-section" id="faq-section">
        <div class="container">
            <div class="faq-inner">
                <div class="section-title section-title-center text-center">
                    <h2>Frequently Asked Questions</h2>
                    <!-- <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
                        has been the industry's standard dummy text ever since the 1500s, when an unknown
                        printer took a galley of type</p> -->
                </div>
                <div class="faq-outer">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="faq-left">
                                <div class="accordion-outer">
                                    <div class="accordion" id="accordionExample">
                                        @foreach($faq as $index => $data)
                                            @if($index % 2 == 0)
                                            <div class="accordion-item">
                                                <h3 class="accordion-header" id="heading{{$data->id}}">
                                                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                        data-bs-target="#collapse{{$data->id}}" aria-expanded="true"
                                                        aria-controls="collapse{{$data->id}}">
                                                        {{ $data->question }}
                                                    </button>
                                                </h3>
                                                <div id="collapse{{$data->id}}" class="accordion-collapse collapse"
                                                    aria-labelledby="heading{{$data->id}}"
                                                    data-bs-parent="#accordionExample">
                                                    <div class="accordion-body">
                                                        <p>{{ strip_tags($data->answer) }}</p>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="faq-right">
                                <div class="accordion-outer">
                                    <div class="accordion" id="accordionExample">
                                        @foreach($faq as $index => $data)
                                            @if($index % 2 != 0)
                                            <div class="accordion-item">
                                                <h3 class="accordion-header" id="heading{{$data->id}}">
                                                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                        data-bs-target="#collapse{{$data->id}}" aria-expanded="true"
                                                        aria-controls="collapse{{$data->id}}">
                                                        {{ $data->question }}
                                                    </button>
                                                </h3>
                                                <div id="collapse{{$data->id}}" class="accordion-collapse collapse"
                                                    aria-labelledby="heading{{$data->id}}"
                                                    data-bs-parent="#accordionExample">
                                                    <div class="accordion-body">
                                                        <p>{{ strip_tags($data->answer) }}</p>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- FAQ Section Ends -->



</div>
@endsection