253 lines
8.8 KiB
TypeScript
253 lines
8.8 KiB
TypeScript
<![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>
|
|
);
|
|
}
|
|
]]> |