@extends('frontend.layouts.web.master')
@section('main-content')
    <!-- Begin: Main Slider -->
    <section class="mainBanner" style="background: url('{{asset('assets/images/banner/12.webp')}}') center/cover no-repeat;">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="bannerContnt">
                        <h4>Join The Most Sought-After Ghostwriters Community!</h4>
                        <p>Discover the expertise of AMZ Publication Hub, where we excel in transforming your ideas into
                            compelling narratives and giving your voice the prominence it merits. Every story is
                            distinctive, and we are committed to narrating it with the articulateness it deserves.</p>
                        <div class="btnSec">
                            <a href="{{route('/')}}#new-lead-form" class="themeBtn">Get Started</a>
                            {{-- <a href="javascript:void(0);" onclick="openChatWidget()" class="themeBtn themeBtn2">Live Chat</a> --}}
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <figure>
                        <img src="{{asset('assets/images/banner/13.webp')}}" alt="image">
                    </figure>
                </div>
            </div>
        </div>
    </section>
    <!-- END: Main Slider -->




    <section class="stepSec" style="background: url('{{asset('assets/images/bg/11.webp')}}') top right/cover fixed no-repeat;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h4>Turning <span class="text-yellow">author's words</span> into <br> published worlds</h4>
                    <p class=" text-white">Our Impeccable Work Process</p>

                </div>
            </div>

            <div class="row justify-content-center">
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{asset('assets/images/icons/13.webp')}}" alt="image">
                        <h3>Order Placement
                        </h3>
                        <p>Once the editing and proofreading teams finalize your book, it is then readied for book designs
                            and publishing.</p>
                    </div>
                </div>
                <div class="col-lg-5"></div>
                <div class="col-lg-5 text-end">
                    <img src="{{asset('assets/images/components/2.webp')}}" class="arrow" alt="image">
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{asset('assets/images/icons/14.webp')}}" alt="image">
                        <h3>Outline & Plot Creation</h3>
                        <p>Once the editing and proofreading teams finalize your book, it is then readied for book designs
                            and publishing.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{asset('assets/images/icons/15.webp')}}" alt="image">
                        <h3>Chapter by Chapter Approvals</h3>
                        <p>Once the editing and proofreading teams finalize your book, it is then readied for book designs
                            and publishing.</p>
                    </div>
                </div>
                <div class="col-lg-5 text-left">
                    <img src="{{asset('assets/images/components/3.webp')}}" class="arrow" alt="image">
                </div>
                <div class="col-lg-5 text-end">
                    <img src="{{asset('assets/images/components/2.webp')}}" class="arrow" alt="image">
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{asset('assets/images/icons/16.webp')}}" alt="image">
                        <h3>Editing & Proofreading</h3>
                        <p>Once the editing and proofreading teams finalize your book, it is then readied for book designs
                            and publishing.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{asset('assets/images/icons/17.webp')}}" alt="image">
                        <h3>Book Publishing</h3>
                        <p>Once the editing and proofreading teams finalize your book, it is then readied for book designs
                            and publishing.</p>
                    </div>
                </div>
                <div class="col-lg-5 text-left">
                    <img src="{{asset('assets/images/components/3.webp')}}" class="arrow" alt="image">
                </div>
            </div>
        </div>
    </section>

    @include('components/publish-section')
    @include('components/portfolio-section')
    @include('components/provide-section')
    @include('components/exceptional-section')
    @include('components/about-section')
    @include('components/book-section')
    @include('components/contact-section')
    @include('components/testimonials-section')
    @include('components/cta-section')
    @include('components/faq-section')
@endsection