Initial commit
This commit is contained in:
Nikolay Pecheniev
253
src/app/books/page.tsx
Normal file
253
src/app/books/page.tsx
Normal file
@@ -0,0 +1,253 @@
|
||||
<![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>
|
||||
);
|
||||
}
|
||||
]]>
|
||||
Reference in New Issue
Block a user