<![CDATA[
"use client"

import { Star, BookOpen, Library } from 'lucide-react';
import { ThemeProvider } from '@/components/theme/ThemeProvider';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function BooksPage() {
  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: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Current", id: "#current" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Join Now",
            href: "/contact"
          }}
          navItemClassName="text-sm font-medium"
          buttonClassName="px-6 py-2"
        />
      </div>

      {/* Current Reading */}
      <div id="current" data-section="current">
        <ProductCardTwo
          title="Currently Reading"
          description="Our featured selection for this month's discussions, chosen for its compelling narrative and thought-provoking themes."
          tag="Current Pick"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "1",
              brand: "Contemporary Fiction",
              name: "The Midnight Library",
              price: "January Selection",
              rating: 5,
              reviewCount: "2.1k",
              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",
              imageAlt: "The Midnight Library"
            }
          ]}
          carouselMode="buttons"
          containerClassName="w-full"
        />
      </div>

      {/* Recent Selections */}
      <div id="recent" data-section="recent">
        <ProductCardTwo
          title="Recent Selections"
          description="Books we've explored together in our recent meetings, each one sparking memorable discussions and insights."
          tag="Recently Read"
          tagIcon={BookOpen}
          textboxLayout="default"
          animationType="opacity"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "2",
              brand: "Psychological Thriller",
              name: "The Silent Patient",
              price: "December 2024",
              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: "Historical Fiction",
              name: "The Seven Husbands of Evelyn Hugo",
              price: "November 2024",
              rating: 5,
              reviewCount: "3.2k",
              imageSrc: "https://img.b2bpic.net/free-vector/vintage-wedding-invitation-template-with-floral-style_23-2147842901.jpg",
              imageAlt: "The Seven Husbands of Evelyn Hugo"
            },
            {
              id: "4",
              brand: "Literary Fiction",
              name: "Circe",
              price: "October 2024",
              rating: 5,
              reviewCount: "2.7k",
              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",
              imageAlt: "Circe"
            }
          ]}
          carouselMode="buttons"
          containerClassName="w-full"
        />
      </div>

      {/* Upcoming Books */}
      <div id="upcoming" data-section="upcoming">
        <ProductCardTwo
          title="Upcoming Selections"
          description="Get excited about our future reading adventures! These carefully chosen titles promise engaging discussions and literary discovery."
          tag="Coming Soon"
          tagIcon={Library}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          gridVariant="two-items-tall-short"
          products={[
            {
              id: "5",
              brand: "Science Fiction",
              name: "Lessons in Chemistry",
              price: "February 2025",
              rating: 5,
              reviewCount: "1.5k",
              imageSrc: "https://img.b2bpic.net/free-vector/lord-kings-book-cover_23-2149442200.jpg",
              imageAlt: "Lessons in Chemistry"
            },
            {
              id: "6",
              brand: "Mystery",
              name: "The Thursday Murder Club",
              price: "March 2025",
              rating: 5,
              reviewCount: "2.9k",
              imageSrc: "https://img.b2bpic.net/free-vector/vintage-wedding-invitation-template-with-floral-style_23-2147842901.jpg",
              imageAlt: "The Thursday Murder Club"
            }
          ]}
          carouselMode="buttons"
          containerClassName="w-full"
        />
      </div>

      {/* All Time Favorites */}
      <div id="favorites" data-section="favorites">
        <ProductCardTwo
          title="All-Time Member Favorites"
          description="The books that have left the most lasting impact on our community, frequently recommended and endlessly discussed."
          tag="Hall of Fame"
          tagIcon={Star}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
              id: "7",
              brand: "Classic Literature",
              name: "To Kill a Mockingbird",
              price: "Timeless Classic",
              rating: 5,
              reviewCount: "5.7k",
              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",
              imageAlt: "To Kill a Mockingbird"
            },
            {
              id: "8",
              brand: "Contemporary Fiction",
              name: "Where the Crawdads Sing",
              price: "Modern Favorite",
              rating: 5,
              reviewCount: "4.3k",
              imageSrc: "https://img.b2bpic.net/free-vector/lord-kings-book-cover_23-2149442200.jpg",
              imageAlt: "Where the Crawdads Sing"
            },
            {
              id: "9",
              brand: "Literary Fiction",
              name: "The Book Thief",
              price: "Emotional Journey",
              rating: 5,
              reviewCount: "3.8k",
              imageSrc: "https://img.b2bpic.net/free-vector/vintage-wedding-invitation-template-with-floral-style_23-2147842901.jpg",
              imageAlt: "The Book Thief"
            },
            {
              id: "10",
              brand: "Historical Fiction",
              name: "All the Light We Cannot See",
              price: "Award Winner",
              rating: 5,
              reviewCount: "4.9k",
              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",
              imageAlt: "All the Light We Cannot See"
            }
          ]}
          carouselMode="buttons"
          containerClassName="w-full"
        />
      </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: "Home", href: "/" },
                { label: "Members", href: "/" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Current Book", href: "#current" },
                { label: "Discussion Guides", href: "#" },
                { label: "FAQ", href: "/" }
              ]
            },
            {
              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>
  );
}
]]>