"use client";
import Image from "next/image";
import Link from "next/link";
import Portfolio from "../component/portoflio";
import ReviewSec from "../component/Testimonials";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import '@fortawesome/fontawesome-svg-core/styles.css';
import { faPhoneVolume, faArrowDown } from '@fortawesome/free-solid-svg-icons';

export default function Home() {
  
  return (
    <main>
        <section  className="main-banner inner-banner">
            <div  className="container">
                <div  className="row align-items-center justify-content-center">
                    <div  className="col-xl-8 col-lg-8 col-md-8 col-sm-12 col-12">
                        <div  className="banner-content text-center">
                            <h1 data-aos="fade-down">Audiobook Publishing Services USA</h1>
                            <p data-aos="fade-up" data-aos-delay="150">Professional audiobook narration, production, editing, and publishing services for authors across the USA. We convert your book into a high-quality audiobook ready for Audible, Amazon, iTunes, and major audio platforms.</p>
                            <div  className="banner-btns justify-content-center" data-aos="zoom-in" data-aos-delay="300">
                                <Link href="/contact-us">Contact Us</Link>
                                <a href="tel:+1 (323) 503-1458 "><FontAwesomeIcon icon={faPhoneVolume} /> +1 (323) 503-1458</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section  className="sec-services bookwriting">
            <div  className="container">
                <div  className="row">
                    <div  className="col-lg-6">
                        <div  className="content" data-aos="fade-right">
                            <h3 data-aos="fade-right">Leading Professional</h3>
                            <h2 data-aos="fade-right" data-aos-delay="100">Audiobook Publishing</h2>
                            <p data-aos="fade-right" data-aos-delay="200">Our U.S.-based audiobook production team helps authors create premium-quality audiobooks with professional narration, studio-grade sound engineering, and complete ACX-approved formatting. Whether you need a single narrator, multi-voice performance, character acting, or clear nonfiction delivery, we ensure your audiobook is produced to industry standards. From script prep and recording to mastering and uploading, we guide you through every step of the audiobook publishing process.</p>
                            <div  className="banner-btns" data-aos="zoom-in" data-aos-delay="350">
                                <Link href="/contact-us">Contact Us</Link>
                                <a href="tel:+1 (323) 503-1458 "><FontAwesomeIcon icon={faPhoneVolume} /> +1 (323) 503-1458</a>
                            </div>
                        </div>
                    </div>

                    <div  className="col-lg-6">
                        <div  className="img-ser" data-aos="fade-left" data-aos-delay="200">
                            <Image src="/assets/images/book-writing-img.webp"  width={636} height={608} alt="Professional audiobook publishing services in USA with narration, voice recording, and ACX compliant production for authors" title="Audiobook Publishing Services in USA | The Book Quill"  className="img-fluid" />
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section  className="cta-banner cta-banner-2">
            <div  className="container">
                <div  className="row align-items-center">
                    <div  className="col-lg-6">
                        <div  className="banner-content">
                            <h3 data-aos="fade-right">Turn Your <span>Book</span> <br/> into a Professional <span>Audiobook</span></h3>
                            <p data-aos="fade-right" data-aos-delay="150">we are offer our client a <span>40% discount</span> on all of our services. avail your discount coupon now through our live chat
                            </p>
                            <div  className="banner-btns" data-aos="zoom-in" data-aos-delay="300">
                                <Link href="/contact-us">Contact Us</Link>
                                <a href="tel:+1 (323) 503-1458 "><FontAwesomeIcon icon={faPhoneVolume} /> +1 (323) 503-1458</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <Portfolio />

        <section  className="our-promise-sec extra-features">
            <div  className="container">

                <div  className="title heading" data-aos="fade-down" data-aos-delay="100" data-aos-duration="900">
                    <h2>what we offer</h2>
                    <p>Our audiobook publishing services provide high-quality narration, sound editing, mastering, and distribution support for authors ready to enter the audiobook market.</p>
                </div>

                <div  className="row align-items-md-end">

                    <div  className="col-xxl-7 col-xl-7 col-lg-7 col-md-8">
                        <div  className="title" data-aos="fade-right" data-aos-delay="150" data-aos-duration="800">
                            <h2>expert audiobook production</h2>
                            <p>We follow a complete audio production workflow to ensure your audiobook meets ACX and industry standards.</p>
                            <ul>
                                <li>Professional Narration</li>
                                <li>Script Preparation</li>
                                <li>Studio Recording</li>
                                <li>Audio Editing</li>
                                <li>Sound Mastering</li>
                                <li>ACX Formatting</li>
                                <li>Metadata Setup</li>
                                <li>Publishing Assistance</li>
                            </ul>
                            <div  className="banner-btns">
                                <Link href="/contact-us">start your project</Link>
                                        <a href="tel:+1 (323) 503-1458 "><FontAwesomeIcon icon={faPhoneVolume} /> +1 (323) 503-1458</a>
                            </div>
                        </div>
                    </div>

                    <div  className="col-xxl-5 col-xl-5 col-lg-5 col-md-4">
                        <div  className="img-our" data-aos="fade-left" data-aos-delay="250" data-aos-duration="800">
                            <Image src="/assets/images/ser-img.webp" width={526} height={502} alt="Expert audiobook production with professional narration, audio editing, and ACX compliant mastering for authors" title="Audiobook Production Support | The Book Quill"   className="img-fluid" />
                        </div>
                    </div>

                </div>

            </div>
        </section>

        <section  className="section-our-process" data-aos="fade-up">
            <div  className="container">

                <div  className="row justify-content-center">
                    <div  className="col-xxl-9">
                        <div  className="title">
                            <h2 data-aos="fade-down">our process</h2>
                            <p data-aos="fade-up" data-aos-delay="100">Our professional audiobook process ensures your book is narrated, edited, and published with studio-quality sound from start to finish.</p>
                        </div>
                    </div>
                </div>

                <div  className="row our-line">

                    <div  className="col-xl-3 col-lg-3 col-md-3">
                        <div  className="pro-card" data-aos="fade-right" data-aos-delay="0">
                            <div  className="top-h3"><h3>Preparation</h3></div>
                            <h2>01</h2>
                            <div  className="content">
                                <h3>Preparation</h3>
                                <p>We review the manuscript, genre, and narration style needed for your audiobook.</p>
                            </div>
                        </div>
                    </div>

                    <div  className="col-xl-3 col-lg-3 col-md-3">
                        <div  className="pro-card" data-aos="fade-right" data-aos-delay="150">
                            <div  className="top-h3"><h3>Narration</h3></div>
                            <h2>02</h2>
                            <div  className="content">
                                <h3>Narration</h3>
                                <p>Professional voice artists record your audiobook with clarity and expressive delivery.</p>
                            </div>
                        </div>
                    </div>

                    <div  className="col-xl-3 col-lg-3 col-md-3">
                        <div  className="pro-card" data-aos="fade-right" data-aos-delay="300">
                            <div  className="top-h3"><h3>Editing</h3></div>
                            <h2>03</h2>
                            <div  className="content">
                                <h3>Editing</h3>
                                <p>Audio engineers clean, edit, and enhance the sound to meet ACX audio standards.</p>
                            </div>
                        </div>
                    </div>

                    <div  className="col-xl-3 col-lg-3 col-md-3">
                        <div  className="pro-card" data-aos="fade-right" data-aos-delay="450">
                            <div  className="top-h3"><h3>Publish</h3></div>
                            <h2>04</h2>
                            <div  className="content">
                                <h3>Publish</h3>
                                <p>Your audiobook is formatted, uploaded, and prepared for Audible, Amazon & iTunes.</p>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </section>

        <ReviewSec />
    </main>
  );
}
