bender/84d32601-a63d-4645-9a29-ecbfc108b968
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-13 11:15:06 +00:00
parent 6f2e62ea69 3d57bfda6c
commit 1c5020d942
1 changed files with 59 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

265
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Browse",
id: "products",
},
name: "Browse", id: "products"},
{
name: "Support",
id: "faq",
},
name: "Support", id: "faq"},
]}
brandName="LibroCloud"
/>
@@ -55,93 +47,52 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Your Entire Library, Anywhere You Go."
description="Access millions of books, audiobooks, and magazines across Android and iOS devices. Seamless syncing for the modern reader."
testimonials={[
{
name: "Alex R.",
handle: "@alexreads",
testimonial: "The best reading experience I've had on my iPhone. Everything syncs perfectly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/old-russian-book_1385-1036.jpg",
},
name: "Alex R.", handle: "@alexreads", testimonial: "The best reading experience I've had on my iPhone. Everything syncs perfectly.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/old-russian-book_1385-1036.jpg"},
{
name: "Maria S.",
handle: "@mariaslibrary",
testimonial: "LibroCloud makes managing my digital collection so easy across my tablet and phone.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-book-still-life_52683-110305.jpg",
},
name: "Maria S.", handle: "@mariaslibrary", testimonial: "LibroCloud makes managing my digital collection so easy across my tablet and phone.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-book-still-life_52683-110305.jpg"},
{
name: "John K.",
handle: "@johnnybooks",
testimonial: "Finally, a library app that actually feels like a modern application.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fairytale-scene-coming-out-book_23-2151778507.jpg",
},
name: "John K.", handle: "@johnnybooks", testimonial: "Finally, a library app that actually feels like a modern application.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fairytale-scene-coming-out-book_23-2151778507.jpg"},
{
name: "Sarah P.",
handle: "@sarahreads",
testimonial: "The cross-platform sync is truly a game changer for my daily commute.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rainbow-sunlight-closed-book_23-2148827253.jpg",
},
name: "Sarah P.", handle: "@sarahreads", testimonial: "The cross-platform sync is truly a game changer for my daily commute.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rainbow-sunlight-closed-book_23-2148827253.jpg"},
{
name: "Tom B.",
handle: "@tombooks",
testimonial: "Beautifully designed and very intuitive. I highly recommend LibroCloud.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-yellow-blue-background_58702-6560.jpg",
},
name: "Tom B.", handle: "@tombooks", testimonial: "Beautifully designed and very intuitive. I highly recommend LibroCloud.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-yellow-blue-background_58702-6560.jpg"},
]}
imageSrc="http://img.b2bpic.net/free-photo/from-old-book_23-2147767240.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/from-old-book_23-2147767240.jpg"
imageAlt="digital library interface modern"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-black-woman-with-afro-curls-hairstyle-smiling-model-sweater-jeans_158538-19077.jpg",
alt: "user avatar",
},
src: "http://img.b2bpic.net/free-photo/beautiful-black-woman-with-afro-curls-hairstyle-smiling-model-sweater-jeans_158538-19077.jpg", alt: "user avatar"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2148781081.jpg",
alt: "user avatar",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2148781081.jpg", alt: "user avatar"},
{
src: "http://img.b2bpic.net/free-photo/cheerful-teenager-using-laptop_23-2147777282.jpg",
alt: "user avatar",
},
src: "http://img.b2bpic.net/free-photo/cheerful-teenager-using-laptop_23-2147777282.jpg", alt: "user avatar"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-young-girl-with-her-digital-tablet_1301-4031.jpg",
alt: "user avatar",
},
src: "http://img.b2bpic.net/free-photo/beautiful-young-girl-with-her-digital-tablet_1301-4031.jpg", alt: "user avatar"},
{
src: "http://img.b2bpic.net/free-photo/front-view-senior-woman-living-modern-life_23-2148404456.jpg",
alt: "user avatar",
},
src: "http://img.b2bpic.net/free-photo/front-view-senior-woman-living-modern-life_23-2148404456.jpg", alt: "user avatar"},
]}
marqueeItems={[
{
type: "text",
text: "5M+ Books Available",
},
type: "text", text: "5M+ Books Available"},
{
type: "text",
text: "Instant Cloud Sync",
},
type: "text", text: "Instant Cloud Sync"},
{
type: "text",
text: "Custom Reading Themes",
},
type: "text", text: "Custom Reading Themes"},
{
type: "text",
text: "Cross-Platform Access",
},
type: "text", text: "Cross-Platform Access"},
{
type: "text",
text: "Ad-Free Experience",
},
type: "text", text: "Ad-Free Experience"},
]}
/>
</div>
@@ -153,13 +104,9 @@ export default function LandingPage() {
description="We are revolutionizing how people interact with literature by providing a seamless, cross-platform digital ecosystem."
metrics={[
{
value: "5M+",
title: "Books Available",
},
value: "5M+", title: "Books Available"},
{
value: "200K+",
title: "Daily Users",
},
value: "200K+", title: "Daily Users"},
]}
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
@@ -175,49 +122,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Fluid Reading",
description: "Customizable typography and themes for maximum comfort.",
icon: BookOpen,
title: "Fluid Reading", description: "Customizable typography and themes for maximum comfort.", icon: BookOpen,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859110.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859110.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app_23-2148596035.jpg",
},
imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app_23-2148596035.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/from-old-book_23-2147767240.jpg?_wi=2",
imageAlt: "ebook reader app mobile ui",
},
{
title: "Instant Sync",
description: "Your progress across Android and iOS is always perfectly synced.",
icon: Cloud,
title: "Instant Sync", description: "Your progress across Android and iOS is always perfectly synced.", icon: Cloud,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-illustration-icon_53876-65610.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-illustration-icon_53876-65610.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-vector/characters-couple-sharing-listening-music_53876-35230.jpg",
},
imageSrc: "http://img.b2bpic.net/free-vector/characters-couple-sharing-listening-music_53876-35230.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-pictures-magazine-using-her-smartphone_23-2149240370.jpg",
imageAlt: "ebook reader app mobile ui",
},
{
title: "Smart Organization",
description: "Auto-sort your books into collections and genres easily.",
icon: BookOpen,
title: "Smart Organization", description: "Auto-sort your books into collections and genres easily.", icon: BookOpen,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-vector/flat-mosaic-cover-design-collection_354956-297.jpg?_wi=1",
},
imageSrc: "http://img.b2bpic.net/free-vector/flat-mosaic-cover-design-collection_354956-297.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-pink-background_58702-6518.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-pink-background_58702-6518.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-isolated-white-background_58702-6399.jpg?_wi=1",
imageAlt: "ebook reader app mobile ui",
},
]}
title="Built for Every Reader"
@@ -233,41 +162,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Quantum Echo",
price: "$12.99",
imageSrc: "http://img.b2bpic.net/free-vector/flat-mosaic-cover-design-collection_354956-297.jpg?_wi=2",
},
id: "1", name: "Quantum Echo", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-vector/flat-mosaic-cover-design-collection_354956-297.jpg"},
{
id: "2",
name: "Strategic Mind",
price: "$15.50",
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-isolated-white-background_58702-6399.jpg?_wi=2",
},
id: "2", name: "Strategic Mind", price: "$15.50", imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-isolated-white-background_58702-6399.jpg"},
{
id: "3",
name: "The Dark Path",
price: "$9.99",
imageSrc: "http://img.b2bpic.net/free-vector/light-bulb-coffin-vector_53876-86351.jpg",
},
id: "3", name: "The Dark Path", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-vector/light-bulb-coffin-vector_53876-86351.jpg"},
{
id: "4",
name: "Culinary Art",
price: "$19.00",
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-surrounded-with-steamers-spring-onion-sesame-seeds-coriander-seeds-placemat_23-2148123615.jpg",
},
id: "4", name: "Culinary Art", price: "$19.00", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-surrounded-with-steamers-spring-onion-sesame-seeds-coriander-seeds-placemat_23-2148123615.jpg"},
{
id: "5",
name: "History of Ages",
price: "$14.25",
imageSrc: "http://img.b2bpic.net/free-vector/art-deco-style-wedding-invitation-template_23-2147941955.jpg",
},
id: "5", name: "History of Ages", price: "$14.25", imageSrc: "http://img.b2bpic.net/free-vector/art-deco-style-wedding-invitation-template_23-2147941955.jpg"},
{
id: "6",
name: "Wanderlust Guide",
price: "$11.00",
imageSrc: "http://img.b2bpic.net/free-photo/yosemite-travel-poster_23-2151978030.jpg",
},
id: "6", name: "Wanderlust Guide", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/yosemite-travel-poster_23-2151978030.jpg"},
]}
title="Popular Collections"
description="Explore our curated catalog across various genres."
@@ -280,45 +185,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Life changer",
quote: "LibroCloud has made reading on the bus so much easier.",
name: "Sarah",
role: "Student",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-talking-via-telecommunication-app-tablet_1262-20577.jpg",
},
id: "1", title: "Life changer", quote: "LibroCloud has made reading on the bus so much easier.", name: "Sarah", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-talking-via-telecommunication-app-tablet_1262-20577.jpg"},
{
id: "2",
title: "Fantastic",
quote: "Clean UI and great selection of books.",
name: "Mike",
role: "Teacher",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-digital-tablet-sitting-sofa_23-2148041312.jpg",
},
id: "2", title: "Fantastic", quote: "Clean UI and great selection of books.", name: "Mike", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-digital-tablet-sitting-sofa_23-2148041312.jpg"},
{
id: "3",
title: "Highly Recommend",
quote: "The synchronization between my iPad and Android phone is flawless.",
name: "Emma",
role: "Writer",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_107420-12343.jpg",
},
id: "3", title: "Highly Recommend", quote: "The synchronization between my iPad and Android phone is flawless.", name: "Emma", role: "Writer", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_107420-12343.jpg"},
{
id: "4",
title: "Solid App",
quote: "Best digital library app I've used to date.",
name: "David",
role: "Architect",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg",
},
id: "4", title: "Solid App", quote: "Best digital library app I've used to date.", name: "David", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg"},
{
id: "5",
title: "Love the features",
quote: "Customizing the font and spacing makes reading much more enjoyable.",
name: "Laura",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/male-hiker-takes-deep-breath-fresh-mountain-air-feeling-pleased_482257-120736.jpg",
},
id: "5", title: "Love the features", quote: "Customizing the font and spacing makes reading much more enjoyable.", name: "Laura", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/male-hiker-takes-deep-breath-fresh-mountain-air-feeling-pleased_482257-120736.jpg"},
]}
title="Loved by Readers"
description="Hear what our community says about their experience."
@@ -331,20 +206,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Is it on Android and iOS?",
content: "Yes, LibroCloud is fully optimized for both platforms.",
},
id: "1", title: "Is it on Android and iOS?", content: "Yes, LibroCloud is fully optimized for both platforms."},
{
id: "2",
title: "Can I read offline?",
content: "Absolutely. Download books directly to your device for offline reading.",
},
id: "2", title: "Can I read offline?", content: "Absolutely. Download books directly to your device for offline reading."},
{
id: "3",
title: "How much does it cost?",
content: "We offer a free tier and a premium subscription with unlimited access.",
},
id: "3", title: "How much does it cost?", content: "We offer a free tier and a premium subscription with unlimited access."},
]}
title="Frequently Asked Questions"
description="Common inquiries about LibroCloud digital library."
@@ -358,16 +224,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get Started"
title="Join the Library Today"
description="Start your journey into millions of books now."
buttons={[
{
text: "Get the App",
href: "#",
},
text: "Get the App", href: "#"},
]}
/>
</div>
@@ -377,29 +240,19 @@ export default function LandingPage() {
logoText="LibroCloud"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}