"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">Book Publishing Services USA</h1>
                            <p data-aos="fade-up" data-aos-delay="150">Professional book publishing, formatting, layout, ISBN support, and complete self-publishing assistance for authors across the USAhelping your book reach bookstores, digital platforms, and global readers.</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">Book Publishing</h2>
                            <p data-aos="fade-right" data-aos-delay="200">Our U.S.-based publishing experts help authors publish their books with industry-standard formatting, layout design, ISBN setup, and complete publishing guidance. Whether you are preparing a fiction novel, nonfiction title, memoir, children’s book, or business publication, we ensure your manuscript is professionally formatted, print-ready, and aligned with global publishing standards. From typesetting and cover alignment to distribution support, our team delivers a smooth, structured, and stress-free publishing experience.</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 book publishing services in USA for authors including formatting, layout design and ISBN setup" title="Book 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">Elevate <span>from Publisher</span> <br/>
                                to Bestselling <span>Author</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>
                    <div  className="row justify-content-center">
                        <div  className="col-xl-11 col-lg-11 col-md-12 col-sm-12 col-12">
                            <p>Our book publishing services are designed to support authors at every stage of their publishing journeyfrom preparing a clean, formatted manuscript to creating a print-ready layout and final publishing setup. Whether you&apos;re releasing fiction, nonfiction, memoirs, or children&apos;s books, our team ensures your book meets professional industry standards and is ready for global distribution.</p>
                        </div>
                    </div>
                </div>

                <div  className="row align-items-md-end">
                    <div  className="col-xxl-7 col-xl-7 col-lg-7 col-md-8 col-sm-12 col-12">
                        <div  className="title" data-aos="fade-right" data-aos-delay="150" data-aos-duration="800">
                            <h2>expert book publishing support</h2>
                            <div  className="row">
                                <div  className="col-xxl-10 col-xl-11 col-lg-11 col-md-12 col-sm-12 col-12">
                                    <p>We follow a structured publishing workflow that ensures your book is properly formatted, designed, and prepared for print and digital release across major platforms.</p>
                                    <ul>
                                    <li>Print & Formatting</li>
                                    <li>Interior Layout</li>
                                    <li>ISBN & Barcode</li>
                                    <li>Children’s Layout</li>
                                    <li>Typesetting</li>
                                    <li>Cover Setup</li>
                                    <li>Print-Ready File</li>
                                    <li>Publishing Support</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>
                    </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 book publishing support for authors including formatting, layout, and print-ready preparation" title="Expert Book Publishing 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 col-xl-9 col-lg-10 col-md-12 col-sm-12 col-12">
                        <div  className="title">
                            <h2 data-aos="fade-down">our process</h2>
                            <p data-aos="fade-up" data-aos-delay="100">Our book publishing process covers everything from formatting and layout to cover setup and final file prep. We ensure your manuscript is polished, structured, and ready for print or digital release with confidence.</p>
                        </div>
                    </div>
                </div>
                <div  className="row our-line">
                    <div  className="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
                        <div  className="pro-card" data-aos="fade-right" data-aos-delay="0">
                            <div  className="top-h3">
                                <h3>Discovery</h3>
                            </div>
                            <h2>01</h2>
                            <div  className="content">
                                <h3>Discovery</h3>
                                <p>We review your manuscript and identify the formatting, layout, and publishing requirements.</p>
                            </div>
                        </div>
                    </div>
                    <div  className="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
                        <div  className="pro-card" data-aos="fade-right" data-aos-delay="150">
                            <div  className="top-h3">
                                <h3>Formatting</h3>
                            </div>
                            <h2>02</h2>
                            <div  className="content">
                                <h3>Formatting</h3>
                                <p>We structure and format your book for print and digital platforms using industry standards.</p>
                            </div>
                        </div>
                    </div>
                    <div  className="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
                        <div  className="pro-card" data-aos="fade-right" data-aos-delay="300">
                            <div  className="top-h3">
                                <h3>Design & Setup</h3>
                            </div>
                            <h2>03</h2>
                            <div  className="content">
                                <h3>Design & Setup</h3>
                                <p>We prepare interior layout, finalize cover alignment, and assist with ISBN and publishing setup.</p>
                            </div>
                        </div>
                    </div>
                    <div  className="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
                        <div  className="pro-card" data-aos="fade-right" data-aos-delay="450">
                            <div  className="top-h3">
                                <h3>Final Review</h3>
                            </div>
                            <h2>04</h2>
                            <div  className="content">
                                <h3>Final Review</h3>
                                <p>Your file is polished, approved, and delivered as a print-ready or eBook-ready manuscript.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <ReviewSec />
    </main>
  );
}
