@extends('frontend.layouts.web.master')
@section('main-content')
    <!-- Begin: Main Slider -->
    <section class="mainBanner"
        style="background: url('{{ asset('assets/images/banner/26.webp') }}') center/cover no-repeat;">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="bannerContnt">
                        <h4>Assign A Voice To Your Book</h4>
                        <h6>Let us voice your words so they can reach the maximum audience quickly.</h6>
                        <p>Our audiobook narrators ensure that they deliver the best work. Allow us to show you what it
                            feels like to be a bestseller, even in audiobook narration services! Get in touch with us today!
                        </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/27.webp') }}" alt="image">
                    </figure>
                </div>
            </div>
        </div>
    </section>
    <!-- END: Main Slider -->




    <section class="stepSec"
        style="background: url('{{ asset('assets/images/bg/18.webp') }}') top center/cover  no-repeat;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h4>Globally Recognized <br> Audiobook Services</h4>
                </div>
            </div>

            <div class="row justify-content-center">
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{ asset('assets/images/icons/52.webp') }}" alt="image">
                        <h3>FULLY-VOICED READING</h3>
                        <p>This reading style offers a dynamic and engaging listening experience with a skilled narrator who
                            expresses each and every emotion of the story with their euphonious voice.</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/53.webp') }}" alt="image">
                        <h3>SOLO NARRATION</h3>
                        <p>Solo narration is a captivating art form that involves a skilled voice actor bringing a story to
                            life, allowing listeners to fully immerse themselves in the author's world.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{ asset('assets/images/icons/54.webp') }}" alt="image">
                        <h3>PARTIALLY-VOICED READING</h3>
                        <p>This style involves a narrator reading the majority of the book, along with voice actors who come
                            in to read certain parts. This adds a new dimension to the story and can make it feel more like
                            a performance.</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/55.webp') }}" alt="image">
                        <h3>DUET NARRATION</h3>
                        <p>This includes two voice artists working together. This approach can add depth and dimension to
                            the listening experience, as each narrator can bring their own unique style and interpretation
                            to the characters and plot.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stepBox">
                        <img src="{{ asset('assets/images/icons/56.webp') }}" alt="image">
                        <h3>UNVOICED READING</h3>
                        <p>It’s the perfect choice for those who crave a controlled and precise reading experience. With
                            this option, readers can take charge of their reading pace and truly savor every word.</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/57.webp') }}" alt="image">
                        <h3>FULL CAST NARRATION</h3>
                        <p>This involves a team of talented voice actors bringing all characters of the plot to life. Each
                            character has their own unique voice, tone, and personality, making it easier for the listener
                            to distinguish between them and follow the plot.</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