@extends('frontend.layouts.web.master')
@section('main-content')
    <!-- Begin: Main Slider -->
    <div class="overlay  ">
    <section class="home-banner overlay d-flex align-items-center" >
        <div class="container">
            <video class="lozad" autoplay="" muted="" playsinline="" loop="" data-loaded="true">
                <source src="{{ ("assets/video/banner.mp4") }}" type="video/mp4">
            </video>
            <div class="row align-items-center justify-content-center">
                <div class="col-lg-6">
                    <div class="bannerContnt">
                        <h1 class=" lh-base text-white fw-bold  text-center">The Origin Of Remarkable <br>
                            <div class="slider">
    <div class="slider-item active" data-type-text="Screenplay"></div>
    <div class="slider-item" data-type-text="Song"></div>
    <div class="slider-item" data-type-text="War"></div>
    <div class="slider-item" data-type-text="Autobiography"></div>
    <div class="slider-item" data-type-text="Children"></div>
    <div class="slider-item" data-type-text="Comedy"></div>
    <div class="slider-item" data-type-text="Comic"></div>
    <div class="slider-item" data-type-text="Fiction"></div>
    <div class="slider-item" data-type-text="Hip Hop"></div>
    <div class="slider-item" data-type-text="Narrative"></div>
    <div class="slider-item" data-type-text="Science Fiction"></div>
    <div class="slider-item" data-type-text="Business"></div>
    <div class="slider-item" data-type-text="Crime Fiction"></div>
    <div class="slider-item" data-type-text="Memoir"></div>
    <div class="slider-item" data-type-text="Rhyme"></div>
</div>

                            <span id="typed" class="text-typed px-3" data-type-text='["comendy.", "funny."]' style="background: var(--primary);"></span> | Books
                        </h1>
                        <h6 class=" text-white text-center">We are your gateway to inspiring stories.</h6>
                        <p class=" text-white text-center">Unlock your manuscript's full potential with our expert digital publishing solutions. We are dedicated to highlighting your literary work on the world’s most prestigious platforms.
                        </p>
                        <div class="btnSec text-center justify-content-center">
                            <a href="{{route('/')}}#new-lead-form" class="themeBtn">Begin Your Journey</a>
                            {{-- <a href="javascript:void(0);" onclick="openChatWidget()" class="themeBtn themeBtn2">Chat With Us</a> --}}
                        </div>
                    </div>
                </div>

              
            </div>
            </div>
        </div>
    </section>
    <!-- END: Main Slider -->



    <section class="abtSec">
        <img src="{{ asset('assets/images/bg/1.webp') }}" class="abtArrow" alt="image">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-lg-6">
                    <h4>Our Mission</h4>
                    <h6>Bringing Your Vision to Life
                    </h6>
                    <p>Your manuscript deserves the highest level of care. At AMZ Publication Hub, we provide a 100% success guarantee for every project we undertake. We don't just offer basic publishing support; we act as your strategic partner, navigating the complex world of literary agents and global distribution. From legal protections like copyright and ISBNs to creative assets like cinematic book trailers and professional narration, we handle the technicalities so you can focus on the writing.</p>
                    <div class="btnSec">
                        <a href="{{route('/')}}#new-lead-form" class="themeBtn">Get Started</a>
                        {{-- <a href="javascript:void(0);" onclick="openChatWidget()" class="themeBtn themeBtn-Black">Live
                            Chat</a> --}}
                    </div>
                </div>
                <div class="col-lg-5">
                    <figure>
                        <img src="{{ asset('assets/images/mix/1.webp') }}" alt="image">
                    </figure>
                </div>
            </div>
        </div>
    </section>

    @include('components/publish-section')
    @include('components/portfolio-section')
    @include('components/provide-section')
    @include('components/exceptional-section')
    @include('components/count-section')

    <section class="stepSec">
        <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/64.webp') }}" alt="image">
                        <h3>Project Initiation</h3>
                        <p> Share your plot ideas and vision through our detailed intake process.</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/65.webp') }}" alt="image">
                        <h3>Strategic Blueprinting</h3>
                        <p> Our architects craft a comprehensive outline to guide the narrative flow.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{ asset('assets/images/icons/66.webp') }}" alt="image">
                        <h3>Collaborative Development</h3>
                        <p> We refine the book chapter-by-chapter, moving forward only when you are 100% satisfied.</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/67.webp') }}" alt="image">
                        <h3>Refining & Polishing</h3>
                        <p> Our editorial team performs rigorous proofing for a flawless reading experience.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{ asset('assets/images/icons/68.webp') }}" alt="image">
                        <h3>Design & Launch</h3>
                        <p> We prepare your aesthetic layout and execute the official publication.</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/69.webp') }}" alt="image">
                        <h3>Strategic Marketing</h3>
                        <p> We deploy exclusive promotional campaigns to boost visibility and reader engagement.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('components/book-section')
    @include('components/contact-section')
    @include('components/testimonials-section')
    @include('components/cta-section')
    @include('components/faq-section')
@endsection