"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>Ghostwriting Services USA</h1>
                            <p>Professional ghostwriting services for authors, entrepreneurs, speakers, and storytellers across the USA. Our experienced writers create books, memoirs, novels, children’s stories, and business manuscripts tailored to your voice and vision.</p>
                            <div  className="banner-btns justify-content-center">
                                <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">Ghostwriting Services</h2>
                            <p>Our U.S.-based ghostwriters craft compelling, original, and professionally structured manuscripts for authors in every genre. Whether you’re writing a memoir, fiction novel, self-help guide, business book, or children’s title, we help turn your ideas into a polished, publish-ready book. From story planning and content development to tone matching, chapter structuring, and final editing, we support clients through every step of the writing journey.</p>
                            <div  className="banner-btns">
                                <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 ghostwriting services in USA for memoirs, novels, business books, and publish ready manuscripts" title="Ghostwriting 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>Elevate <span>Your Story</span> <br/> with Professional <span>Ghostwriters</span></h3>
                            <p>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">
                                <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>
        </section>

        <Portfolio />

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

                <div  className="title heading">
                    <h2>what we offer</h2>
                    <p>Our ghostwriting services help authors create professionally structured, compelling, and high-quality manuscripts across all genres  from fiction and memoirs to business books and children’s titles.</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">
                            <h2>expert ghostwriting support</h2>
                            <p>We follow a complete writing process to ensure your manuscript is original, engaging, and aligned with your voice and goals.</p>
                            <ul>
                                <li>Story Development</li>
                                <li>Outline Creation</li>
                                <li>Content Writing</li>
                                <li>Voice Matching</li>
                                <li>Chapter Structuring</li>
                                <li>Manuscript Editing</li>
                                <li>Revision Support</li>
                                <li>Final Book Prep</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">
                            <Image src="/assets/images/ser-img.webp" width={526} height={502} alt="Expert ghostwriting support for authors including story development, content writing, and manuscript preparation" title="Ghostwriting 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 ghostwriting workflow ensures your book is structured, professionally written, and developed step-by-step into a publish-ready manuscript.</p>
                        </div>
                    </div>
                </div>

                <div  className="row our-line">
                    <div  className="col-xl-3 col-md-3">
                        <div  className="pro-card">
                            <div  className="top-h3"><h3>Discovery</h3></div>
                            <h2>01</h2>
                            <div  className="content">
                                <h3>Discovery</h3>
                                <p>We learn your story, goals, genre, and voice to understand the direction of your manuscript.</p>
                            </div>
                        </div>
                    </div>

                    <div  className="col-xl-3 col-md-3">
                        <div  className="pro-card">
                            <div  className="top-h3"><h3>Outline</h3></div>
                            <h2>02</h2>
                            <div  className="content">
                                <h3>Outline</h3>
                                <p>We create a complete chapter outline and structure based on your ideas and objectives.</p>
                            </div>
                        </div>
                    </div>

                    <div  className="col-xl-3 col-md-3">
                        <div  className="pro-card">
                            <div  className="top-h3"><h3>Writing</h3></div>
                            <h2>03</h2>
                            <div  className="content">
                                <h3>Writing</h3>
                                <p>We write your manuscript with engaging content, consistent tone, and professional flow.</p>
                            </div>
                        </div>
                    </div>

                    <div  className="col-xl-3 col-md-3">
                        <div  className="pro-card">
                            <div  className="top-h3"><h3>Final Review</h3></div>
                            <h2>04</h2>
                            <div  className="content">
                                <h3>Final Review</h3>
                                <p>Your manuscript is refined, edited, and prepared for publishing, formatting, or illustration.</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <ReviewSec />
    </main>
  );
}
