Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ee1fb8e764 | |||
| b648d72370 | |||
| 89292836db | |||
| 514fa24989 |
181
src/app/page.tsx
181
src/app/page.tsx
@@ -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: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user