@extends('frontend.layouts.web.master')
@section('main-content')
    <!-- Begin: Main Slider -->
    <section class="mainBanner"
        style="background: url('{{ asset('assets/images/banner/20.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 Cover Designing Services</h4>
                        <h6>While the saying goes, "Don't judge a book by its cover," people often do exactly that.</h6>
                        <p>A book's cover serves as the initial point of contact for potential readers, making a positive
                            impression essential. Our team of seasoned designers is here to collaborate with you in creating
                            a captivating book cover that flawlessly encapsulates the heart of your book.</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/21.webp') }}" alt="image">
                    </figure>
                </div>
            </div>
        </div>
    </section>
    <!-- END: Main Slider -->




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

            <div class="row justify-content-center">
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{ asset('assets/images/icons/34.webp') }}" alt="image">
                        <h3>DISCUSSION</h3>
                        <p>First, One Of Our Team Will Discuss Your Book's Concept, Genre, And Audience To Determine The
                            Best Design Direction.</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/35.webp') }}" alt="image">
                        <h3>RESEARCH</h3>
                        <p>After Discussion, We Will Conduct Research On Your Book's Market And Competitors To Create A
                            Unique And Eye-Catching Design.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{ asset('assets/images/icons/36.webp') }}" alt="image">
                        <h3>CONCEPTUALIZATION</h3>
                        <p>In This Step, Our Professional Designer’s Team Will Create Multiple Design Concepts Based On The
                            Consultation And Research.</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/37.webp') }}" alt="image">
                        <h3>FEEDBACK AND REVISIONS</h3>
                        <p>We Will Work With You To Refine The Chosen Concepts Through Your Feedback And Revisions Until It
                            Meets Your Vision.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{ asset('assets/images/icons/38.webp') }}" alt="image">
                        <h3>FINALIZATION</h3>
                        <p>Once The Book Cover Design Is Approved From Your Side, We Will Finalize The Files For Both
                            Digital And Print Formats.</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/39.webp') }}" alt="image">
                        <h3>DELIVERY</h3>
                        <p>We Will Deliver The Final Files In The Required Formats And Sizes, Ensuring That Your Book Cover
                            Stands Out On All Platforms.</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