Update src/app/page.tsx
This commit is contained in:
273
src/app/page.tsx
273
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "#product",
|
||||
},
|
||||
name: "How It Works", id: "#product"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="FreshList"
|
||||
/>
|
||||
@@ -52,103 +46,59 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
title="Never Forget Your Groceries Again"
|
||||
description="The simplest, smartest way to manage your grocery list. Add items on the go, share with family, and save time at the store."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "This app changed my shopping routine. I never leave home without checking my list now!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-using-phone-out-street_1303-22523.jpg",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@sarahm", testimonial: "This app changed my shopping routine. I never leave home without checking my list now!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-using-phone-out-street_1303-22523.jpg"},
|
||||
{
|
||||
name: "James Chen",
|
||||
handle: "@jchen",
|
||||
testimonial: "Perfect for shared family lists. My partner and I are always in sync.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man-black-t-shirt-smiles-isolated-grey-wall_132075-8163.jpg",
|
||||
},
|
||||
name: "James Chen", handle: "@jchen", testimonial: "Perfect for shared family lists. My partner and I are always in sync.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man-black-t-shirt-smiles-isolated-grey-wall_132075-8163.jpg"},
|
||||
{
|
||||
name: "Emily Davis",
|
||||
handle: "@edavis",
|
||||
testimonial: "Clean design, simple to use, and extremely fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-confident-standing-street_839833-16107.jpg",
|
||||
},
|
||||
name: "Emily Davis", handle: "@edavis", testimonial: "Clean design, simple to use, and extremely fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-confident-standing-street_839833-16107.jpg"},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Life saver. No more double buying items I already have.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman-holding-disposable-coffee-cup-hand-looking-camera_23-2148176166.jpg",
|
||||
},
|
||||
name: "Mark Wilson", handle: "@mwilson", testimonial: "Life saver. No more double buying items I already have.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman-holding-disposable-coffee-cup-hand-looking-camera_23-2148176166.jpg"},
|
||||
{
|
||||
name: "Julia Roberts",
|
||||
handle: "@jroberts",
|
||||
testimonial: "Highly recommended. The best grocery utility I've found.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-shopping-bags_23-2148225588.jpg",
|
||||
},
|
||||
name: "Julia Roberts", handle: "@jroberts", testimonial: "Highly recommended. The best grocery utility I've found.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-shopping-bags_23-2148225588.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Get Started", href: "#features"},
|
||||
{
|
||||
text: "Download App",
|
||||
},
|
||||
text: "Download App"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-checking-her-delivery-groceries_23-2149950116.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-brunette-caucasian-girl-looks-up_141793-103526.jpg",
|
||||
alt: "Happy young brunette caucasian girl looks up",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-brunette-caucasian-girl-looks-up_141793-103526.jpg", alt: "Happy young brunette caucasian girl looks up"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-ethnic-man_23-2148203621.jpg",
|
||||
alt: "Portrait of cheerful ethnic man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-ethnic-man_23-2148203621.jpg", alt: "Portrait of cheerful ethnic man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-park_839833-8957.jpg",
|
||||
alt: "Young woman smiling confident standing at park",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-park_839833-8957.jpg", alt: "Young woman smiling confident standing at park"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-tourist-woman-smiling-happy-drinking-coffee-city_839833-25789.jpg",
|
||||
alt: "Young hispanic tourist woman smiling happy drinking coffee at the city",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-tourist-woman-smiling-happy-drinking-coffee-city_839833-25789.jpg", alt: "Young hispanic tourist woman smiling happy drinking coffee at the city"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-young-woman-outdoor-with-headphones_624325-2762.jpg",
|
||||
alt: "happy smiling young woman outdoor with headphones",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-young-woman-outdoor-with-headphones_624325-2762.jpg", alt: "happy smiling young woman outdoor with headphones"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Sync",
|
||||
type: "text", text: "Smart Sync"},
|
||||
{
|
||||
type: "text-icon", text: "100% Free", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Free",
|
||||
icon: CheckCircle,
|
||||
type: "text", text: "Shared Lists"},
|
||||
{
|
||||
type: "text-icon", text: "Secure Data", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Shared Lists",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Data",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organized",
|
||||
},
|
||||
type: "text", text: "Organized"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,19 +111,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Smart Organization",
|
||||
description: "Automatically categorize items by aisle for faster shopping.",
|
||||
},
|
||||
title: "Smart Organization", description: "Automatically categorize items by aisle for faster shopping."},
|
||||
{
|
||||
icon: Cloud,
|
||||
title: "Real-time Sync",
|
||||
description: "Your lists update instantly across all your devices.",
|
||||
},
|
||||
title: "Real-time Sync", description: "Your lists update instantly across all your devices."},
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
title: "Shared Lists",
|
||||
description: "Collaborate in real-time with family members and roommates.",
|
||||
},
|
||||
title: "Shared Lists", description: "Collaborate in real-time with family members and roommates."},
|
||||
]}
|
||||
title="Why You'll Love FreshList"
|
||||
description="Everything you need to master your grocery shopping in one simple interface."
|
||||
@@ -188,41 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Intuitive Dashboard",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fruits-vegetables-near-clipboard_23-2147778410.jpg",
|
||||
},
|
||||
id: "p1", name: "Intuitive Dashboard", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/fruits-vegetables-near-clipboard_23-2147778410.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Quick Add Items",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-with-cassette-tapes-black-earphone-white-background_23-2147889313.jpg",
|
||||
},
|
||||
id: "p2", name: "Quick Add Items", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-with-cassette-tapes-black-earphone-white-background_23-2147889313.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Category Sorting",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-different-goodies-her-shopping-list-smartphone_23-2149110874.jpg",
|
||||
},
|
||||
id: "p3", name: "Category Sorting", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-different-goodies-her-shopping-list-smartphone_23-2149110874.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Price Tracker",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-assisted-by-salesman-eco-store_482257-76097.jpg",
|
||||
},
|
||||
id: "p4", name: "Price Tracker", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/clients-assisted-by-salesman-eco-store_482257-76097.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Collaborative Lists",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-director-meeting-review-financial-performance-discuss-budget_482257-112116.jpg",
|
||||
},
|
||||
id: "p5", name: "Collaborative Lists", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/general-director-meeting-review-financial-performance-discuss-budget_482257-112116.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Inventory Sync",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lunchboxes-with-blank-phone-breadsticks_23-2148520482.jpg",
|
||||
},
|
||||
id: "p6", name: "Inventory Sync", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lunchboxes-with-blank-phone-breadsticks_23-2148520482.jpg"},
|
||||
]}
|
||||
title="Built for Efficiency"
|
||||
description="Explore the tools that make your shopping trips effortless."
|
||||
@@ -236,34 +156,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15 min",
|
||||
title: "Avg Time Saved",
|
||||
items: [
|
||||
"Per grocery trip",
|
||||
"Less wandering aisles",
|
||||
"Efficient routing",
|
||||
],
|
||||
id: "m1", value: "15 min", title: "Avg Time Saved", items: [
|
||||
"Per grocery trip", "Less wandering aisles", "Efficient routing"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20%",
|
||||
title: "Budget Saved",
|
||||
items: [
|
||||
"Avoid impulse buys",
|
||||
"Track your spending",
|
||||
"Better planning",
|
||||
],
|
||||
id: "m2", value: "20%", title: "Budget Saved", items: [
|
||||
"Avoid impulse buys", "Track your spending", "Better planning"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Confidence",
|
||||
items: [
|
||||
"Never forget items",
|
||||
"Clear lists always",
|
||||
"Peace of mind",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Confidence", items: [
|
||||
"Never forget items", "Clear lists always", "Peace of mind"],
|
||||
},
|
||||
]}
|
||||
title="Shopping Simplified"
|
||||
@@ -278,45 +180,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "This app changed my shopping routine. I never leave home without checking my list now!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "@sarahm", testimonial: "This app changed my shopping routine. I never leave home without checking my list now!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
handle: "@jchen",
|
||||
testimonial: "Perfect for shared family lists. My partner and I are always in sync.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-3036.jpg",
|
||||
},
|
||||
id: "t2", name: "James Chen", handle: "@jchen", testimonial: "Perfect for shared family lists. My partner and I are always in sync.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-3036.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Davis",
|
||||
handle: "@edavis",
|
||||
testimonial: "Clean design, simple to use, and extremely fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Davis", handle: "@edavis", testimonial: "Clean design, simple to use, and extremely fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Life saver. No more double buying items I already have.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Wilson", handle: "@mwilson", testimonial: "Life saver. No more double buying items I already have.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia Roberts",
|
||||
handle: "@jroberts",
|
||||
testimonial: "Highly recommended. The best grocery utility I've found.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13246.jpg",
|
||||
},
|
||||
id: "t5", name: "Julia Roberts", handle: "@jroberts", testimonial: "Highly recommended. The best grocery utility I've found.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13246.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Users Say"
|
||||
@@ -329,20 +206,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the app free?",
|
||||
content: "Yes, the basic list features are completely free to use.",
|
||||
},
|
||||
id: "f1", title: "Is the app free?", content: "Yes, the basic list features are completely free to use."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I share lists?",
|
||||
content: "Absolutely! You can invite family and roommates to view and edit your lists in real-time.",
|
||||
},
|
||||
id: "f2", title: "Can I share lists?", content: "Absolutely! You can invite family and roommates to view and edit your lists in real-time."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Does it work offline?",
|
||||
content: "Yes, you can edit your lists offline and they will sync as soon as you are reconnected.",
|
||||
},
|
||||
id: "f3", title: "Does it work offline?", content: "Yes, you can edit your lists offline and they will sync as soon as you are reconnected."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find answers to help you get started with FreshList."
|
||||
@@ -354,11 +222,12 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join Us"
|
||||
title="Ready to Start Shopping Smarter?"
|
||||
description="Sign up for updates and early access to our premium features."
|
||||
buttonText="Get Early Access"
|
||||
termsText="By clicking Get Early Access you're confirming that you agree with our Terms and Conditions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -367,29 +236,19 @@ export default function LandingPage() {
|
||||
logoText="FreshList"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -399,4 +258,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user