@extends('frontend.layouts.web.master')
@section('main-content')
    <!-- Begin: Main Slider -->
    <section class="mainBanner"
        style="background: url('{{ asset('assets/images/banner/24.webp') }}') center/cover no-repeat;">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="bannerContnt">
                        <h4>Improve Your Brand With Author Website Design Services</h4>
                        <h6>For authors, a professional website is indispensable for creating an online presence and
                            advancing your brand.</h6>
                        <p>Our author website design service, tailored to perfection, aims to exhibit your distinctive
                            voice, style, and personality to captivate your audience. We collaborate closely with you to
                            comprehend your vision, target audience, and objectives, culminating in a website that mirrors
                            your brand and conveys your message effectively.</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/25.webp') }}" alt="image">
                    </figure>
                </div>
            </div>
        </div>
    </section>
    <!-- END: Main Slider -->




    <section class="stepSec"
        style="background: url('{{ asset('assets/images/bg/17.webp') }}') top right/cover fixed no-repeat;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h4>Author Website 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/40.webp') }}" alt="image">
                        <h3>CONSULTATION</h3>
                        <p>Our Project Manager Will Have An Initial Consultation With You To Discuss Your Website
                            Requirements And Goals.</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/47.webp') }}" alt="image">
                        <h3>PLANNING</h3>
                        <p>Our Team Of Website Designers Will Create A Customized Plan For Your Website Design Based On Your
                            Needs And Preferences.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{ asset('assets/images/icons/48.webp') }}" alt="image">
                        <h3>DESIGN</h3>
                        <p>Our Team Will Create A Visually Appealing And User-Friendly Design That Reflects Your Brand And
                            Style.</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/49.webp') }}" alt="image">
                        <h3>DEVELOPMENT</h3>
                        <p>Our Web Developer’s Team Will Develop Your Website Using The Latest Technologies And Best
                            Practices.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{ asset('assets/images/icons/50.webp') }}" alt="image">
                        <h3>TESTING</h3>
                        <p>We Won’t Forget To Test Your Website To Ensure That It Functions Properly On All Devices And
                            Browsers.</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/51.webp') }}" alt="image">
                        <h3>LAUNCH AND MAINTENANCE</h3>
                        <p>We Will Launch Your Website And Provide Ongoing Maintenance And Support To Ensure That It
                            Continues To Meet Your Needs And Goals.
                        </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