Merge version_1 into main #2
312
src/app/page.tsx
312
src/app/page.tsx
@@ -20,27 +20,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Books",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Books", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Literary Haven"
|
||||
/>
|
||||
@@ -49,104 +48,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Your Next Great Story Awaits"
|
||||
description="Discover a curated collection of classic and contemporary books. Purchase once, enjoy forever with our dedicated, distraction-free reading mode."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-coffee-pile-books_23-2147617661.jpg?_wi=1",
|
||||
imageAlt: "cozy library wooden desk books",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-season-still-life_23-2151840145.jpg?_wi=1",
|
||||
imageAlt: "open book typography close-up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-side-view_23-2149887873.jpg?_wi=1",
|
||||
imageAlt: "tablet digital book reading interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-books-near-christmas-tree_23-2147767422.jpg?_wi=1",
|
||||
imageAlt: "stacked vintage books leather spines",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-reading-book-library_23-2148727825.jpg?_wi=1",
|
||||
imageAlt: "cozy reading chair bookstore corner",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lamp-coffee-pile-books_23-2147617661.jpg", imageAlt: "cozy library wooden desk books" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/autumn-season-still-life_23-2151840145.jpg", imageAlt: "open book typography close-up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-side-view_23-2149887873.jpg", imageAlt: "tablet digital book reading interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/from-books-near-christmas-tree_23-2147767422.jpg", imageAlt: "stacked vintage books leather spines" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-student-reading-book-library_23-2148727825.jpg", imageAlt: "cozy reading chair bookstore corner" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-shelf_23-2149854262.jpg",
|
||||
imageAlt: "bookshelf organized colorful books",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bookshelf-green-white-studying-literature_1203-4505.jpg",
|
||||
imageAlt: "bookshelf organized colorful books",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118894.jpg",
|
||||
imageAlt: "cozy reading chair bookstore corner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/books-candle-bed_23-2147711525.jpg",
|
||||
imageAlt: "stacked vintage books leather spines",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-yellow-background_58702-6438.jpg",
|
||||
imageAlt: "tablet digital book reading interface",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-shelf_23-2149854262.jpg", imageAlt: "bookshelf organized colorful books" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bookshelf-green-white-studying-literature_1203-4505.jpg", imageAlt: "bookshelf organized colorful books" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118894.jpg", imageAlt: "cozy reading chair bookstore corner" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/books-candle-bed_23-2147711525.jpg", imageAlt: "stacked vintage books leather spines" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-yellow-background_58702-6438.jpg", imageAlt: "tablet digital book reading interface" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/open-book-coffee-cup-table-near-window_23-2147872197.jpg",
|
||||
alt: "Open book and coffee cup on table near window",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lively-smart-teenage-girl-sitting-library_23-2147854067.jpg",
|
||||
alt: "Lively smart teenage girl sitting in library",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-choosing-book-library_1303-19023.jpg",
|
||||
alt: "Young woman choosing book at the library",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-reading-library_23-2148727800.jpg",
|
||||
alt: "Young girl reading at the library",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-reading-library_1303-19032.jpg",
|
||||
alt: "Young woman reading at the library",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/open-book-coffee-cup-table-near-window_23-2147872197.jpg", alt: "Open book and coffee cup on table near window" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lively-smart-teenage-girl-sitting-library_23-2147854067.jpg", alt: "Lively smart teenage girl sitting in library" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-choosing-book-library_1303-19023.jpg", alt: "Young woman choosing book at the library" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-girl-reading-library_23-2148727800.jpg", alt: "Young girl reading at the library" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-reading-library_1303-19032.jpg", alt: "Young woman reading at the library" }
|
||||
]}
|
||||
avatarText="Join 15,000+ readers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Classics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Fiction",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Adventures",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Biographies",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fantasy Worlds",
|
||||
},
|
||||
{ type: "text", text: "Curated Classics" },
|
||||
{ type: "text", text: "Modern Fiction" },
|
||||
{ type: "text", text: "Adventures" },
|
||||
{ type: "text", text: "Biographies" },
|
||||
{ type: "text", text: "Fantasy Worlds" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,28 +101,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Reading Mode",
|
||||
description: "Access your library instantly after purchase with adjustable fonts and themes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BookOpen,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/narrow-university-library-aisle-with-tall-bookshelves-wooden-flooring_482257-124248.jpg",
|
||||
imageAlt: "open book typography close-up",
|
||||
title: "Instant Reading Mode", description: "Access your library instantly after purchase with adjustable fonts and themes.", bentoComponent: "reveal-icon", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
title: "Anywhere Access",
|
||||
description: "Your books sync across all your devices, perfect for on-the-go reading.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smartphone,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-coffee-pile-books_23-2147617661.jpg?_wi=2",
|
||||
imageAlt: "open book typography close-up",
|
||||
title: "Anywhere Access", description: "Your books sync across all your devices, perfect for on-the-go reading.", bentoComponent: "reveal-icon", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
title: "Offline Ready",
|
||||
description: "Download your books for an uninterrupted reading experience.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-season-still-life_23-2151840145.jpg?_wi=2",
|
||||
imageAlt: "open book typography close-up",
|
||||
title: "Offline Ready", description: "Download your books for an uninterrupted reading experience.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -204,42 +122,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Elegance",
|
||||
price: "$19.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-composition-with-scissors_23-2147715483.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Modern Muse",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-geometric-lines-cover-collection_52683-8202.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Deep Perspectives",
|
||||
price: "$24.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151005083.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Summit Quest",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-nature-landing-page-template_23-2148250114.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Forest Whispers",
|
||||
price: "$21.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-anime-style-scene_23-2151135134.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Life Story",
|
||||
price: "$18.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-glasses-white_158538-11371.jpg",
|
||||
},
|
||||
{ id: "1", name: "Classic Elegance", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/christmas-composition-with-scissors_23-2147715483.jpg" },
|
||||
{ id: "2", name: "Modern Muse", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-vector/colorful-geometric-lines-cover-collection_52683-8202.jpg" },
|
||||
{ id: "3", name: "Deep Perspectives", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151005083.jpg" },
|
||||
{ id: "4", name: "Summit Quest", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-vector/flat-nature-landing-page-template_23-2148250114.jpg" },
|
||||
{ id: "5", name: "Forest Whispers", price: "$21.99", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-anime-style-scene_23-2151135134.jpg" },
|
||||
{ id: "6", name: "Life Story", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-glasses-white_158538-11371.jpg" }
|
||||
]}
|
||||
title="Featured Library"
|
||||
description="Hand-picked titles waiting for their next owner."
|
||||
@@ -252,24 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Books Sold",
|
||||
value: "50,000+",
|
||||
icon: Book,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Active Readers",
|
||||
value: "15,000+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Reader Reviews",
|
||||
value: "10,000+",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "1", title: "Books Sold", value: "50,000+", icon: Book },
|
||||
{ id: "2", title: "Active Readers", value: "15,000+", icon: Users },
|
||||
{ id: "3", title: "Reader Reviews", value: "10,000+", icon: Award }
|
||||
]}
|
||||
title="Join Our Growing Community"
|
||||
description="Thousands of readers have already found their next favorite story here."
|
||||
@@ -281,61 +154,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Smith",
|
||||
date: "Jan 2024",
|
||||
title: "Verified Reader",
|
||||
quote: "The reading mode is a game changer for my night reading sessions.",
|
||||
tag: "Top Pick",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/brunette-girl-library-wear-white-blouse-black-mini-skirt-sexy-business-woman-teacher-concept_627829-11361.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-coffee-pile-books_23-2147617661.jpg?_wi=3",
|
||||
imageAlt: "professional reader portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Jones",
|
||||
date: "Feb 2024",
|
||||
title: "Verified Reader",
|
||||
quote: "Fast, clean, and distraction-free experience. Simply love it.",
|
||||
tag: "Best",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-senior-man-reading-book_23-2148399472.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-season-still-life_23-2151840145.jpg?_wi=3",
|
||||
imageAlt: "professional reader portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Brown",
|
||||
date: "Mar 2024",
|
||||
title: "Verified Reader",
|
||||
quote: "Huge selection and the interface makes me want to read more.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-girl-spending-time-library_23-2150725694.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-side-view_23-2149887873.jpg?_wi=2",
|
||||
imageAlt: "professional reader portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dana White",
|
||||
date: "Apr 2024",
|
||||
title: "Verified Reader",
|
||||
quote: "Accessing my library across all devices is extremely seamless.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/teenager-listening-music-reading-book_23-2147777290.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-books-near-christmas-tree_23-2147767422.jpg?_wi=2",
|
||||
imageAlt: "professional reader portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve Davis",
|
||||
date: "May 2024",
|
||||
title: "Verified Reader",
|
||||
quote: "Absolutely worth it for the reading mode and wide selection.",
|
||||
tag: "Star",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/thinking-young-blonde-slavic-woman-holding-looking-book-putting-finger-cheek-isolated-orange-wall_141793-78706.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-reading-book-library_23-2148727825.jpg?_wi=2",
|
||||
imageAlt: "professional reader portrait smiling",
|
||||
},
|
||||
{ id: "1", name: "Alice Smith", date: "Jan 2024", title: "Verified Reader", quote: "The reading mode is a game changer for my night reading sessions.", tag: "Top Pick", avatarSrc: "http://img.b2bpic.net/free-photo/brunette-girl-library-wear-white-blouse-black-mini-skirt-sexy-business-woman-teacher-concept_627829-11361.jpg" },
|
||||
{ id: "2", name: "Bob Jones", date: "Feb 2024", title: "Verified Reader", quote: "Fast, clean, and distraction-free experience. Simply love it.", tag: "Best", avatarSrc: "http://img.b2bpic.net/free-photo/happy-senior-man-reading-book_23-2148399472.jpg" },
|
||||
{ id: "3", name: "Charlie Brown", date: "Mar 2024", title: "Verified Reader", quote: "Huge selection and the interface makes me want to read more.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-girl-spending-time-library_23-2150725694.jpg" },
|
||||
{ id: "4", name: "Dana White", date: "Apr 2024", title: "Verified Reader", quote: "Accessing my library across all devices is extremely seamless.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/teenager-listening-music-reading-book_23-2147777290.jpg" },
|
||||
{ id: "5", name: "Eve Davis", date: "May 2024", title: "Verified Reader", quote: "Absolutely worth it for the reading mode and wide selection.", tag: "Star", avatarSrc: "http://img.b2bpic.net/free-photo/thinking-young-blonde-slavic-woman-holding-looking-book-putting-finger-cheek-isolated-orange-wall_141793-78706.jpg" }
|
||||
]}
|
||||
title="Reader Voices"
|
||||
description="What our readers love about Literary Haven."
|
||||
@@ -347,24 +170,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the reading mode work?",
|
||||
content: "Once purchased, click 'Read Book' on your library page to activate the distraction-free reader.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are the books offline accessible?",
|
||||
content: "Yes, our mobile apps support offline downloading for all your purchased titles.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept major credit cards, digital wallets, and regional payment methods.",
|
||||
},
|
||||
{ id: "1", title: "How does the reading mode work?", content: "Once purchased, click 'Read Book' on your library page to activate the distraction-free reader." },
|
||||
{ id: "2", title: "Are the books offline accessible?", content: "Yes, our mobile apps support offline downloading for all your purchased titles." },
|
||||
{ id: "3", title: "What payment methods do you accept?", content: "We accept major credit cards, digital wallets, and regional payment methods." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-drink-while-reading_23-2147767759.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to all your questions about our bookstore and reading platform."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -374,9 +184,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Sign up for our newsletter to get updates on new arrivals, author interviews, and exclusive discounts."
|
||||
@@ -388,16 +196,8 @@ export default function LandingPage() {
|
||||
logoText="Literary Haven"
|
||||
copyrightText="© 2025 | Literary Haven"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user