"use client"

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
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';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';

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="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="metric_card_one" data-section="metric_card_one">
        <MetricCardOne
          carouselMode="auto"
          gridVariant="uniform-all-items-equal"
          animationType="none"
          title="Relaxation Levels"
          description="Explore the impact of our tips on reducing stress and improving well-being."
          tag="Metrics"
          buttons={[{ label: "View Tips", href: "#" }, { label: "Join Community", href: "#" }]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </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>
  );
}