"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-7 col-lg-7 col-md-8 col-sm-12 col-12">
                        <div className="banner-content text-center">
                            <h1 data-aos="fade-down">About The Book Quill</h1>
                            <p data-aos="fade-up" data-aos-delay="150">The Book Quill is a USA–based professional book writing, editing, publishing, and author branding agency dedicated to helping writers turn ideas into powerful, well-crafted books.</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 about-sec">
            <div className="container">
                <div className="row">
                    <div className="col-lg-9 panel">
                        <div className="h-100">
                            <div className="content" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
                                <h2>Our Approach</h2>
                                <p data-aos="fade-up" data-aos-delay="200">At The Book Quill, our approach is built on creativity, clarity, and collaboration. We combine professional book writing, editing, publishing guidance, and author support to help writers shape their ideas into polished manuscripts. Our team works with authors at every stage, ensuring each book maintains quality, originality, and a strong connection with its audience.</p>
                            </div>
                            <div className="row gy-4">
                                <div className="col-lg-6">
                                    <div className="img-ser" data-aos="fade-right" data-aos-delay="200">
                                        <Image src="/assets/images/about-img-1.webp" alt="The Book Quill team collaborating on book writing and publishing projects" title="Our Approach to Book Publishing | The Book Quill" className="img-fluid" width={471} height={505} />
                                    </div>
                                </div>
                                <div className="col-lg-6">
                                    <div className="content" data-aos="fade-left" data-aos-delay="250">
                                        <h3>How The Book Quill Began</h3>
                                        <p>The Book Quill started with a simple mission: to help authors bring their stories to life with professional guidance and a dedicated creative team. Over the years, our agency has grown into a trusted resource for writers across the USAproviding expert book writing, editing, proofreading, publishing assistance, and author branding. Our commitment to quality, storytelling, and client satisfaction has allowed us to support countless authors in turning ideas into published works that leave a lasting impact.</p>
                                        <div className="banner-btns" data-aos="zoom-in" data-aos-delay="300">
                                            <Link href="/contact-us">contact us</Link>
                                            <a className="d-none" href="tel:+1 (323) 503-1458 "><FontAwesomeIcon icon={faPhoneVolume} /> +1 (323) 503-1458</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className="col-lg-3 panel">
                        <div className="img-ser h-100" data-aos="fade-up" data-aos-delay="300">
                            <Image src="/assets/images/about-img-2.webp" alt="The Book Quill journey helping authors publish professional books" title="How The Book Quill Began | Our Story" width={306} height={841}  className="img-fluid"/>
                        </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="fade-up" data-aos-duration="900">
                            <h2 data-aos="fade-up" data-aos-delay="100">The Book Quill</h2>
                            <p data-aos="fade-up" data-aos-delay="200">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" 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>
      <ReviewSec />
    </main>
  );
}
