Update src/app/page.tsx
This commit is contained in:
215
src/app/page.tsx
215
src/app/page.tsx
@@ -31,64 +31,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Values",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Highlights",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Values", id: "about" },
|
||||
{ name: "Highlights", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FreshMarket"
|
||||
button={{ text: "Shop Now" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshness Delivered to Your Table"
|
||||
description="Discover local produce, gourmet ingredients, and daily essentials at your neighborhood supermarket. Experience farm-to-aisle quality every day."
|
||||
tag="Daily Freshness"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-looking-fruits_23-2148238107.jpg",
|
||||
imageAlt: "Fresh organic fruits",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-looking-fruits_23-2148238107.jpg", imageAlt: "Fresh organic fruits"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-produce-tote-bag_23-2152003890.jpg",
|
||||
imageAlt: "Fresh vegetables arrangement",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fruits-such-as-peachescoconutgreen-cherry-plums-bucket-green-background-with-copy-space_141793-25443.jpg",
|
||||
imageAlt: "Top view of fresh fruits such as peachescoconutgreen cherry plums on a bucket on a green background with copy space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-autumn-fruits-with-copy-space_23-2148634415.jpg",
|
||||
imageAlt: "Arrangement of delicious autumn fruits with copy space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ripe-delicious-vegetables_23-2149082596.jpg",
|
||||
imageAlt: "Close up on ripe and delicious vegetables",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-produce-tote-bag_23-2152003890.jpg", imageAlt: "Fresh vegetables arrangement"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -112,23 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Locally Sourced",
|
||||
description: "Supporting our regional farmers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-health-day-celebration-with-healthy-food_23-2151183743.jpg",
|
||||
imageAlt: "Local farm icon",
|
||||
},
|
||||
title: "Locally Sourced", description: "Supporting our regional farmers.", imageSrc: "http://img.b2bpic.net/free-photo/world-health-day-celebration-with-healthy-food_23-2151183743.jpg", imageAlt: "Local farm icon"},
|
||||
{
|
||||
title: "Quality Assured",
|
||||
description: "Hand-picked daily by experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-flat-quality-premium-stamp-with-red-details_23-2147550373.jpg",
|
||||
imageAlt: "Quality check",
|
||||
},
|
||||
title: "Quality Assured", description: "Hand-picked daily by experts.", imageSrc: "http://img.b2bpic.net/free-vector/collection-flat-quality-premium-stamp-with-red-details_23-2147550373.jpg", imageAlt: "Quality check"},
|
||||
{
|
||||
title: "Sustainable Practices",
|
||||
description: "Eco-friendly packaging always.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737667.jpg",
|
||||
imageAlt: "Green earth icon",
|
||||
},
|
||||
title: "Sustainable Practices", description: "Eco-friendly packaging always.", imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737667.jpg", imageAlt: "Green earth icon"},
|
||||
]}
|
||||
title="Why Choose FreshMarket?"
|
||||
description="We prioritize quality and sustainability in everything we offer."
|
||||
@@ -142,42 +95,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Organic Red Apples",
|
||||
price: "$4.99/kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautifully-arranged-apples-shop_23-2150713426.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fresh Kale",
|
||||
price: "$2.50/bunch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/broccoli-inflorescences-laid-out-gray-background-top-view-healthy-vegetable-products-food-delivery-from-farms_166373-1849.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisan Sourdough Bread",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-freshly-baked-loaf-bread_23-2152015863.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Free Range Eggs",
|
||||
price: "$5.50/doz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cracked-raw-egg-marble-surface-with-cloth_114579-50119.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Farm Milk",
|
||||
price: "$3.80/L",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-milk-still-life_23-2150642891.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Almond Butter",
|
||||
price: "$8.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/products-lie-table-eggs-cereals-vegetables_78492-3897.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Organic Red Apples", price: "$4.99/kg", imageSrc: "http://img.b2bpic.net/free-photo/beautifully-arranged-apples-shop_23-2150713426.jpg" },
|
||||
{ id: "p2", name: "Fresh Kale", price: "$2.50/bunch", imageSrc: "http://img.b2bpic.net/free-photo/broccoli-inflorescences-laid-out-gray-background-top-view-healthy-vegetable-products-food-delivery-from-farms_166373-1849.jpg" },
|
||||
{ id: "p3", name: "Artisan Sourdough Bread", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-freshly-baked-loaf-bread_23-2152015863.jpg" }
|
||||
]}
|
||||
title="Explore Our Aisles"
|
||||
description="From fresh produce to household essentials, find everything you need."
|
||||
@@ -190,27 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Local Farmers",
|
||||
description: "Partnering to bring you the best.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-planting-tree-countryside_23-2149401242.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20K+",
|
||||
title: "Happy Customers",
|
||||
description: "Serving our community daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-still-life-friendship-day-elements_23-2148970494.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Years Serving",
|
||||
description: "Consistent quality for years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classical-urban-european-city_23-2151917260.jpg",
|
||||
},
|
||||
{ id: "m1", value: "150+", title: "Local Farmers", description: "Partnering to bring you the best.", imageSrc: "http://img.b2bpic.net/free-photo/people-planting-tree-countryside_23-2149401242.jpg" },
|
||||
{ id: "m2", value: "20K+", title: "Happy Customers", description: "Serving our community daily.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-still-life-friendship-day-elements_23-2148970494.jpg" },
|
||||
{ id: "m3", value: "12", title: "Years Serving", description: "Consistent quality for years.", imageSrc: "http://img.b2bpic.net/free-photo/classical-urban-european-city_23-2151917260.jpg" }
|
||||
]}
|
||||
title="Impact We Make"
|
||||
description="Our numbers reflect our dedication to the community."
|
||||
@@ -223,60 +125,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria Garcia",
|
||||
role: "Chef",
|
||||
company: "Local Foodie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-angry-expression_1194-1424.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Parent",
|
||||
company: "Community Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-glasses-with-paper-bags_23-2147669707.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Smith",
|
||||
role: "Student",
|
||||
company: "Local Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-posing-outdoors_23-2148613010.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Lee",
|
||||
role: "Architect",
|
||||
company: "Neighborhood Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Chen",
|
||||
role: "Teacher",
|
||||
company: "Home Cook",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg",
|
||||
},
|
||||
{ id: "1", name: "Maria Garcia", role: "Chef", company: "Local Foodie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-angry-expression_1194-1424.jpg" },
|
||||
{ id: "2", name: "John Doe", role: "Parent", company: "Community Member", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-glasses-with-paper-bags_23-2147669707.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Community Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Freshness",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Repeat Visits",
|
||||
},
|
||||
{ value: "4.9/5", label: "Community Rating" },
|
||||
{ value: "100%", label: "Freshness" },
|
||||
{ value: "95%", label: "Repeat Visits" }
|
||||
]}
|
||||
title="Loved by Neighbors"
|
||||
description="Hear what our loyal community says about us."
|
||||
@@ -289,16 +144,8 @@ export default function LandingPage() {
|
||||
title="Stay Connected"
|
||||
description="Have feedback or a request? Reach out to our team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-women-with-clothes-donations_23-2149196124.jpg"
|
||||
/>
|
||||
@@ -307,14 +154,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="FreshMarket"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user