@extends('frontend.layouts.web.master')
@section('main-content')

    <!-- Begin: Main Slider -->
    <section class="mainBanner" style="background: url('{{asset('assets/images/banner/22.webp')}}') center/cover no-repeat;">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="bannerContnt">
                        <h4>Expert Book Trailer Services</h4>
                        <h6>Our book trailers offer a glimpse into the essence of your book.
                        </h6>
                        <p>We employ top-notch visuals and sound effects, complemented by a compelling script, to create a trailer that is not only visually impressive but also emotionally evocative. Our dedicated team will collaborate closely with you to guarantee that the trailer faithfully represents your creative vision and aligns seamlessly with your marketing objectives.</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/23.webp')}}" alt="image">
                    </figure>
                </div>
            </div>
        </div>
    </section>
    <!-- END: Main Slider -->




    <section class="stepSec" style="background: url('{{asset('assets/images/bg/16.webp')}}') top right/cover fixed no-repeat;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h4>Our Book Trailer Services</h4>
                </div>
            </div>

            <div class="row justify-content-center">
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{asset('assets/images/icons/40.webp')}}" alt="image">
                        <h3>INITIAL CONSULTATION</h3>
                        <p>We'll Discuss Your Book's Key Themes And Target Audience To Ensure We Create A Compelling And Effective Book Trailer.</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/41.webp')}}" alt="image">
                        <h3>SCRIPT DEVELOPMENT</h3>
                        <p>Our Team Of Scriptwriters Will Craft A Script That Conveys Your Book's Unique Selling Points And Engages Your Target Audience.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{asset('assets/images/icons/42.webp')}}" alt="image">
                        <h3>STORYBOARDING</h3>
                        <p>We'll Create A Visual Plan For The Trailer, Including The Use Of Stock Footage, Images, And Animations To Bring Your Story To Life.</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/43.webp')}}" alt="image">
                        <h3>VOICEOVER AND SOUND EFFECTS</h3>
                        <p>Our Voiceover Artists Will Record The Script, And We'll Add Sound Effects To Enhance The Overall Viewing Experience.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{asset('assets/images/icons/44.webp')}}" alt="image">
                        <h3>VIDEO PRODUCTION</h3>
                        <p>Our Team Will Use The Latest Software To Create A Perfect Book Trailer That Captures Your Book's Essence And Grab The Attentions.</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/45.webp')}}" alt="image">
                        <h3>REVIEW AND DELIVERY</h3>
                        <p>Lastly, We'll Send It To You For Final Approval. Once Approved, Then The Book Trailer Will Be Delivered To You In Your Desired Format.</p>
                    </div>
                </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