Merge version_1 into main #2
309
src/app/page.tsx
309
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FreshMart"
|
||||
/>
|
||||
@@ -55,64 +47,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshness Delivered to Your Door"
|
||||
description="Discover the finest selection of locally sourced produce and daily essentials, hand-picked for your family's health and happiness."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sesonal-vegetable-market-with-variety-agriculture-products-shelfs-boxes_613910-5422.jpg?_wi=1"
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sesonal-vegetable-market-with-variety-agriculture-products-shelfs-boxes_613910-5422.jpg"
|
||||
imageAlt="Fresh produce at FreshMart"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/client-looking-bio-fruits-veggies_482257-80710.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-shopping-market_23-2149148466.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-supporting-local-merchant_482257-76594.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-carbon-footprint-eco-supermarket_482257-86756.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/life-after-covid-freedom-concept_23-2149068485.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/client-looking-bio-fruits-veggies_482257-80710.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-shopping-market_23-2149148466.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-supporting-local-merchant_482257-76594.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-carbon-footprint-eco-supermarket_482257-86756.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/life-after-covid-freedom-concept_23-2149068485.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Join 50,000+ satisfied families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Organic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Same-Day Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Farm Fresh",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned",
|
||||
},
|
||||
{ type: "text", text: "100% Organic" },
|
||||
{ type: "text", text: "Same-Day Delivery" },
|
||||
{ type: "text", text: "Farm Fresh" },
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
{ type: "text", text: "Locally Owned" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,20 +78,11 @@ export default function LandingPage() {
|
||||
title="Quality You Can Trust"
|
||||
description="For over two decades, we've bridged the gap between local farms and your kitchen, ensuring only the highest quality products reach your table."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
title: "Local Farmers",
|
||||
},
|
||||
{
|
||||
value: "50k+",
|
||||
title: "Happy Families",
|
||||
},
|
||||
{ value: "20+", title: "Years Experience" },
|
||||
{ value: "150+", title: "Local Farmers" },
|
||||
{ value: "50k+", title: "Happy Families" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ripe-fruits-veggies-homegrown-sold-farmers-market-stand_482257-77543.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ripe-fruits-veggies-homegrown-sold-farmers-market-stand_482257-77543.jpg"
|
||||
imageAlt="Our commitment to quality"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -150,56 +96,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Daily Freshness",
|
||||
description: "Guaranteed farm-to-table delivery within 24 hours.",
|
||||
icon: Sparkles,
|
||||
title: "Daily Freshness", description: "Guaranteed farm-to-table delivery within 24 hours.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fruits-apples-tangerines-pears-other-fruits-white-desk-fruits-ripe-tree-mellow-fresh-many_140725-99435.jpg",
|
||||
imageAlt: "Fresh Produce",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-lettuce_74190-4084.jpg",
|
||||
imageAlt: "Fresh Veggies",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sesonal-vegetable-market-with-variety-agriculture-products-shelfs-boxes_613910-5422.jpg?_wi=2",
|
||||
imageAlt: "fresh red apples in crate",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fruits-apples-tangerines-pears-other-fruits-white-desk-fruits-ripe-tree-mellow-fresh-many_140725-99435.jpg", imageAlt: "Fresh Produce" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/green-lettuce_74190-4084.jpg", imageAlt: "Fresh Veggies" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Affordable Prices",
|
||||
description: "Competitive pricing across all household categories.",
|
||||
icon: DollarSign,
|
||||
title: "Affordable Prices", description: "Competitive pricing across all household categories.", icon: DollarSign,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-apples-dark-background-color-fruit-health-tree-pear-summer-mellow-ripe_179666-46116.jpg",
|
||||
imageAlt: "Discount",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-delicious-fruits-with-copy-space_23-2148498226.jpg",
|
||||
imageAlt: "Budget",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ripe-fruits-veggies-homegrown-sold-farmers-market-stand_482257-77543.jpg?_wi=2",
|
||||
imageAlt: "fresh red apples in crate",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-apples-dark-background-color-fruit-health-tree-pear-summer-mellow-ripe_179666-46116.jpg", imageAlt: "Discount" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-delicious-fruits-with-copy-space_23-2148498226.jpg", imageAlt: "Budget" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Easy Ordering",
|
||||
description: "User-friendly app and website for quick checkout.",
|
||||
icon: Smartphone,
|
||||
title: "Easy Ordering", description: "User-friendly app and website for quick checkout.", icon: Smartphone,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379542.jpg",
|
||||
imageAlt: "App UI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-apples-basket-plate-wooden-table_141793-11740.jpg",
|
||||
imageAlt: "Mobile Shop",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-after-covid-freedom-concept_23-2149068485.jpg",
|
||||
imageAlt: "fresh red apples in crate",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379542.jpg", imageAlt: "App UI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-apples-basket-plate-wooden-table_141793-11740.jpg", imageAlt: "Mobile Shop" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Why Shop With Us?"
|
||||
description="We prioritize your health, time, and the environment in everything we do."
|
||||
@@ -213,48 +129,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Organic Red Apples",
|
||||
price: "$4.99",
|
||||
variant: "1kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-apple-basket_74190-6133.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Seasonal Veggies",
|
||||
price: "$3.50",
|
||||
variant: "1 basket",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tangerines-with-pear-kiwi-pomegranate-grapes-basket_141793-88969.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisan Sourdough",
|
||||
price: "$6.00",
|
||||
variant: "1 loaf",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-fresh-green-red-apples-placed-metal-baskets_114579-73157.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mixed Berries",
|
||||
price: "$5.50",
|
||||
variant: "500g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-apples-basket-wooden-background-with-copy-space_141793-11967.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Fresh Whole Milk",
|
||||
price: "$2.99",
|
||||
variant: "1L",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379539.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Organic Lettuce",
|
||||
price: "$2.49",
|
||||
variant: "1 head",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bunch-tasty-looking-red-apples_181624-25374.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Organic Red Apples", price: "$4.99", variant: "1kg", imageSrc: "http://img.b2bpic.net/free-photo/red-apple-basket_74190-6133.jpg" },
|
||||
{ id: "p2", name: "Seasonal Veggies", price: "$3.50", variant: "1 basket", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tangerines-with-pear-kiwi-pomegranate-grapes-basket_141793-88969.jpg" },
|
||||
{ id: "p3", name: "Artisan Sourdough", price: "$6.00", variant: "1 loaf", imageSrc: "http://img.b2bpic.net/free-photo/pile-fresh-green-red-apples-placed-metal-baskets_114579-73157.jpg" },
|
||||
{ id: "p4", name: "Mixed Berries", price: "$5.50", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-apples-basket-wooden-background-with-copy-space_141793-11967.jpg" },
|
||||
{ id: "p5", name: "Fresh Whole Milk", price: "$2.99", variant: "1L", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379539.jpg" },
|
||||
{ id: "p6", name: "Organic Lettuce", price: "$2.49", variant: "1 head", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bunch-tasty-looking-red-apples_181624-25374.jpg" }
|
||||
]}
|
||||
title="Top Picks of the Week"
|
||||
description="Explore our curated collection of this week's freshest items."
|
||||
@@ -267,36 +147,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Freshness Guaranteed",
|
||||
items: [
|
||||
"No preservatives",
|
||||
"Local sourcing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Products Available",
|
||||
items: [
|
||||
"Organic produce",
|
||||
"Pantry essentials",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "Customer Rating",
|
||||
items: [
|
||||
"5-star service",
|
||||
"Verified reviews",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Freshness Guaranteed", items: ["No preservatives", "Local sourcing"] },
|
||||
{ id: "m2", value: "500+", title: "Products Available", items: ["Organic produce", "Pantry essentials"] },
|
||||
{ id: "m3", value: "4.9", title: "Customer Rating", items: ["5-star service", "Verified reviews"] }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Growing healthier communities together through sustainable shopping."
|
||||
description="Growing healthier communities through sustainable shopping."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -307,26 +163,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/life-after-covid-freedom-concept_23-2149068485.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-latin-black-haired-woman-standing-with-arms-folded-near-rack-with-dresses-clothes-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11601.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-woman-picking-radish-market_23-2148216060.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/father-son-posing-together-with-cleaning-products_23-2148457081.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-woman-standing-kitchen-holding-green-lettuce-leaf_1258-204557.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/life-after-covid-freedom-concept_23-2149068485.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-latin-black-haired-woman-standing-with-arms-folded-near-rack-with-dresses-clothes-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11601.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-asian-woman-picking-radish-market_23-2148216060.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/father-son-posing-together-with-cleaning-products_23-2148457081.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-woman-standing-kitchen-holding-green-lettuce-leaf_1258-204557.jpg", alt: "John" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -338,21 +179,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do you ensure freshness?",
|
||||
content: "We source daily from local farms and deliver directly to our distribution center, minimizing transit time.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What is the delivery policy?",
|
||||
content: "We offer same-day delivery for all orders placed before 2 PM within our service area.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you accept returns?",
|
||||
content: "Absolutely. If you are not satisfied with the quality of any product, we offer a full, no-questions-asked refund.",
|
||||
},
|
||||
{ id: "faq1", title: "How do you ensure freshness?", content: "We source daily from local farms and deliver directly to our distribution center, minimizing transit time." },
|
||||
{ id: "faq2", title: "What is the delivery policy?", content: "We offer same-day delivery for all orders placed before 2 PM within our service area." },
|
||||
{ id: "faq3", title: "Do you accept returns?", content: "Absolutely. If you are not satisfied with the quality of any product, we offer a full, no-questions-asked refund." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
@@ -363,9 +192,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Get Fresh Updates"
|
||||
description="Join our newsletter for weekly specials and healthy recipes."
|
||||
@@ -376,32 +203,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="FreshMart"
|
||||
columns={[
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Shop", href: "#products" }] }
|
||||
]}
|
||||
copyrightText="© 2024 FreshMart Supermarket."
|
||||
/>
|
||||
@@ -409,4 +212,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user