4 Commits

Author SHA1 Message Date
ee1fb8e764 Merge version_2 into main
Merge version_2 into main
2026-04-05 06:47:03 +00:00
b648d72370 Update src/app/styles/variables.css 2026-04-05 06:47:00 +00:00
89292836db Update src/app/page.tsx 2026-04-05 06:47:00 +00:00
514fa24989 Merge version_1 into main
Merge version_1 into main
2026-04-05 06:45:39 +00:00
2 changed files with 49 additions and 148 deletions

View File

@@ -30,17 +30,11 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Products", name: "Products", id: "products"},
id: "products",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="FreshSelect" brandName="FreshSelect"
/> />
@@ -49,31 +43,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Purest Ingredients, Delivered Fresh" title="Purest Ingredients, Delivered Fresh"
description="Discover a curated selection of artisan groceries, farm-fresh produce, and premium staples designed for your sophisticated palate." description="Discover a curated selection of artisan groceries, farm-fresh produce, and premium staples designed for your sophisticated palate."
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-greens-black_140725-104157.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-greens-black_140725-104157.jpg", imageAlt: "Organic vegetables"},
imageAlt: "Organic vegetables",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/different-fresh-fruits-colorful-wooden-background_482257-32866.jpg", imageSrc: "http://img.b2bpic.net/free-photo/different-fresh-fruits-colorful-wooden-background_482257-32866.jpg", imageAlt: "Fresh berries"},
imageAlt: "Fresh berries",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/slices-sweet-bread-with-jam_23-2148719040.jpg", imageSrc: "http://img.b2bpic.net/free-photo/slices-sweet-bread-with-jam_23-2148719040.jpg", imageAlt: "Bakery goods"},
imageAlt: "Bakery goods",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-bread-crackers-vegetables_114579-12654.jpg", imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-bread-crackers-vegetables_114579-12654.jpg", imageAlt: "Culinary herbs"},
imageAlt: "Culinary herbs",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-containers-arrangement_23-2149238971.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-containers-arrangement_23-2149238971.jpg", imageAlt: "Pantry items"},
imageAlt: "Pantry items",
},
]} ]}
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
/> />
@@ -86,17 +69,11 @@ export default function LandingPage() {
description="We bridge the gap between premium small-scale producers and your kitchen. Every product in our catalog undergoes rigorous quality assessment to ensure only the finest reaches your home." description="We bridge the gap between premium small-scale producers and your kitchen. Every product in our catalog undergoes rigorous quality assessment to ensure only the finest reaches your home."
metrics={[ metrics={[
{ {
value: "150+", value: "150+", title: "Artisan Partners"},
title: "Artisan Partners",
},
{ {
value: "99.9%", value: "99.9%", title: "Purity Rating"},
title: "Purity Rating",
},
{ {
value: "24h", value: "24h", title: "Fresh Transit"},
title: "Fresh Transit",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-sandwiches-with-greenary-roe_23-2148454755.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/high-angle-sandwiches-with-greenary-roe_23-2148454755.jpg?_wi=1"
imageAlt="Our store philosophy" imageAlt="Our store philosophy"
@@ -113,59 +90,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", brand: "Farm Fresh", name: "Organic Red Apples", price: "$6.50", rating: 5,
brand: "Farm Fresh", reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-organic-red-ripe-apple-basket_23-2147844339.jpg"},
name: "Organic Red Apples",
price: "$6.50",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-organic-red-ripe-apple-basket_23-2147844339.jpg",
},
{ {
id: "p2", id: "p2", brand: "BeePure", name: "Artisan Wildflower Honey", price: "$18.00", rating: 5,
brand: "BeePure", reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/yellow-traditional-turkish-delight-with-peanuts_114579-59327.jpg"},
name: "Artisan Wildflower Honey",
price: "$18.00",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/yellow-traditional-turkish-delight-with-peanuts_114579-59327.jpg",
},
{ {
id: "p3", id: "p3", brand: "GreenLeaf", name: "Hydroponic Lettuce", price: "$4.20", rating: 4,
brand: "GreenLeaf", reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/vegetables-garden_23-2148006037.jpg"},
name: "Hydroponic Lettuce",
price: "$4.20",
rating: 4,
reviewCount: "56",
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-garden_23-2148006037.jpg",
},
{ {
id: "p4", id: "p4", brand: "OliveGrove", name: "Cold-Pressed Olive Oil", price: "$24.00", rating: 5,
brand: "OliveGrove", reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/olive-oil-with-olives-background_62951-15.jpg"},
name: "Cold-Pressed Olive Oil",
price: "$24.00",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/olive-oil-with-olives-background_62951-15.jpg",
},
{ {
id: "p5", id: "p5", brand: "SunVine", name: "Heritage Vine Tomatoes", price: "$5.90", rating: 5,
brand: "SunVine", reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-as-tomato-coriander-cutting-board-with-garlic-crusher-tomatoes-blue-surface_141793-10366.jpg"},
name: "Heritage Vine Tomatoes",
price: "$5.90",
rating: 5,
reviewCount: "94",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-as-tomato-coriander-cutting-board-with-garlic-crusher-tomatoes-blue-surface_141793-10366.jpg",
},
{ {
id: "p6", id: "p6", brand: "The Mill", name: "Sourdough Boule", price: "$7.50", rating: 5,
brand: "The Mill", reviewCount: "152", imageSrc: "http://img.b2bpic.net/free-photo/bread-bakers-hands-ai-generated_268835-11301.jpg"},
name: "Sourdough Boule",
price: "$7.50",
rating: 5,
reviewCount: "152",
imageSrc: "http://img.b2bpic.net/free-photo/bread-bakers-hands-ai-generated_268835-11301.jpg",
},
]} ]}
title="Selected Daily Essentials" title="Selected Daily Essentials"
description="A refined selection of our most requested staples, refreshed daily to ensure peak freshness and flavor profile." description="A refined selection of our most requested staples, refreshed daily to ensure peak freshness and flavor profile."
@@ -179,20 +120,11 @@ export default function LandingPage() {
description="We maintain stringent standards for environmental impact and supplier ethics, ensuring your choice supports a healthier food ecosystem." description="We maintain stringent standards for environmental impact and supplier ethics, ensuring your choice supports a healthier food ecosystem."
accordionItems={[ accordionItems={[
{ {
id: "f1", id: "f1", title: "Sourcing Ethos", content: "We only partner with producers who prioritize soil health and ecological restoration."},
title: "Sourcing Ethos",
content: "We only partner with producers who prioritize soil health and ecological restoration.",
},
{ {
id: "f2", id: "f2", title: "Zero-Waste Initiative", content: "Our packaging is 100% compostable or recyclable, minimizing the footprint of our high-quality goods."},
title: "Zero-Waste Initiative",
content: "Our packaging is 100% compostable or recyclable, minimizing the footprint of our high-quality goods.",
},
{ {
id: "f3", id: "f3", title: "Direct Transparency", content: "Trace the origin of every ingredient from the field to your shopping basket with our QR transparency program."},
title: "Direct Transparency",
content: "Trace the origin of every ingredient from the field to your shopping basket with our QR transparency program.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/100-nature-organic-freshly-picked-healthy-eating_53876-123702.jpg" imageSrc="http://img.b2bpic.net/free-photo/100-nature-organic-freshly-picked-healthy-eating_53876-123702.jpg"
imageAlt="Our quality commitment" imageAlt="Our quality commitment"
@@ -206,20 +138,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "How is freshness guaranteed?", content: "We utilize cold-chain logistics and daily inventory rotations to ensure maximum shelf-life quality."},
title: "How is freshness guaranteed?",
content: "We utilize cold-chain logistics and daily inventory rotations to ensure maximum shelf-life quality.",
},
{ {
id: "q2", id: "q2", title: "Do you offer delivery?", content: "Yes, we provide same-day courier service for orders placed before 10 AM within the metropolitan area."},
title: "Do you offer delivery?",
content: "Yes, we provide same-day courier service for orders placed before 10 AM within the metropolitan area.",
},
{ {
id: "q3", id: "q3", title: "Can I visit your warehouse?", content: "Our central hub is open for wholesale inquiries by appointment only."},
title: "Can I visit your warehouse?",
content: "Our central hub is open for wholesale inquiries by appointment only.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Need assistance or have inquiries about our sourcing process? Find answers here." description="Need assistance or have inquiries about our sourcing process? Find answers here."
@@ -237,22 +160,14 @@ export default function LandingPage() {
description="Whether you are a potential producer or a curious customer, our team is here to assist with your gourmet food inquiries." description="Whether you are a potential producer or a curious customer, our team is here to assist with your gourmet food inquiries."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your full name", required: true,
type: "text",
placeholder: "Your full name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Email address", required: true,
type: "email",
placeholder: "Email address",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Your message or inquiry", rows: 4,
placeholder: "Your message or inquiry",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/fresh-healthy-variety-abundance-vegetables-seafood-generated-by-ai_188544-17017.jpg" imageSrc="http://img.b2bpic.net/free-photo/fresh-healthy-variety-abundance-vegetables-seafood-generated-by-ai_188544-17017.jpg"
@@ -264,37 +179,23 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Policies", title: "Policies", items: [
items: [
{ {
label: "Shipping", label: "Shipping", href: "#"},
href: "#",
},
{ {
label: "Returns", label: "Returns", href: "#"},
href: "#",
},
{ {
label: "Privacy", label: "Privacy", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -305,4 +206,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5f5f5; --background: #000000;
--card: #ffffff; --card: #1a1a1a;
--foreground: #1c1c1c; --foreground: #ffffff;
--primary-cta: #1f514c; --primary-cta: #ffffff;
--primary-cta-text: #f5f5f5; --primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff; --secondary-cta: #1a1a1a;
--secondary-cta-text: #1c1c1c; --secondary-cta-text: #1c1c1c;
--accent: #159c49; --accent: #737373;
--background-accent: #a8e8ba; --background-accent: #ffffff;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);