"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 Marketing Services USA</h1>
                            <p data-aos="fade-up" data-aos-delay="150">Professional book marketing solutions to boost visibility, attract readers, and increase book sales. Our U.S.-based marketing experts promote your book across Amazon, social platforms, and global audiences.</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 Marketing</h2>
                            <p data-aos="fade-right" data-aos-delay="200">Our U.S.-based book marketing specialists help authors increase visibility, improve online reach, and grow book sales through targeted promotional strategies. Whether you’re launching fiction, nonfiction, memoirs, business books, or e-books, we create customized campaigns designed for Amazon, social media, websites, and author branding. From marketing planning and book positioning to audience targeting and promotional execution, we deliver structured, results-driven campaigns that elevate your book in competitive marketplaces.</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 marketing services in USA to promote books, increase visibility, and boost sales across platforms" title="Book Marketing 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 marketing services help authors promote their books with strategic planning, targeted outreach, and platform-specific optimization. We support fiction and nonfiction writers with professional marketing tools designed to increase visibility and drive sales.</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 marketing 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 marketing system that increases discoverability, enhances credibility, and positions your book for long-term success across digital and retail platforms.</p>
                                    <ul>
                                        <li>Amazon Optimization</li>
                                        <li>Social Media Promotion</li>
                                        <li>Author Branding</li>
                                        <li>Book Positioning</li>
                                        <li>Keyword Strategy</li>
                                        <li>Marketing Copywriting</li>
                                        <li>Audience Targeting</li>
                                        <li>Sales Boost Campaigns</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 marketing support for authors including Amazon promotion, audience targeting, and sales growth strategies" title="Expert Book Marketing 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 marketing workflow increases visibility, builds trust, and promotes your book across major platforms. From research and setup to promotion and tracking, we help your book perform better in the market.</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>Research</h3>
                            </div>
                            <h2>01</h2>
                            <div  className="content">
                                <h3>Research</h3>
                                <p>We analyze your book, audience, and category to plan an effective marketing strategy.</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>Setup</h3>
                            </div>
                            <h2>02</h2>
                            <div  className="content">
                                <h3>Setup</h3>
                                <p>We optimize your Amazon listing, keywords, branding, and promotional materials.</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>Promotion</h3>
                            </div>
                            <h2>03</h2>
                            <div  className="content">
                                <h3>Promotion</h3>
                                <p>We run targeted marketing campaigns across Amazon, social media, and reader networks.</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>Growth</h3>
                            </div>
                            <h2>04</h2>
                            <div  className="content">
                                <h3>Growth</h3>
                                <p>We track performance, refine strategy, and support ongoing book visibility and sales.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <ReviewSec />

    </main>
  );
}
