"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import BlogCardNine from '@/components/sections/blog/BlogCardNine';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function BookVersePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="large"
      background="fluid"
      cardStyle="outline-light"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="minimal"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="BookVerse"
          navItems={[
            {"name":"Home","id":"hero"},
            {"name":"Books","id":"products"},
            {"name":"About","id":"about"},
            {"name":"Contact","id":"contact"}
          ]}
          button={{"text":"Browse Now","href":"#products"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="BookVerse"
          description="Discover your next favorite book. Handpicked selections and exclusive deals on the stories that matter. Start your literary journey with us today."
          buttons={[
            {"text":"Shop Now","href":"#products"},
            {"text":"Learn More","href":"#about"}
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105161799-8gjba0v1.jpg"
          imageAlt="Collection of colorful books on shelf"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "BookVerse was founded with a simple mission: to connect readers with books that transform lives. We believe every story has the power to inspire, comfort, and enlighten.",
            "Our carefully curated collection features bestsellers, hidden gems, and timeless classics. We partner with independent authors and established publishers to bring you the best in literature.",
            "Whether you're seeking adventure, mystery, romance, or knowledge, we're here to help you find your next favorite read."
          ]}
          buttons={[
            {"text":"Explore Collection","href":"#products"}
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Books"
          description="Explore our bestselling collection of carefully selected titles for every reader"
          products={[
            {"id":"1","name":"The Midnight Library","price":"$16.99","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105165630-d9v88gjz.jpg","imageAlt":"The Midnight Library book cover"},
            {"id":"2","name":"Lessons in Chemistry","price":"$18.50","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105163610-igy4ewn8.jpg","imageAlt":"Lessons in Chemistry book cover"},
            {"id":"3","name":"The Seven Husbands","price":"$17.99","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105166576-23jm89tz.jpg","imageAlt":"The Seven Husbands book cover"},
            {"id":"4","name":"Tomorrow, and Tomorrow","price":"$19.00","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105167737-w0bhdmpg.jpg","imageAlt":"Tomorrow and Tomorrow book cover"}
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFive
          title="BookVerse by the Numbers"
          description="Join thousands of readers discovering their favorite books"
          metrics={[
            {"id":"1","value":"50K+","description":"Happy readers enjoying our curated collections"},
            {"id":"2","value":"2000+","description":"Unique titles available for immediate delivery"},
            {"id":"3","value":"4.9/5","description":"Average customer satisfaction rating"},
            {"id":"4","value":"48hrs","description":"Average delivery time nationwide"}
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What Readers Are Saying"
          description="Real feedback from book lovers like you"
          testimonials={[
            {"id":"1","name":"Sarah Mitchell","role":"Book Enthusiast","company":"Avid Reader","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105170085-07gms6pl.jpg","imageAlt":"Sarah Mitchell"},
            {"id":"2","name":"James Chen","role":"Literary Critic","company":"Page Turner Reviews","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105170945-eh07laue.jpg","imageAlt":"James Chen"},
            {"id":"3","name":"Emma Rodriguez","role":"Author","company":"Independent Writer","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105171752-5ywrdnpe.jpg","imageAlt":"Emma Rodriguez"},
            {"id":"4","name":"Michael Park","role":"English Teacher","company":"Central High","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105172560-1tw6lhpc.jpg","imageAlt":"Michael Park"},
            {"id":"5","name":"Lisa Anderson","role":"Publishing Director","company":"Book Club Alliance","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824446101-3mycrcym.jpg","imageAlt":"Lisa Anderson"},
            {"id":"6","name":"David Brown","role":"Librarian","company":"City Library","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767008109509-33b62oy6.jpg","imageAlt":"David Brown"}
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about ordering and shipping"
          faqs={[
            {"id":"1","title":"What payment methods do you accept?","content":"We accept all major credit cards, debit cards, and digital payment methods. All transactions are secure and encrypted."},
            {"id":"2","title":"How fast is shipping?","content":"Standard shipping takes 3-5 business days. Express shipping is available for 1-2 day delivery. Free shipping on orders over $50."},
            {"id":"3","title":"Do you offer refunds?","content":"Yes, we offer a 30-day money-back guarantee on all purchases. Books must be in original condition."},
            {"id":"4","title":"Can I pre-order upcoming releases?","content":"Absolutely! We offer pre-orders for upcoming releases. You'll receive your copy on the release date."},
            {"id":"5","title":"Do you ship internationally?","content":"Yes, we ship to over 100 countries. International shipping rates vary by destination and weight."},
            {"id":"6","title":"How do I track my order?","content":"You'll receive a tracking number via email once your order ships. You can track your package in real-time."}
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardNine
          title="Reading Insights"
          description="Discover articles about books, authors, and the joy of reading"
          blogs={[
            {"id":"1","category":"Reading Tips","title":"How to Find Your Next Favorite Book in 3 Easy Steps","tags":["reading","discovery","tips","5 min read"],"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105162747-np4v10w5.jpg","imageAlt":"Person reading in cozy setting","buttons":[{"text":"Read Article","href":"#"}]},
            {"id":"2","category":"Author Spotlight","title":"Meet the Authors Behind Your Favorite Stories","tags":["authors","interviews","inspiration","8 min read"],"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105163610-igy4ewn8.jpg","imageAlt":"Author writing at desk","buttons":[{"text":"Read Article","href":"#"}]},
            {"id":"3","category":"Wellness","title":"The Science Behind Why Reading Makes You Happier","tags":["wellness","mental health","benefits","6 min read"],"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105164506-dbdqiflw.jpg","imageAlt":"Cozy reading corner with books and tea","buttons":[{"text":"Read Article","href":"#"}]}
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Updated with New Releases"
          description="Subscribe to our newsletter for exclusive book recommendations, special offers, and reading insights delivered to your inbox."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="BookVerse"
          copyrightText="© 2025 BookVerse. All rights reserved."
          socialLinks={[]}
        />
      </div>
    </ThemeProvider>
  );
}