Merge version_1 into main #1
432
src/app/page.tsx
432
src/app/page.tsx
@@ -26,325 +26,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="FreshMarket"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="FreshMarket"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Freshness Delivered to Your Door"
|
||||
description="Providing the highest quality organic produce and groceries from local farms straight to your home. Quality, freshness, and speed in every basket."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Local Farmers",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "1hr",
|
||||
label: "Fast Delivery",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vegetables-stall-market-sanarysurmer_268835-3780.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-19096.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sustainable-living-person-holding-groceries-shopping-bag_482257-121614.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-pensive-girl-glasses-is-buying-fresh-carrots-local-farmer-s-market_613910-17222.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-19092.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-mature-man-standing-kitchen-cooking-salad_171337-5913.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ local shoppers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Organic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Farm to Table",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshness Delivered to Your Door"
|
||||
description="Providing the highest quality organic produce and groceries from local farms straight to your home. Quality, freshness, and speed in every basket."
|
||||
kpis={[
|
||||
{ value: "500+", label: "Local Farmers" },
|
||||
{ value: "10k+", label: "Happy Customers" },
|
||||
{ value: "1hr", label: "Fast Delivery" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vegetables-stall-market-sanarysurmer_268835-3780.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-19096.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sustainable-living-person-holding-groceries-shopping-bag_482257-121614.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-pensive-girl-glasses-is-buying-fresh-carrots-local-farmer-s-market_613910-17222.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-19092.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-mature-man-standing-kitchen-cooking-salad_171337-5913.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ local shoppers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "100% Organic" },
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Sustainable" },
|
||||
{ type: "text", text: "Farm to Table" },
|
||||
{ type: "text", text: "Eco-Friendly" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Commitment to Freshness"
|
||||
description={[
|
||||
"We partner directly with local family farms to bring you the freshest seasonal produce available.",
|
||||
"Our mission is to support sustainable agriculture while making healthy, wholesome food accessible to everyone in our community.",
|
||||
"Every item in our store is hand-selected for quality and freshness before it arrives at your table.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Commitment to Freshness"
|
||||
description={[
|
||||
"We partner directly with local family farms to bring you the freshest seasonal produce available.", "Our mission is to support sustainable agriculture while making healthy, wholesome food accessible to everyone in our community.", "Every item in our store is hand-selected for quality and freshness before it arrives at your table."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Organic Gala Apples",
|
||||
price: "$3.99/lb",
|
||||
variant: "Fruit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-green-apples-blue-checked-kitchen-towel_114579-61855.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Organic Yellow Bananas",
|
||||
price: "$0.69/lb",
|
||||
variant: "Fruit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-selling-bananas_23-2150830604.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fresh Organic Broccoli",
|
||||
price: "$2.49/ea",
|
||||
variant: "Vegetable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-broccoli-ripe-fresh-isolated-white-background_140725-13485.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bunch of Carrots",
|
||||
price: "$1.99/ea",
|
||||
variant: "Vegetable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carrots-with-tops_23-2147700661.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ripe Avocado",
|
||||
price: "$1.50/ea",
|
||||
variant: "Produce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-cutted-avocado-wooden-board_482257-22901.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Strawberries Basket",
|
||||
price: "$4.99/ea",
|
||||
variant: "Fruit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmer-holding-crate-full-fresh-organic-strawberries_342744-473.jpg",
|
||||
},
|
||||
]}
|
||||
title="Fresh Daily Selections"
|
||||
description="Discover our wide variety of locally sourced organic fruits and vegetables."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Organic Gala Apples", price: "$3.99/lb", variant: "Fruit", imageSrc: "http://img.b2bpic.net/free-photo/red-green-apples-blue-checked-kitchen-towel_114579-61855.jpg" },
|
||||
{ id: "2", name: "Organic Yellow Bananas", price: "$0.69/lb", variant: "Fruit", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-selling-bananas_23-2150830604.jpg" },
|
||||
{ id: "3", name: "Fresh Organic Broccoli", price: "$2.49/ea", variant: "Vegetable", imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-broccoli-ripe-fresh-isolated-white-background_140725-13485.jpg" },
|
||||
{ id: "4", name: "Bunch of Carrots", price: "$1.99/ea", variant: "Vegetable", imageSrc: "http://img.b2bpic.net/free-photo/carrots-with-tops_23-2147700661.jpg" },
|
||||
{ id: "5", name: "Ripe Avocado", price: "$1.50/ea", variant: "Produce", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-cutted-avocado-wooden-board_482257-22901.jpg" },
|
||||
{ id: "6", name: "Strawberries Basket", price: "$4.99/ea", variant: "Fruit", imageSrc: "http://img.b2bpic.net/free-photo/farmer-holding-crate-full-fresh-organic-strawberries_342744-473.jpg" }
|
||||
]}
|
||||
title="Fresh Daily Selections"
|
||||
description="Discover our wide variety of locally sourced organic fruits and vegetables."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homemaker",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-19096.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Thompson",
|
||||
role: "Chef",
|
||||
company: "Local Restaurant",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sustainable-living-person-holding-groceries-shopping-bag_482257-121614.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Professional",
|
||||
company: "Local Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pensive-girl-glasses-is-buying-fresh-carrots-local-farmer-s-market_613910-17222.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Chen",
|
||||
role: "Teacher",
|
||||
company: "Local School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-19092.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Johnson",
|
||||
role: "Retiree",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-mature-man-standing-kitchen-cooking-salad_171337-5913.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="See why local families trust us for their weekly grocery needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Homemaker", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-19096.jpg" },
|
||||
{ id: "2", name: "David Thompson", role: "Chef", company: "Local Restaurant", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sustainable-living-person-holding-groceries-shopping-bag_482257-121614.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "Professional", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pensive-girl-glasses-is-buying-fresh-carrots-local-farmer-s-market_613910-17222.jpg" },
|
||||
{ id: "4", name: "Michael Chen", role: "Teacher", company: "Local School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-19092.jpg" },
|
||||
{ id: "5", name: "Robert Johnson", role: "Retiree", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-mature-man-standing-kitchen-cooking-salad_171337-5913.jpg" }
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="See why local families trust us for their weekly grocery needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where do you source your produce?",
|
||||
content: "We work with over 500 local family-owned farms within a 50-mile radius to ensure minimal carbon footprint and maximum freshness.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How is delivery scheduled?",
|
||||
content: "You can select your preferred delivery time slot during checkout, and we offer same-day delivery for orders placed before 12 PM.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What if I'm not satisfied with an item?",
|
||||
content: "We offer a 100% satisfaction guarantee. If any item doesn't meet your standards, contact us and we'll issue a full refund immediately.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our sourcing, delivery, and produce quality."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Where do you source your produce?", content: "We work with over 500 local family-owned farms within a 50-mile radius to ensure minimal carbon footprint and maximum freshness." },
|
||||
{ id: "f2", title: "How is delivery scheduled?", content: "You can select your preferred delivery time slot during checkout, and we offer same-day delivery for orders placed before 12 PM." },
|
||||
{ id: "f3", title: "What if I'm not satisfied with an item?", content: "We offer a 100% satisfaction guarantee. If any item doesn't meet your standards, contact us and we'll issue a full refund immediately." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our sourcing, delivery, and produce quality."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to experience the freshest groceries? Sign up for our weekly produce updates and get 10% off your first delivery order."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up for Newsletter",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to experience the freshest groceries? Sign up for our weekly produce updates and get 10% off your first delivery order."
|
||||
buttons={[{ text: "Sign Up for Newsletter", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="FreshMarket"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Produce",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Seasonal",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Deals",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Farmers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Delivery Info",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 FreshMarket Groceries. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="FreshMarket"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Produce", href: "#products" }, { label: "Seasonal", href: "#" }, { label: "Deals", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Farmers", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Delivery Info", href: "#" }, { label: "Help Center", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 FreshMarket Groceries. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user