Merge version_1 into main #3
184
src/app/page.tsx
184
src/app/page.tsx
@@ -33,16 +33,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Store", id: "products"},
|
||||
{
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Store", id: "products" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FreshRoot Farm"
|
||||
/>
|
||||
@@ -50,40 +45,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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/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/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/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/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/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: "Visit Our Cafe", href: "#about"},
|
||||
{ text: "Shop Store", href: "#products" },
|
||||
{ text: "Visit Our Cafe", href: "#about" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text", text: "100% Organic"},
|
||||
{
|
||||
type: "text", text: "Sustainable"},
|
||||
{
|
||||
type: "text", text: "Farm Fresh"},
|
||||
{
|
||||
type: "text", text: "Ethical"},
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "100% Organic" },
|
||||
{ type: "text", text: "Sustainable" },
|
||||
{ type: "text", text: "Farm Fresh" },
|
||||
{ type: "text", text: "Ethical" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,15 +75,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Sustainable Roots"
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Certified Organic", value: "100%"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Local Farmers", value: "25+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Local Reach", value: "50mi"},
|
||||
{ icon: Leaf, label: "Certified Organic", value: "100%" },
|
||||
{ icon: Users, label: "Local Farmers", value: "25+" },
|
||||
{ icon: MapPin, label: "Local Reach", value: "50mi" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -114,28 +90,18 @@ 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"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Locally raised"},
|
||||
{ icon: ShieldCheck, text: "Hormone-free" },
|
||||
{ icon: Zap, text: "Locally raised" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "No harsh chemicals"},
|
||||
{ icon: Leaf, text: "100% natural ingredients" },
|
||||
{ icon: Sparkles, text: "No harsh chemicals" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
@@ -152,18 +118,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Our Store Favorites"
|
||||
description="Discover our selection of locally-sourced meats, natural body care, and raw pantry staples."
|
||||
@@ -176,18 +136,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
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: "family", badge: "Family", price: "$150", subtitle: "For larger households", features: [
|
||||
"Everything in Pro", "Large roast cut", "Extra pantry goods"],
|
||||
},
|
||||
{ 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: "family", badge: "Family", price: "$150", subtitle: "For larger households", features: ["Everything in Pro", "Large roast cut", "Extra pantry goods"] },
|
||||
]}
|
||||
title="Farm Box Subscriptions"
|
||||
description="Receive the best of our farm and partner ranches delivered to your door."
|
||||
@@ -200,12 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{ 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: "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."
|
||||
@@ -216,16 +164,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
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: "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: "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: "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: "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: "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"
|
||||
@@ -237,12 +180,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
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: "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: "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: "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."
|
||||
@@ -253,37 +193,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Store", href: "#products"},
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Store", href: "#products" }, { label: "About Us", href: "#about" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
logoText="FreshRoot Farm"
|
||||
/>
|
||||
@@ -291,8 +213,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
"
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user