<![CDATA[
"use client"

import { BookOpen, Star, Users, Heart, HelpCircle } from 'lucide-react';
import { ThemeProvider } from '@/components/theme/ThemeProvider';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function HomePage() {
  return (
    <ThemeProvider 
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="medium"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      {/* Navigation */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Remember"
          navItems={[
            { name: "About", id: "about" },
            { name: "Books", id: "books" },
            { name: "Members", id: "members" },
            { name: "Events", id: "faq" }
          ]}
          button={{
            text: "Join Now",
            href: "#contact"
          }}
          navItemClassName="text-sm font-medium"
          buttonClassName="px-6 py-2"
        />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Discover Stories That Move You"
          description="Welcome to Remember, where passionate readers unite to explore great literature, share insights, and build lasting connections through the power of books."
          tag="Join Our Literary Community"
          tagIcon={BookOpen}
          buttons={[
            { text: "Explore Books", href: "#books" },
            { text: "Become a Member", href: "#contact" }
          ]}
          carouselItems={[
            {
              id: "1",
              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",
              imageAlt: "Featured book one"
            },
            {
              id: "2",
              imageSrc: "https://img.b2bpic.net/free-vector/lord-kings-book-cover_23-2149442200.jpg",
              imageAlt: "Featured book two"
            },
            {
              id: "3",
              imageSrc: "https://img.b2bpic.net/free-vector/vintage-wedding-invitation-template-with-floral-style_23-2147842901.jpg",
              imageAlt: "Featured book three"
            },
            {
              id: "4",
              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-reading-together_23-2150062128.jpg",
              imageAlt: "Open books"
            },
            {
              id: "5",
              imageSrc: "https://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104590.jpg",
              imageAlt: "Book club discussion"
            },
            {
              id: "6",
              imageSrc: "https://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104597.jpg",
              imageAlt: "Reading event"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
          containerClassName="w-full"
          titleClassName="text-5xl md:text-6xl font-bold"
          descriptionClassName="text-lg md:text-xl max-w-2xl"
        />
      </div>

      {/* About Section */}
      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Remember"
          description={[
            "Remember is a vibrant book club dedicated to celebrating the transformative power of literature. We believe that books connect us, inspire us, and help us remember what truly matters in life.",
            "Our community brings together readers from all walks of life who share a passion for great stories. Whether you're exploring classic literature, contemporary fiction, or thought-provoking non-fiction, Remember is your space to discover, discuss, and grow alongside fellow book lovers."
          ]}
          buttons={[
            { text: "Learn More About Us", href: "#about" }
          ]}
          useInvertedBackground="invertDefault"
          showBorder={true}
          titleClassName="text-4xl font-extrabold"
          descriptionClassName="text-base leading-relaxed"
        />
      </div>

      {/* Books Section */}
      <div id="books" data-section="books">
        <ProductCardTwo
          title="Currently Reading"
          description="Explore the books featured in our recent meetings and upcoming selections."
          tag="Featured Books"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              brand: "Fiction",
              name: "The Midnight Library",
              price: "Current Pick",
              rating: 5,
              reviewCount: "2.1k",
              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",
              imageAlt: "The Midnight Library"
            },
            {
              id: "2",
              brand: "Thriller",
              name: "The Silent Patient",
              price: "Recent Selection",
              rating: 5,
              reviewCount: "1.8k",
              imageSrc: "https://img.b2bpic.net/free-vector/lord-kings-book-cover_23-2149442200.jpg",
              imageAlt: "The Silent Patient"
            },
            {
              id: "3",
              brand: "Literary",
              name: "Lessons in Chemistry",
              price: "Upcoming Book",
              rating: 5,
              reviewCount: "1.5k",
              imageSrc: "https://img.b2bpic.net/free-vector/vintage-wedding-invitation-template-with-floral-style_23-2147842901.jpg",
              imageAlt: "Lessons in Chemistry"
            }
          ]}
          carouselMode="buttons"
          containerClassName="w-full"
        />
      </div>

      {/* Members Section */}
      <div id="members" data-section="members">
        <TeamCardOne
          title="Meet Our Members"
          description="Get to know the passionate readers who make Remember special"
          tag="Community Spotlight"
          tagIcon={Users}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
          gridVariant="four-items-2x2-equal-grid"
          members={[
            {
              id: "1",
              name: "Sarah Chen",
              role: "Book Enthusiast",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "2",
              name: "Michael Torres",
              role: "Literary Guide",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Michael Torres"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              role: "Member & Reviewer",
              imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              name: "James Park",
              role: "Community Leader",
              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",
              imageAlt: "James Park"
            }
          ]}
          carouselMode="buttons"
          containerClassName="w-full"
        />
      </div>

      {/* Testimonials Section */}
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Readers Say"
          description="Hear from our community members about their Remember experience"
          tag="Member Reviews"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",
              name: "Lisa Wong",
              role: "Member since 2022",
              testimonial: "Remember has transformed my reading journey. The thoughtful discussions and diverse perspectives have helped me discover books I would have never picked up on my own. This community feels like home.",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Lisa Wong"
            },
            {
              id: "2",
              name: "David Kim",
              role: "Active Member",
              testimonial: "What I love most about Remember is the genuine connection with fellow book lovers. Every month, I leave our meetings feeling inspired and eager to dive into the next selection.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "3",
              name: "Rebecca Miller",
              role: "Long-time Reader",
              testimonial: "The curated selections and thoughtful facilitation make Remember stand out. I've made lasting friendships and expanded my literary horizons in ways I never expected.",
              imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
              imageAlt: "Rebecca Miller"
            },
            {
              id: "4",
              name: "Marcus Johnson",
              role: "Book Club Founder",
              testimonial: "Remember has created a space where readers can be their authentic selves. The diversity of perspectives enriches every discussion and reminds us why literature matters.",
              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "5",
              name: "Sophie Laurent",
              role: "Passionate Reader",
              testimonial: "From shy reader to active participant, Remember helped me find my voice. This community celebrates both our love of books and each other.",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Sophie Laurent"
            },
            {
              id: "6",
              name: "Thomas Anderson",
              role: "Member",
              testimonial: "The quality of discussions here is exceptional. It's rare to find a book club where everyone is genuinely engaged and respectful. Remember truly lives up to its name.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Thomas Anderson"
            }
          ]}
        />
      </div>

      {/* FAQ Section */}
      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about joining and participating in Remember"
          tag="Get Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do I join Remember?",
              content: "Joining Remember is simple! Click the 'Join Now' button or visit our contact section. We welcome readers of all experience levels and book preferences. Our community thrives on diversity of thought and shared passion for literature."
            },
            {
              id: "2",
              title: "How often do we meet?",
              content: "Remember meets monthly, typically on the second Thursday of each month. Each meeting lasts about 90 minutes and includes book discussion, member updates, and time for connecting with fellow readers."
            },
            {
              id: "3",
              title: "Can I suggest books for our reading list?",
              content: "Absolutely! Member suggestions are an essential part of our selection process. We encourage you to nominate books at any time. Our selection committee reviews all suggestions and features them in our quarterly planning meetings."
            },
            {
              id: "4",
              title: "What if I haven't finished the book?",
              content: "No judgment here! You're welcome to attend meetings even if you haven't finished the current selection. Many members enjoy hearing others' perspectives, and you can always listen and participate in discussions."
            },
            {
              id: "5",
              title: "Are there membership fees?",
              content: "Remember keeps membership accessible with a modest annual fee of $25, which covers administrative costs and event planning. Members receive exclusive benefits including early book announcements and special literary events."
            },
            {
              id: "6",
              title: "How diverse are the book selections?",
              content: "Very! We intentionally select from various genres, cultures, and perspectives. Our reading list includes contemporary fiction, classics, memoirs, mysteries, science fiction, and more. We celebrate stories from authors around the world."
            }
          ]}
        />
      </div>

      {/* Contact Section */}
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to embark on your literary journey with Remember? Join our community of passionate readers and discover the magic of shared stories. Let's remember together."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Join Remember Today", href: "#" },
            { text: "Learn About Membership", href: "#" }
          ]}
          containerClassName="py-20"
          textClassName="text-2xl md:text-3xl font-bold"
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Remember"
          copyrightText="© 2025 Remember Book Club. All rights reserved."
          columns={[
            {
              title: "Community",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Members", href: "#members" },
                { label: "Events", href: "#faq" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Book List", href: "#books" },
                { label: "Discussion Guides", href: "#" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Newsletter", href: "#" },
                { label: "Join Now", href: "#contact" }
              ]
            }
          ]}
          containerClassName="w-full"
          logoTextClassName="text-xl font-bold"
        />
      </div>
    </ThemeProvider>
  );
}
]]>