Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
295
src/app/page.tsx
295
src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Books",
|
||||
id: "books",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Books", id: "books" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NexaReades"
|
||||
/>
|
||||
@@ -59,72 +47,15 @@ export default function LandingPage() {
|
||||
title="Your Next Great Read, Awaits."
|
||||
description="Unlock a vast library of premium ebooks tailored to your taste. Start your journey with NexaReades today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@alexreads",
|
||||
testimonial: "The best ebook collection I've found online.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Jamie Smith",
|
||||
handle: "@jamie_books",
|
||||
testimonial: "Elegant interface and fast downloads. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-youth-with-freckles-beauty-marks_23-2151703656.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jp_literary",
|
||||
testimonial: "NexaReades has completely changed how I read.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawer-box_187299-48758.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Casey W.",
|
||||
handle: "@casey_reads",
|
||||
testimonial: "Premium quality books for a fair price.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-model-yellow-cap-looks-sleepy_114579-17007.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Morgan Lee",
|
||||
handle: "@m_reads",
|
||||
testimonial: "Truly premium. A digital reading paradise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-attractive-man-with-oval-face-wears-round-glasses-dressed-formally_273609-8694.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Library",
|
||||
href: "#books",
|
||||
},
|
||||
{ name: "Alex Rivers", handle: "@alexreads", testimonial: "The best ebook collection I've found online.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" },
|
||||
{ name: "Jamie Smith", handle: "@jamie_books", testimonial: "Elegant interface and fast downloads. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-youth-with-freckles-beauty-marks_23-2151703656.jpg" },
|
||||
{ name: "Jordan P.", handle: "@jp_literary", testimonial: "NexaReades has completely changed how I read.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/drawer-box_187299-48758.jpg" },
|
||||
{ name: "Casey W.", handle: "@casey_reads", testimonial: "Premium quality books for a fair price.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-model-yellow-cap-looks-sleepy_114579-17007.jpg" },
|
||||
{ name: "Morgan Lee", handle: "@m_reads", testimonial: "Truly premium. A digital reading paradise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-attractive-man-with-oval-face-wears-round-glasses-dressed-formally_273609-8694.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Library", href: "#books" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tablet-with-financial-review_1232-184.jpg"
|
||||
imageAlt="NexaReades Library Interface"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-elegant-joyful-guy-grey-jacket-shirt-wears-glasses-gray_291650-1303.jpg",
|
||||
alt: "Happy elegant joyful guy in grey jacket and shirt",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
|
||||
alt: "Close-up portrait of stylish pretty young woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg",
|
||||
alt: "Portrait of bearded black man in a wool suit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
|
||||
alt: "Portrait of confident businesswoman in suit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg",
|
||||
alt: "Young attractive man in glasses",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -142,21 +73,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: BookOpen,
|
||||
title: "Unlimited Access",
|
||||
description: "Browse our expansive library of thousands of titles.",
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Read Anywhere",
|
||||
description: "Seamless syncing across all your devices.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Secure Lifetime",
|
||||
description: "Your digital library stays with you forever.",
|
||||
},
|
||||
{ icon: BookOpen, title: "Unlimited Access", description: "Browse our expansive library of thousands of titles." },
|
||||
{ icon: Smartphone, title: "Read Anywhere", description: "Seamless syncing across all your devices." },
|
||||
{ icon: Shield, title: "Secure Lifetime", description: "Your digital library stays with you forever." }
|
||||
]}
|
||||
title="Why Choose NexaReades"
|
||||
description="Premium features built for avid readers."
|
||||
@@ -170,44 +89,15 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Silent Horizon",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-stack-books_1098-1352.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Echoes of Time",
|
||||
price: "$14.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-climber-red-wall_23-2151982347.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Digital Frontiers",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-watercolor-style_9975-7406.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "The Last Kingdom",
|
||||
price: "$11.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-hazy-mountain-range-against-sunset-sky_1048-10361.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Midnight Stars",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/journey-planet-mars-concept_23-2150063204.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Abstract Minds",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-sweet-pastel-pink-tone-wall-floor-tile-glass-seamless-pattern-mosaic-background-texture-furniture-material_1258-72213.jpg",
|
||||
},
|
||||
{ id: "1", name: "The Silent Horizon", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stack-books_1098-1352.jpg" },
|
||||
{ id: "2", name: "Echoes of Time", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-climber-red-wall_23-2151982347.jpg" },
|
||||
{ id: "3", name: "Digital Frontiers", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/background-watercolor-style_9975-7406.jpg" },
|
||||
{ id: "4", name: "The Last Kingdom", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/3d-hazy-mountain-range-against-sunset-sky_1048-10361.jpg" },
|
||||
{ id: "5", name: "Midnight Stars", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/journey-planet-mars-concept_23-2150063204.jpg" },
|
||||
{ id: "6", name: "Abstract Minds", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-sweet-pastel-pink-tone-wall-floor-tile-glass-seamless-pattern-mosaic-background-texture-furniture-material_1258-72213.jpg" }
|
||||
]}
|
||||
title="Featured Ebooks"
|
||||
description="Our premium curated collection of digital literature."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -217,33 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
title: "Happy Readers",
|
||||
items: [
|
||||
"Global community",
|
||||
"Active daily",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12k",
|
||||
title: "Ebook Titles",
|
||||
items: [
|
||||
"New daily",
|
||||
"Curated",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"High rating",
|
||||
"Community",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "50k+", title: "Happy Readers", items: ["Global community", "Active daily"] },
|
||||
{ id: "m2", value: "12k", title: "Ebook Titles", items: ["New daily", "Curated"] },
|
||||
{ id: "m3", value: "99.9%", title: "Satisfaction", items: ["High rating", "Community"] }
|
||||
]}
|
||||
title="Our Reach"
|
||||
description="Connecting a global community of readers through technology."
|
||||
@@ -256,44 +122,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice J.",
|
||||
handle: "@alice",
|
||||
testimonial: "Fantastic collection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob K.",
|
||||
handle: "@bob",
|
||||
testimonial: "Loved the app interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-youth-with-freckles-beauty-marks_23-2151703656.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie D.",
|
||||
handle: "@charlie",
|
||||
testimonial: "Great price point.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawer-box_187299-48758.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dana M.",
|
||||
handle: "@dana",
|
||||
testimonial: "Books for everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-model-yellow-cap-looks-sleepy_114579-17007.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ethan L.",
|
||||
handle: "@ethan",
|
||||
testimonial: "Fast customer support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-attractive-man-with-oval-face-wears-round-glasses-dressed-formally_273609-8694.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Alice J.", handle: "@alice", testimonial: "Fantastic collection.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" },
|
||||
{ id: "t2", name: "Bob K.", handle: "@bob", testimonial: "Loved the app interface.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-youth-with-freckles-beauty-marks_23-2151703656.jpg" },
|
||||
{ id: "t3", name: "Charlie D.", handle: "@charlie", testimonial: "Great price point.", imageSrc: "http://img.b2bpic.net/free-photo/drawer-box_187299-48758.jpg" },
|
||||
{ id: "t4", name: "Dana M.", handle: "@dana", testimonial: "Books for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/blond-model-yellow-cap-looks-sleepy_114579-17007.jpg" },
|
||||
{ id: "t5", name: "Ethan L.", handle: "@ethan", testimonial: "Fast customer support.", imageSrc: "http://img.b2bpic.net/free-photo/confident-attractive-man-with-oval-face-wears-round-glasses-dressed-formally_273609-8694.jpg" }
|
||||
]}
|
||||
title="Reader Reviews"
|
||||
description="See why thousands of readers choose our platform for their digital library."
|
||||
description="See why thousands of readers choose our platform."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -301,17 +137,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Penguin Books",
|
||||
"Harper Collins",
|
||||
"Simon Schuster",
|
||||
"Hachette",
|
||||
"Macmillan",
|
||||
"Wiley",
|
||||
"Springer",
|
||||
]}
|
||||
names={["Penguin Books", "Harper Collins", "Simon Schuster", "Hachette", "Macmillan", "Wiley", "Springer"]}
|
||||
title="Trusted by Top Publishers"
|
||||
description="Collaborating with industry leaders to bring you the best."
|
||||
description="Collaborating with industry leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -320,41 +148,22 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is membership required?",
|
||||
content: "Yes, to access our full library.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I read offline?",
|
||||
content: "Absolutely, download anytime.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you support Kindle?",
|
||||
content: "We support all major formats.",
|
||||
},
|
||||
{ id: "f1", title: "Is membership required?", content: "Yes, to access our full library." },
|
||||
{ id: "f2", title: "Can I read offline?", content: "Absolutely, download anytime." },
|
||||
{ id: "f3", title: "Do you support Kindle?", content: "We support all major formats." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Answers to common queries about our premium reading platform."
|
||||
description="Common queries about our platform."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Have questions about our library or need help with your account? Reach out anytime."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -362,36 +171,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="NexaReades"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Books",
|
||||
href: "#books",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Books", href: "#books" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user