Merge version_1 into main #2
272
src/app/page.tsx
272
src/app/page.tsx
@@ -34,25 +34,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Store",
|
||||
id: "products",
|
||||
},
|
||||
name: "Store", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FreshRoot Farm"
|
||||
/>
|
||||
@@ -61,64 +51,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Farm-to-Table Goodness, Delivered"
|
||||
description="Experience local, high-quality meats, natural skincare, and organic pantry staples, all sourced directly from our fields to your table."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-with-paper-bag-full-healthy-food_23-2148173305.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-with-paper-bag-full-healthy-food_23-2148173305.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-delicious-ripe-produces_23-2148873961.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-delicious-ripe-produces_23-2148873961.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/farmer-offers-fresh-veggies-samples_482257-76680.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/farmer-offers-fresh-veggies-samples_482257-76680.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/furious-young-handsome-slavic-gardener-uniform-hat-holding-basket-vegetables-rake-screaming-isolated-crimson-wall_141793-59317.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/furious-young-handsome-slavic-gardener-uniform-hat-holding-basket-vegetables-rake-screaming-isolated-crimson-wall_141793-59317.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Join our community of healthy eating"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Store",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Store", href: "#products"},
|
||||
{
|
||||
text: "Visit Our Cafe",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Visit Our Cafe", href: "#about"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Organic",
|
||||
},
|
||||
type: "text", text: "100% Organic"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
type: "text", text: "Sustainable"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Farm Fresh",
|
||||
},
|
||||
type: "text", text: "Farm Fresh"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical",
|
||||
},
|
||||
type: "text", text: "Ethical"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,19 +95,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Certified Organic",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Certified Organic", value: "100%"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Local Farmers",
|
||||
value: "25+",
|
||||
},
|
||||
label: "Local Farmers", value: "25+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Local Reach",
|
||||
value: "50mi",
|
||||
},
|
||||
label: "Local Reach", value: "50mi"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -155,46 +114,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ethically Sourced Meat",
|
||||
description: "Pasture-raised, local ranch beef and poultry without hormones or antibiotics.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-sausages-market_1398-2523.jpg",
|
||||
imageAlt: "Fresh Meat",
|
||||
},
|
||||
title: "Ethically Sourced Meat", description: "Pasture-raised, local ranch beef and poultry without hormones or antibiotics.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-sausages-market_1398-2523.jpg", imageAlt: "Fresh Meat"},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Hormone-free",
|
||||
},
|
||||
text: "Hormone-free"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Locally raised",
|
||||
},
|
||||
text: "Locally raised"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-colour-swatches-collage_23-2149901821.jpg?_wi=1",
|
||||
imageAlt: "fresh quality meat local rancher",
|
||||
},
|
||||
{
|
||||
title: "Natural Beauty & Health",
|
||||
description: "Handmade health products crafted with natural ingredients for your body's wellness.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-items-body-care-colored-wall_169016-1629.jpg",
|
||||
imageAlt: "Health Products",
|
||||
},
|
||||
title: "Natural Beauty & Health", description: "Handmade health products crafted with natural ingredients for your body's wellness.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-items-body-care-colored-wall_169016-1629.jpg", imageAlt: "Health Products"},
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "100% natural ingredients",
|
||||
},
|
||||
text: "100% natural ingredients"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "No harsh chemicals",
|
||||
},
|
||||
text: "No harsh chemicals"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-basket-with-lettuce_23-2148617219.jpg?_wi=1",
|
||||
imageAlt: "fresh quality meat local rancher",
|
||||
},
|
||||
]}
|
||||
title="Why Choose FreshRoot?"
|
||||
@@ -210,41 +153,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Prime Grass-fed Beef",
|
||||
price: "$18/lb",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-meat-slice-with-fresh-red-tomatoes-ropes-greens-wooden-background-food-meal-raw-photo_140725-22982.jpg",
|
||||
},
|
||||
id: "1", name: "Prime Grass-fed Beef", price: "$18/lb", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-meat-slice-with-fresh-red-tomatoes-ropes-greens-wooden-background-food-meal-raw-photo_140725-22982.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Organic Wildflower Honey",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-juicy-homemade-jam-with-honey_23-2148525203.jpg",
|
||||
},
|
||||
id: "2", name: "Organic Wildflower Honey", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/fresh-juicy-homemade-jam-with-honey_23-2148525203.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Farm Fresh Brown Eggs",
|
||||
price: "$6/doz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-chicken-eggs-burlap-bag-wooden-background_141793-14778.jpg",
|
||||
},
|
||||
id: "3", name: "Farm Fresh Brown Eggs", price: "$6/doz", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-chicken-eggs-burlap-bag-wooden-background_141793-14778.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Handmade Lavender Soap",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-essential-oil-cream-white-background_23-2148305512.jpg",
|
||||
},
|
||||
id: "4", name: "Handmade Lavender Soap", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-essential-oil-cream-white-background_23-2148305512.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Herbal Bath Salts",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cosmetics-with-copy-space_23-2148241893.jpg",
|
||||
},
|
||||
id: "5", name: "Herbal Bath Salts", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cosmetics-with-copy-space_23-2148241893.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Organic Shea Body Scrub",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-natural-honey-other-hygiene-items_169016-29645.jpg",
|
||||
},
|
||||
id: "6", name: "Organic Shea Body Scrub", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-natural-honey-other-hygiene-items_169016-29645.jpg"},
|
||||
]}
|
||||
title="Our Store Favorites"
|
||||
description="Discover our selection of locally-sourced meats, natural body care, and raw pantry staples."
|
||||
@@ -258,37 +177,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$45",
|
||||
subtitle: "Weekly essentials",
|
||||
features: [
|
||||
"Seasonal greens",
|
||||
"1 dozen eggs",
|
||||
"Local honey",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$45", subtitle: "Weekly essentials", features: [
|
||||
"Seasonal greens", "1 dozen eggs", "Local honey"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$85",
|
||||
subtitle: "Full farm experience",
|
||||
features: [
|
||||
"Weekly essentials plus",
|
||||
"1lb local beef",
|
||||
"Handmade soap",
|
||||
],
|
||||
id: "pro", badge: "Premium", price: "$85", subtitle: "Full farm experience", features: [
|
||||
"Weekly essentials plus", "1lb local beef", "Handmade soap"],
|
||||
},
|
||||
{
|
||||
id: "family",
|
||||
badge: "Family",
|
||||
price: "$150",
|
||||
subtitle: "For larger households",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Large roast cut",
|
||||
"Extra pantry goods",
|
||||
],
|
||||
id: "family", badge: "Family", price: "$150", subtitle: "For larger households", features: [
|
||||
"Everything in Pro", "Large roast cut", "Extra pantry goods"],
|
||||
},
|
||||
]}
|
||||
title="Farm Box Subscriptions"
|
||||
@@ -303,26 +201,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12k+",
|
||||
title: "Meals Provided",
|
||||
description: "Healthy food for families",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-colour-swatches-collage_23-2149901821.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", value: "12k+", title: "Meals Provided", description: "Healthy food for families", imageSrc: "http://img.b2bpic.net/free-photo/trendy-colour-swatches-collage_23-2149901821.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Natural Products",
|
||||
description: "Crafted with care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-wooden-wall_169016-1415.jpg",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Natural Products", description: "Crafted with care", imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-wooden-wall_169016-1415.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15k",
|
||||
title: "Acres Preserved",
|
||||
description: "Sustainable ranching",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-basket-with-lettuce_23-2148617219.jpg?_wi=2",
|
||||
},
|
||||
id: "m3", value: "15k", title: "Acres Preserved", description: "Sustainable ranching", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-basket-with-lettuce_23-2148617219.jpg"},
|
||||
]}
|
||||
title="Impacting Our Community"
|
||||
description="Building sustainable practices for a healthier tomorrow."
|
||||
@@ -334,30 +217,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-taking-photo-her-salad-indoor-portrait-smiling-brunette-woman-having-fun-dinner_197531-17193.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-taking-photo-her-salad-indoor-portrait-smiling-brunette-woman-having-fun-dinner_197531-17193.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/playful-woman-with-agenda-head_23-2148357603.jpg",
|
||||
},
|
||||
id: "2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/playful-woman-with-agenda-head_23-2148357603.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-picnic-lawn-park_23-2148179189.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/couple-picnic-lawn-park_23-2148179189.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Thompson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-checking-organic-vegetables_23-2148454513.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Thompson", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-checking-organic-vegetables_23-2148454513.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furious-young-handsome-slavic-gardener-uniform-hat-holding-basket-vegetables-rake-screaming-isolated-crimson-wall_141793-59317.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/furious-young-handsome-slavic-gardener-uniform-hat-holding-basket-vegetables-rake-screaming-isolated-crimson-wall_141793-59317.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Our Community"
|
||||
cardTag="Reviews"
|
||||
@@ -370,20 +238,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are all products local?",
|
||||
content: "Yes! We work exclusively with ranchers and farmers within a 50-mile radius.",
|
||||
},
|
||||
id: "1", title: "Are all products local?", content: "Yes! We work exclusively with ranchers and farmers within a 50-mile radius."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We offer local weekly deliveries within our farm zone.",
|
||||
},
|
||||
id: "2", title: "Do you offer delivery?", content: "We offer local weekly deliveries within our farm zone."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is your meat organic?",
|
||||
content: "Our meats are pasture-raised and free of any synthetic additives.",
|
||||
},
|
||||
id: "3", title: "Is your meat organic?", content: "Our meats are pasture-raised and free of any synthetic additives."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our local sourcing and shop."
|
||||
@@ -395,16 +254,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Visit the Farm Store"
|
||||
description="We are open Wednesday to Sunday for all your fresh, natural, and local needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -415,25 +271,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Store",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Store", href: "#products"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -444,3 +292,7 @@ export default function LandingPage() {
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
"
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user