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
navItems={[
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="FreshSelect"
/>
@@ -49,31 +43,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Purest Ingredients, Delivered Fresh"
description="Discover a curated selection of artisan groceries, farm-fresh produce, and premium staples designed for your sophisticated palate."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-greens-black_140725-104157.jpg",
imageAlt: "Organic vegetables",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-greens-black_140725-104157.jpg", imageAlt: "Organic vegetables"},
{
imageSrc: "http://img.b2bpic.net/free-photo/different-fresh-fruits-colorful-wooden-background_482257-32866.jpg",
imageAlt: "Fresh berries",
},
imageSrc: "http://img.b2bpic.net/free-photo/different-fresh-fruits-colorful-wooden-background_482257-32866.jpg", imageAlt: "Fresh berries"},
{
imageSrc: "http://img.b2bpic.net/free-photo/slices-sweet-bread-with-jam_23-2148719040.jpg",
imageAlt: "Bakery goods",
},
imageSrc: "http://img.b2bpic.net/free-photo/slices-sweet-bread-with-jam_23-2148719040.jpg", imageAlt: "Bakery goods"},
{
imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-bread-crackers-vegetables_114579-12654.jpg",
imageAlt: "Culinary herbs",
},
imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-bread-crackers-vegetables_114579-12654.jpg", imageAlt: "Culinary herbs"},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-containers-arrangement_23-2149238971.jpg",
imageAlt: "Pantry items",
},
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-containers-arrangement_23-2149238971.jpg", imageAlt: "Pantry items"},
]}
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."
metrics={[
{
value: "150+",
title: "Artisan Partners",
},
value: "150+", title: "Artisan Partners"},
{
value: "99.9%",
title: "Purity Rating",
},
value: "99.9%", title: "Purity Rating"},
{
value: "24h",
title: "Fresh Transit",
},
value: "24h", title: "Fresh Transit"},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-sandwiches-with-greenary-roe_23-2148454755.jpg?_wi=1"
imageAlt="Our store philosophy"
@@ -113,59 +90,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Farm Fresh",
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: "p1", brand: "Farm Fresh", 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",
brand: "BeePure",
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: "p2", brand: "BeePure", 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",
brand: "GreenLeaf",
name: "Hydroponic Lettuce",
price: "$4.20",
rating: 4,
reviewCount: "56",
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-garden_23-2148006037.jpg",
},
id: "p3", brand: "GreenLeaf", name: "Hydroponic Lettuce", price: "$4.20", rating: 4,
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/vegetables-garden_23-2148006037.jpg"},
{
id: "p4",
brand: "OliveGrove",
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: "p4", brand: "OliveGrove", 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",
brand: "SunVine",
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: "p5", brand: "SunVine", 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",
brand: "The Mill",
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",
},
id: "p6", brand: "The Mill", 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"
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."
accordionItems={[
{
id: "f1",
title: "Sourcing Ethos",
content: "We only partner with producers who prioritize soil health and ecological restoration.",
},
id: "f1", title: "Sourcing Ethos", content: "We only partner with producers who prioritize soil health and ecological restoration."},
{
id: "f2",
title: "Zero-Waste Initiative",
content: "Our packaging is 100% compostable or recyclable, minimizing the footprint of our high-quality goods.",
},
id: "f2", title: "Zero-Waste Initiative", content: "Our packaging is 100% compostable or recyclable, minimizing the footprint of our high-quality goods."},
{
id: "f3",
title: "Direct Transparency",
content: "Trace the origin of every ingredient from the field to your shopping basket with our QR transparency program.",
},
id: "f3", 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"
imageAlt="Our quality commitment"
@@ -206,20 +138,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How is freshness guaranteed?",
content: "We utilize cold-chain logistics and daily inventory rotations to ensure maximum shelf-life quality.",
},
id: "q1", title: "How is freshness guaranteed?", content: "We utilize cold-chain logistics and daily inventory rotations to ensure maximum shelf-life quality."},
{
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.",
},
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."},
{
id: "q3",
title: "Can I visit your warehouse?",
content: "Our central hub is open for wholesale inquiries by appointment only.",
},
id: "q3", title: "Can I visit your warehouse?", content: "Our central hub is open for wholesale inquiries by appointment only."},
]}
title="Frequently Asked Questions"
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."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your full name",
required: true,
name: "name", type: "text", placeholder: "Your full name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email address",
required: true,
name: "email", type: "email", placeholder: "Email address", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your message or inquiry",
rows: 4,
name: "message", placeholder: "Your message or inquiry", rows: 4,
required: true,
}}
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
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Policies",
items: [
title: "Policies", items: [
{
label: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
{
label: "Returns",
href: "#",
},
label: "Returns", href: "#"},
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
],
},
]}
@@ -305,4 +206,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

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