bender/7b41f467-46b0-4773-90f5-3231f2ef2b4a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-03 17:42:36 +00:00
parent d790c5e5e1
commit 08cc59bbbb
1 changed files with 37 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

212
src/app/page.tsx
View File

@@ -28,91 +28,42 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "Catalog",
id: "products",
},
{
name: "Reviews",
id: "testimonials",
},
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Catalog", id: "products" },
{ name: "Reviews", id: "testimonials" },
]}
brandName="BookVerse"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Your Next Great Adventure Awaits"
description="Discover a curated collection of thousands of titles, delivered straight to your door or device."
buttons={[
{
text: "Browse Catalog",
href: "#products",
},
{
text: "About Us",
href: "#about",
},
{ text: "Browse Catalog", href: "#products" },
{ text: "About Us", href: "#about" },
]}
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg"
imageAlt="Cozy reading library"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/lovely-woman-glasses-reading-bed_23-2147767591.jpg",
alt: "Reader",
},
{
src: "http://img.b2bpic.net/free-photo/young-cheerful-man-reading-book-park_23-2147656244.jpg",
alt: "Reader",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit_1298-185.jpg",
alt: "Reader",
},
{
src: "http://img.b2bpic.net/free-photo/teen-boy-reading-cafe-table_23-2147860719.jpg",
alt: "Reader",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-touching-books_23-2148680220.jpg",
alt: "Reader",
},
{ src: "http://img.b2bpic.net/free-photo/lovely-woman-glasses-reading-bed_23-2147767591.jpg", alt: "Reader" },
{ src: "http://img.b2bpic.net/free-photo/young-cheerful-man-reading-book-park_23-2147656244.jpg", alt: "Reader" },
{ src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit_1298-185.jpg", alt: "Reader" },
{ src: "http://img.b2bpic.net/free-photo/teen-boy-reading-cafe-table_23-2147860719.jpg", alt: "Reader" },
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-touching-books_23-2148680220.jpg", alt: "Reader" },
]}
avatarText="Join 10,000+ happy readers"
marqueeItems={[
{
type: "text",
text: "Best Sellers",
},
{
type: "text",
text: "New Releases",
},
{
type: "text",
text: "Staff Picks",
},
{
type: "text",
text: "Global Shipping",
},
{
type: "text",
text: "Member Discounts",
},
{ type: "text", text: "Best Sellers" },
{ type: "text", text: "New Releases" },
{ type: "text", text: "Staff Picks" },
{ type: "text", text: "Global Shipping" },
{ type: "text", text: "Member Discounts" },
]}
/>
</div>
@@ -124,27 +75,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Curated Collections",
description: "Hand-picked books by experts to help you find your next favorite story.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-pen-holding-tablet_23-2148751531.jpg",
},
{
id: "f2",
title: "Fast Delivery",
description: "Global shipping options to get your books wherever you are, quickly.",
imageSrc: "http://img.b2bpic.net/free-photo/looking-side-delivery-young-woman-wearing-red-t-shirt-cap-dental-brace-holding-pizza-box-showing-yes-gesture-isolated-orange-wall_141793-36269.jpg",
},
{
id: "f3",
title: "Community Focus",
description: "Join our growing circle of readers to discuss your latest reads together.",
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-sticks-top-view_23-2148999153.jpg",
},
{ id: "f1", title: "Curated Collections", description: "Hand-picked books by experts.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-pen-holding-tablet_23-2148751531.jpg" },
{ id: "f2", title: "Fast Delivery", description: "Global shipping options.", imageSrc: "http://img.b2bpic.net/free-photo/looking-side-delivery-young-woman-wearing-red-t-shirt-cap-dental-brace-holding-pizza-box-showing-yes-gesture-isolated-orange-wall_141793-36269.jpg" },
{ id: "f3", title: "Community Focus", description: "Join our growing circle.", imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-sticks-top-view_23-2148999153.jpg" },
]}
title="Why Choose BookVerse?"
description="We bring the best reading experience to your fingertips with ease and community."
description="We bring the best reading experience to your fingertips."
/>
</div>
@@ -153,43 +89,11 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "p1",
name: "The Silent Horizon",
price: "$24.99",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-autumn-adventure-elements_23-2148634144.jpg",
},
{
id: "p2",
name: "Midnight Whispers",
price: "$19.50",
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cup-with-album_209303-89.jpg",
},
{
id: "p3",
name: "Paths Unknown",
price: "$15.99",
imageSrc: "http://img.b2bpic.net/free-photo/physical-paper-book-background-closeup_58702-6809.jpg",
},
{
id: "p4",
name: "Legacy of Kings",
price: "$28.00",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-book-looking-out-window_23-2147797389.jpg",
},
{
id: "p5",
name: "Dream Architect",
price: "$22.95",
imageSrc: "http://img.b2bpic.net/free-photo/magic-fairytale-books_52683-106690.jpg",
},
{
id: "p6",
name: "Neon Shadows",
price: "$12.99",
imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603073.jpg",
},
{ id: "p1", name: "The Silent Horizon", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-autumn-adventure-elements_23-2148634144.jpg" },
{ id: "p2", name: "Midnight Whispers", price: "$19.50", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cup-with-album_209303-89.jpg" },
{ id: "p3", name: "Paths Unknown", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/physical-paper-book-background-closeup_58702-6809.jpg" },
]}
title="Trending Now"
description="Explore our best-sellers, new arrivals, and staff favorites."
@@ -201,62 +105,26 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Avid Reader",
company: "BookClub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-glasses-reading-bed_23-2147767591.jpg",
},
{
id: "2",
name: "Mark L.",
role: "Tech Lead",
company: "Innovator",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-man-reading-book-park_23-2147656244.jpg",
},
{
id: "3",
name: "Emily R.",
role: "Artist",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit_1298-185.jpg",
},
{
id: "4",
name: "David K.",
role: "Editor",
company: "WriterCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/teen-boy-reading-cafe-table_23-2147860719.jpg",
},
{
id: "5",
name: "Elena M.",
role: "Teacher",
company: "Academy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-touching-books_23-2148680220.jpg",
},
{ id: "1", name: "Sarah J.", role: "Avid Reader", company: "BookClub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-glasses-reading-bed_23-2147767591.jpg" },
{ id: "2", name: "Mark L.", role: "Tech Lead", company: "Innovator", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-man-reading-book-park_23-2147656244.jpg" },
{ id: "3", name: "Emily R.", role: "Artist", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit_1298-185.jpg" },
{ id: "4", name: "David K.", role: "Editor", company: "WriterCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-boy-reading-cafe-table_23-2147860719.jpg" },
{ id: "5", name: "Elena M.", role: "Teacher", company: "Academy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-touching-books_23-2148680220.jpg" },
]}
title="Loved by Readers"
description="Join thousands of satisfied readers who trust BookVerse with their libraries."
description="Join thousands of satisfied readers."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
tag="Newsletter"
title="Stay In The Loop"
description="Get exclusive discounts, author interviews, and book recommendations delivered to your inbox."
description="Get exclusive discounts delivered to your inbox."
imageSrc="http://img.b2bpic.net/free-photo/startup-entrepreneur-looking-into-project-details-timetables-laptop_482257-91149.jpg"
mediaAnimation="blur-reveal"
/>
@@ -265,14 +133,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="BookVerse"
leftLink={{
text: "Terms of Service",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
leftLink={{ text: "Terms of Service", href: "#" }}
rightLink={{ text: "Privacy Policy", href: "#" }}
/>
</div>
</ReactLenis>