"use client"

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { BookOpen, Mail } from "lucide-react";
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="medium"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Chill Time"
          navItems={[
            { name: "About", id: "about" },
            { name: "Books", id: "features" },
            { name: "Events", id: "metrics" },
            { name: "Community", id: "testimonial" }
          ]}
          button={{
            text: "Join Us",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Stories, Share Moments"
          description="Welcome to Chill Time, where book lovers gather to explore captivating narratives, share meaningful discussions, and build lasting connections through the power of literature."
          background={{ variant: "sparkles-gradient" }}
          tag="Welcome to Our Reading Community"
          tagIcon={BookOpen}
          imageSrc="https://img.b2bpic.net/free-photo/full-shot-smiley-woman-reading-couch_23-2149172484.jpg"
          imageAlt="Cozy reading corner with warm lighting"
          buttons={[
            {
              text: "Explore Our Books",              href: "features"
            },
            {
              text: "Join the Club",              href: "contact"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Chill Time"
          description={[
            "Chill Time is more than just a book club—it's a sanctuary for readers who believe in the transformative power of stories. Founded on the belief that literature connects souls across time and space, we create a welcoming space where book enthusiasts of all backgrounds can gather.",            "From contemporary bestsellers to timeless classics, we celebrate diverse voices and genres. Our monthly selections are carefully curated to spark meaningful conversations, challenge perspectives, and inspire personal growth through shared reading experiences.",            "Join us as we turn pages, share insights, and build a thriving community united by our love of books and the remarkable journeys they take us on."
          ]}
          useInvertedBackground="invertDefault"
          showBorder={true}
          buttons={[
            {
              text: "Learn More",              href: "https://example.com"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Featured Reads"
          description="Explore our current and upcoming selections handpicked for their literary merit and discussion potential."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              id: "1",              title: "Contemporary Fiction: A Tale of Modern Life",              tags: ["Current Read", "Fiction"],
              imageSrc: "https://img.b2bpic.net/free-psd/poetry-day-print-template-with-photo_23-2148881643.jpg",              imageAlt: "Contemporary fiction novel cover"
            },
            {
              id: "2",              title: "Mystery & Intrigue: Page-Turner Perfection",              tags: ["Next Month", "Mystery"],
              imageSrc: "https://img.b2bpic.net/free-vector/escape-room-invitation-template_742173-28423.jpg",              imageAlt: "Mystery thriller book cover"
            },
            {
              id: "3",              title: "Inspiring Memoirs: Real Stories, Real Impact",              tags: ["Upcoming", "Memoir"],
              imageSrc: "https://img.b2bpic.net/free-psd/poetry-day-print-template-with-photo_23-2148881637.jpg",              imageAlt: "Memoir biography book cover"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="What Our Members Say"
          description="Hear from passionate readers who have found community and connection through Chill Time."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Book Enthusiast",              date: "Date: 15 January 2025",              title: "A Haven for Book Lovers",              quote: "Chill Time has completely transformed my reading journey. The thoughtful selections and engaging discussions have opened my eyes to books I would never have picked up on my own. This community feels like home.",              tag: "Member Since 2023",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-reading-together_23-2150062128.jpg",              imageAlt: "Book club members discussing literature"
            },
            {
              id: "2",              name: "James Chen, Avid Reader",              date: "Date: 22 January 2025",              title: "Connection Through Stories",              quote: "What I love most about Chill Time is the genuine connections we make over shared stories. It's not just about reading—it's about growing together as a community of curious minds.",              tag: "Member Since 2024",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-reading-together_23-2150062128.jpg",              imageAlt: "Community gathering for book discussion"
            },
            {
              id: "3",              name: "Priya Patel, Literature Lover",              date: "Date: 18 January 2025",              title: "Inspiring Conversations",              quote: "Every month brings new perspectives and meaningful conversations. Chill Time has helped me appreciate literature on a deeper level while connecting with people who share my passion for reading.",              tag: "Member Since 2022",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-woman-with-curly-hair_23-2148728586.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-reading-together_23-2150062128.jpg",              imageAlt: "Reading circle engagement"
            },
            {
              id: "4",              name: "Marcus Thompson, Book Collector",              date: "Date: 12 January 2025",              title: "More Than a Book Club",              quote: "Chill Time is where I found my people. The warm, welcoming atmosphere makes discussing books not just educational but genuinely fun. Highly recommend to any reader looking for community.",              tag: "Member Since 2023",              avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-reading-together_23-2150062128.jpg",              imageAlt: "Members sharing reading experiences"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Impact"
          description="The numbers behind our thriving reading community"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "500+",              description: "Active Members"
            },
            {
              id: "2",              value: "48",              description: "Books Read Annually"
            },
            {
              id: "3",              value: "24",              description: "Discussion Sessions Yearly"
            },
            {
              id: "4",              value: "95%",              description: "Member Satisfaction Rate"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Join Chill Time"
          title="Stay Connected with Our Community"
          description="Subscribe to our newsletter to receive exclusive book recommendations, event updates, discussion guides, and special announcements delivered directly to your inbox. Be part of something special."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/stack-books-library_23-2147767228.jpg"
          imageAlt="Beautiful book display and reading space"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your inbox. Unsubscribe anytime. By subscribing, you agree to receive updates about Chill Time."
        />
      </div>

      <div id="footer" data-section="footer">
      <FooterBase
      columns={[
      {
      items: [
      { label: "About Us", href: "about" },
      { label: "Our Mission", href: "about" },
      { label: "Community", href: "testimonial" }
      ]
      },
      {
      items: [
      { label: "Current Books", href: "features" },
      { label: "Reading Lists", href: "features" },
      { label: "Recommendations", href: "features" }
      ]
      },
      {
      items: [
      { label: "Upcoming Events", href: "metrics" },
      { label: "Calendar", href: "metrics" },
      { label: "Discussions", href: "metrics" }
      ]
      },
      {
      items: [
      { label: "Contact Us", href: "contact" },
      { label: "Newsletter", href: "contact" },
      { label: "Privacy Policy", href: "#" }
      ]
      },
      {
      items: [
      { label: "Twitter", href: "https://twitter.com" },
      { label: "Instagram", href: "https://instagram.com" },
      { label: "Facebook", href: "https://facebook.com" }
      ]
      }
      ]}
      copyrightText="© 2025 | Webild"
      />
      </div>
    </ThemeProvider>
  );
}