Merge version_1 into main #1
230
src/app/page.tsx
230
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Trending",
|
||||
id: "products",
|
||||
},
|
||||
name: "Trending", id: "products"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ReaderScore"
|
||||
/>
|
||||
@@ -59,41 +49,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Unlock the World of Literary Insights"
|
||||
description="Rate your favorite books and articles, track your reading progress, and earn a unique readability score today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-cozy-home-interior-with-furnishings_23-2151176470.jpg",
|
||||
imageAlt: "person reading book library sunlight",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-cozy-home-interior-with-furnishings_23-2151176470.jpg", imageAlt: "person reading book library sunlight"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-checking-her-tablet_1153-3.jpg",
|
||||
imageAlt: "digital ebook rating stars",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-checking-her-tablet_1153-3.jpg", imageAlt: "digital ebook rating stars"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-composition-with-different-books_23-2148851026.jpg",
|
||||
imageAlt: "open books stack wooden table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-composition-with-different-books_23-2148851026.jpg", imageAlt: "open books stack wooden table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062940.jpg",
|
||||
imageAlt: "digital literature analytics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062940.jpg", imageAlt: "digital literature analytics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/armchair-with-three-colored-books_23-2147615037.jpg",
|
||||
imageAlt: "cozy reading corner home",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/armchair-with-three-colored-books_23-2147615037.jpg", imageAlt: "cozy reading corner home"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-library_1157-9038.jpg",
|
||||
imageAlt: "person browsing bookstore books",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-library_1157-9038.jpg", imageAlt: "person browsing bookstore books"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,18 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission for ",
|
||||
},
|
||||
type: "text", content: "Our Mission for "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/copy-breakfast-office-study-drink_1203-5831.jpg",
|
||||
alt: "reading article taking notes",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/copy-breakfast-office-study-drink_1203-5831.jpg", alt: "reading article taking notes"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Passionate Readers",
|
||||
},
|
||||
type: "text", content: " Passionate Readers"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,32 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Smart Rating System",
|
||||
tags: [
|
||||
"AI",
|
||||
"Metrics",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160746.jpg",
|
||||
},
|
||||
id: "1", title: "Smart Rating System", tags: [
|
||||
"AI", "Metrics"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160746.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Global Community",
|
||||
tags: [
|
||||
"Social",
|
||||
"Networking",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg",
|
||||
},
|
||||
id: "2", title: "Global Community", tags: [
|
||||
"Social", "Networking"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Advanced Insights",
|
||||
tags: [
|
||||
"Data",
|
||||
"Analytics",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
|
||||
},
|
||||
id: "3", title: "Advanced Insights", tags: [
|
||||
"Data", "Analytics"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg"},
|
||||
]}
|
||||
title="Built for Readers"
|
||||
description="Everything you need to evaluate, manage, and share your literary discoveries."
|
||||
@@ -160,46 +113,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Hidden Forest",
|
||||
price: "4.8/5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-standing-near-church-giving-out-pamphlets_181624-17990.jpg",
|
||||
},
|
||||
id: "p1", name: "The Hidden Forest", price: "4.8/5", imageSrc: "http://img.b2bpic.net/free-photo/male-standing-near-church-giving-out-pamphlets_181624-17990.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Global Tech Frontiers",
|
||||
price: "4.7/5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063079.jpg",
|
||||
},
|
||||
id: "p2", name: "Global Tech Frontiers", price: "4.7/5", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063079.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Shadow of the Past",
|
||||
price: "4.9/5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-sant-jordi-day-books-roses_23-2151197538.jpg",
|
||||
},
|
||||
id: "p3", name: "Shadow of the Past", price: "4.9/5", imageSrc: "http://img.b2bpic.net/free-photo/still-life-sant-jordi-day-books-roses_23-2151197538.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Artificial Horizons",
|
||||
price: "4.5/5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg",
|
||||
},
|
||||
id: "p4", name: "Artificial Horizons", price: "4.5/5", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Whispers of Mystery",
|
||||
price: "4.6/5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-halloween-texture-design_23-2151853390.jpg",
|
||||
},
|
||||
id: "p5", name: "Whispers of Mystery", price: "4.6/5", imageSrc: "http://img.b2bpic.net/free-photo/abstract-halloween-texture-design_23-2151853390.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lifetime Stories",
|
||||
price: "4.9/5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-kid-collage_23-2149879816.jpg",
|
||||
},
|
||||
id: "p6", name: "Lifetime Stories", price: "4.9/5", imageSrc: "http://img.b2bpic.net/free-photo/old-woman-kid-collage_23-2149879816.jpg"},
|
||||
]}
|
||||
title="Trending Now"
|
||||
description="See what the ReaderScore community is currently ranking."
|
||||
@@ -213,26 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150k+",
|
||||
title: "Articles Rated",
|
||||
description: "High-quality reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurry-neon-night-sign_23-2148927296.jpg",
|
||||
},
|
||||
id: "m1", value: "150k+", title: "Articles Rated", description: "High-quality reviews", imageSrc: "http://img.b2bpic.net/free-photo/blurry-neon-night-sign_23-2148927296.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.7",
|
||||
title: "Avg Score",
|
||||
description: "Global satisfaction",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-nps-infographic-design-template_23-2149944814.jpg",
|
||||
},
|
||||
id: "m2", value: "4.7", title: "Avg Score", description: "Global satisfaction", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-nps-infographic-design-template_23-2149944814.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12k",
|
||||
title: "Daily Users",
|
||||
description: "Active community",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-activity-company_1098-1585.jpg",
|
||||
},
|
||||
id: "m3", value: "12k", title: "Daily Users", description: "Active community", imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-activity-company_1098-1585.jpg"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our community is growing rapidly every single day."
|
||||
@@ -246,40 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alice",
|
||||
testimonial: "An incredible way to find new reads!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-her-journal_23-2150416386.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Johnson", handle: "@alice", testimonial: "An incredible way to find new reads!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-her-journal_23-2150416386.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
handle: "@bob",
|
||||
testimonial: "The rating algorithm is spot-on.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
},
|
||||
id: "2", name: "Bob Smith", handle: "@bob", testimonial: "The rating algorithm is spot-on.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Day",
|
||||
handle: "@charlie",
|
||||
testimonial: "I've discovered so many hidden gems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-young-afro-american-man_171337-7988.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie Day", handle: "@charlie", testimonial: "I've discovered so many hidden gems.", imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-young-afro-american-man_171337-7988.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Prince",
|
||||
handle: "@diana",
|
||||
testimonial: "Perfect for book clubs and students.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg",
|
||||
},
|
||||
id: "4", name: "Diana Prince", handle: "@diana", testimonial: "Perfect for book clubs and students.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Edward Norton",
|
||||
handle: "@edward",
|
||||
testimonial: "My reading habit is finally organized.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-book_329181-1214.jpg",
|
||||
},
|
||||
id: "5", name: "Edward Norton", handle: "@edward", testimonial: "My reading habit is finally organized.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-book_329181-1214.jpg"},
|
||||
]}
|
||||
title="Reader Reviews"
|
||||
description="What our users have to say about the ReaderScore platform."
|
||||
@@ -292,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How is the score calculated?",
|
||||
content: "Our AI analyzes user sentiment and verified reads.",
|
||||
},
|
||||
id: "f1", title: "How is the score calculated?", content: "Our AI analyzes user sentiment and verified reads."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it free to join?",
|
||||
content: "Yes, ReaderScore is free for all passionate readers.",
|
||||
},
|
||||
id: "f2", title: "Is it free to join?", content: "Yes, ReaderScore is free for all passionate readers."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I suggest new features?",
|
||||
content: "We love feedback! Reach out via our contact form.",
|
||||
},
|
||||
id: "f3", title: "Can I suggest new features?", content: "We love feedback! Reach out via our contact form."},
|
||||
]}
|
||||
title="Frequent Questions"
|
||||
description="Quick answers to help you navigate our rating platform."
|
||||
@@ -317,8 +198,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Reader Community"
|
||||
description="Sign up for updates on new features and literary trends."
|
||||
@@ -331,29 +211,19 @@ export default function LandingPage() {
|
||||
logoText="ReaderScore"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Trending",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Trending", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user