@extends('frontend.layouts.lp.master')
@section('main-content')
    <style>
        @media screen and (max-width: 576px) {


            .herosection .bannerContnt {
                min-height: 90vh !important;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
        }
    </style>


    <!-- Begin: Main Slider -->
    <section class="mainBanner lpBanner publishLpOne py-0 py-md-5"
        style="background: url('{{ asset('assets/images/banner/lp-Ghostwriting.webp') }}') top left/cover no-repeat;">
        <div class="container">
            <div class="bannerContnt">
                <div class="row justify-content-between align-items-center">
                    <div class="col-xl-6 col-lg-7 col-md-12">
                        <span class=" text-yellow h5">Got a Story to Tell?</span>
                        <h2 class="text-white fw-bolder">Get Top-Rated Professional Ghostwriting Services in the USA!
                        </h2>
                        <p>Become a Best-Selling Author with our expert ghostwriting services. Our highly skilled
                            ghostwriters will bring your vision to life with captivating, insightful content.</p>

                        <ul class="listStyle">
                            <li>
                                <i class="fa fa-check-square"></i>
                                <span>Expertise in novels, memoirs, business books, and more</span>
                            </li>
                            <li>
                                <i class="fa fa-check-square"></i>
                                <span>Crafting compelling plots that engage and resonate</span>
                            </li>
                            <li>
                                <i class="fa fa-check-square"></i>
                                <span>Writing with depth, precision, and clarity</span>
                            </li>
                            <li>
                                <i class="fa fa-check-square"></i>
                                <span>Flawless proofreading for a polished final product</span>
                            </li>

                        </ul>

                        <div class="btnSec">
                            <a href="{{ route('/') }}" class="themeBtn themeBtn-blue">Get Started <i
                                    class="fas fa-arrow-right"></i></a>
                            <div role="button" onclick="openChatWidget()" class="themeBtn themeBtn-yellow">Live
                                Chat <i class="far fa-comment-dots"></i></div>
                        </div>

                    </div>
                    <div class="col-xl-4 col-lg-5">
                        <div class="contactBoxs leadLp">
                            <img loading="lazy" src="{{ asset('assets/images/schtech.webp') }}" class="schtech"
                                alt="schtech">
                            <div class="signupForm" id="banner-form">
                                <span class="h4 d-block text-uppercase text-center">Sign up now and lock <span
                                        class=" text-uppercase">60% Discount</span></span>
                                @include('components/lead-form-3-step-selected')
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END: Main Slider -->

    @include('components/portfolio-section')
    @include('components/lp/counter')
    @include('components/lp/services')
    @include('components/lp/white-services')
    @include('components/lp/step-section')
    @include('components/lp/contact-form')
    @include('components/lp/cta')
    @include('components/testimonials-section')
    @include('components/lp/faq-lp-ghoshwriting')
@endsection