import Image from "next/image";
import Link from "next/link";
import PageSeoStructuredData from "./component/PageSeoStructuredData";
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 (
    <>
      <PageSeoStructuredData pathname="/" />
      <main>
      <section className="main-banner">
          <div className="container">
              <div className="row align-items-center justify-content-center gy-4">
                  <div className="col-xl-6 col-lg-6 col-md-7 col-sm-12 col-12">
                      <div className="banner-content" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1100">
                          <h2>The Book Quill</h2>
                          <h1>Professional Book Writing, Editing & Publishing Services in USA</h1>
                          <p>We help authors across the USA with expert book writing, editing, publishing, and marketing services. Our team is here to guide you from concept to a fully published book.</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-xl-6 col-lg-6 col-md-5 col-sm-12 col-8">
                      <div className="img-banner" data-aos="fade-up" data-aos-delay="200" data-aos-duration="900">
                          <Image src="/assets/images/banner-logo.webp" alt="The Book Quill - Professional Book Writing and Publishing Services" title="The Book Quill | Your Partner in Book Excellence" className="img-fluid" width={473} height={511} />
                      </div>
                  </div>
              </div>
          </div>
      </section>

      <section className="sec-services">
          <div className="container">
              <div className="row align-items-end justify-content-center gy-4 ">
                  <div className="col-xl-5 col-lg-5 col-md-5 col-sm-9 col-9">
                      <div className="img-ser" data-aos="fade-right" data-aos-delay="100" data-aos-duration="1100">
                          <Image src="/assets/images/services-sec-img.webp" alt="Professional Book Publishing and Distribution Services by The Book Quill" title="Comprehensive Publishing Solutions for Authors" width={512} height={458} className="img-fluid"/>
                      </div>
                  </div>
                  <div className="col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
                      <div className="content" data-aos="fade-left" data-aos-delay="200" data-aos-duration="1100">
                          <h3>Professional Book Publishing</h3>
                          <h2>Services in USA</h2>
                          <p>We help authors publish high-quality books through expert writing, editing, design, formatting, and complete publishing assistance. Our team ensures your manuscript is polished, industry-ready, and professionally presented.</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>
              <div className="our-sr">
                  <div className="coll" data-aos="fade-up" data-aos-delay="100">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/1.webp" alt="Professional Mystery Book Ghostwriting Services" title="Mystery Genre Writing" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Mystery</h4>
                      </div>
                  </div>
                  
                  <div className="coll" data-aos="fade-up" data-aos-delay="150">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/2.webp" alt="Horror Fiction Novel Writing and Publishing" title="Horror Book Services" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Horror</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="200">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/3.webp" alt="Romance Novel Ghostwriters for Hire" title="Romance Book Writing" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Romance</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="250">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/4.webp" alt="Children's Book Illustration and Writing Services" title="Kids' Book Publishing" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Kids&apos; Books</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="300">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/1.webp" alt="Epic Fantasy World Building and Ghostwriting" title="Fantasy Novel Services" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Fantasy</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="350">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/6.webp" alt="Drama and Script Writing Experts" title="Drama Genre Writing" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Drama</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="400">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/7.webp" alt="Crime Thriller and True Crime Writing" title="Crime Book Services" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Crime</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="450">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/8.webp" alt="Professional Biography and Memoir Ghostwriters" title="Biography Writing Services" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Biography</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="500">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/9.webp" alt="Health and Wellness Non-fiction Writing" title="Health Book Publishing" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Health</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="550">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/10.webp" alt="Philosophy and Thought Leadership Book Design" title="Philosophy Book Services" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Philosophy</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="600">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/11.webp" alt="General Fiction Book Writing and Editing" title="Fiction Writing Services" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Fiction</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="650">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/12.webp" alt="Action and Adventure Novel Publishing USA" title="Adventure Book Services" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Adventure</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="700">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/13.webp" alt="Art and Coffee Table Book Design Services" title="Art Book Publishing" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Art</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="750">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/14.webp" alt="Business and Entrepreneurship Ghostwriting" title="Business Book Services" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Business</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="800">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/15.webp" alt="Book Series and Trilogy Writing Packages" title="Series & Trilogy Planning" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>Trilogy</h4>
                      </div>
                  </div>
              
                  <div className="coll" data-aos="fade-up" data-aos-delay="850">
                      <div className="card">
                          <div className="img-card">
                              <Image src="/assets/images/Icons-about/16.webp" alt="Custom Book Writing Services for All Genres" title="Explore More Genres" className="img-fluid" width={90} height={103}/>
                          </div>
                          <h4>And More</h4>
                      </div>
                  </div>
              </div>

          </div>
      </section>

      <section className="our-promise-sec">
          <div className="container">
              <div className="title heading" data-aos="fade-down" data-aos-delay="100" data-aos-duration="900">
                  <h2>our promising range of services</h2>
                  <div className="row justify-content-center">
                      <div className="col-xl-11 col-lg-11 col-md-12 col-sm-12 col-12">
                          <p>The Book Quill offers a complete range of writing, editing, publishing, and creative services for authors nationwide. Our team delivers reliable, high-quality solutions tailored to every genre and publishing goal.</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>world-class ghostwriting team</h2>
                          <div className="row">
                              <div className="col-xxl-10 col-xl-11 col-lg-11 col-md-12 col-sm-12 col-12">
                                  <p>Our experienced ghostwriters help authors develop engaging, well-structured content that reflects their voice. From planning to polished drafts, we ensure every book is crafted with professionalism and creativity.</p>
                                  <ul>
                                      <li>book writing</li>
                                      <li>audio book</li>
                                      <li>book publishing</li>
                                      <li>unlimited free revisions</li>
                                      <li>Illustration design</li>
                                      <li>dedicated account manager</li>
                                      <li>book cover design</li>
                                      <li>100% money back guarantee</li>
                                  </ul>
                                  <div className="banner-btns">
                                      <Link href="/contact-us">place your order</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 col-sm-12 col-12">
                      <div className="img-our" data-aos="fade-left" data-aos-delay="250" data-aos-duration="800">
                          <Image src="/assets/images/ser-img.webp" alt="Professional Book Writing, Editing, and Publishing Services USA" title="Explore Our Range of Book Services" className="img-fluid" width={551} height={526} />
                      </div>
                  </div>
              </div>
          </div>
      </section>

      <Portfolio />

      <section className="our-promise-sec why-choose">
          <div className="container">
              <div className="row align-items-center align-items-md-end">
                  <div className="col-xxl-5 col-xl-5 col-lg-5 col-md-4 col-sm-12 col-12">
                      <div className="img-our" data-aos="fade-right" data-aos-delay="150">
                          <Image src="/assets/images/why-choose-img.webp" alt="Why Authors Trust The Book Quill for Professional Publishing" title="Expert Book Writing and Publishing Team" className="img-fluid" width={732} height={665} />
                      </div>
                  </div>
                  <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-left" data-aos-delay="250">
                          <h2>why choose us?</h2>
                          <div className="row">
                              <div className="col-xxl-10 col-xl-11 col-lg-11 col-md-12 col-sm-12 col-12">
                                  <p>There are many reasons why authors trust The Book Quill. Our team provides expert guidance, consistent support, and professional publishing solutions designed to help writers achieve their goals.</p>
                                  <ul>
                                      <li>Fast Delivery</li>
                                      <li>Experienced Ghostwriter</li>
                                      <li>100% Satisfaction</li>
                                      <li>24/7 Customer Support</li>
                                      <li>Positive Reviews</li>
                                      <li>Money-back Guarantee</li>
                                      <li>Confidentiality</li>
                                  </ul>
                              </div>
                          </div>
                      </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>
      <section className="cta-banner">
          <div className="container">
              <div className="row align-items-center justify-content-center">
                  <div className="col-xl-6 col-lg-8 col-md-8 col-sm-12 col-12">
                      <div className="banner-content text-center" data-aos="zoom-in" data-aos-delay="100">
                          <h2>The Book Quill</h2>
                          <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 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>
      {/* <?php include 'includes/blog-sec.php';?> */}
      <ReviewSec />
      </main>
    </>
  );
}
