"use client";

import { Star, BookOpen, Library } from 'lucide-react';
import Link from 'next/link';
import { ThemeProvider } from '@/providers/themeProvider/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>
  );
}