bender/565f7807-8a1c-434c-82fe-95b0865decdb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-02 08:40:36 +00:00
parent d82ea30121
commit 82ff25bfbf
1 changed files with 154 additions and 347 deletions
Download Patch File Download Diff File Expand all files Collapse all files

501
src/app/page.tsx
View File

@@ -29,362 +29,169 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Our Story",
id: "about",
},
{
name: "Process",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Golden Orchard"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Our Story", id: "about" },
{ name: "Process", id: "features" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Golden Orchard"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
title="Pure Sunshine in Every Bottle"
description="Hand-picked from our sun-drenched orchards, our 100% organic apple juice brings the authentic, crisp taste of nature directly to your table."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-kombucha-outdoors_23-2150553750.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/surprised-young-female-gardener-uniform-wearing-gardening-hat-holds-vegetable-basket-isolated-green-wall-with-copy-space_141793-93644.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-farmer-harvests-fresh-red-strawberry-organic-strawberry-farm_658552-67.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tasty-kombucha_23-2150210074.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/long-haired-woman-drinking-cold-juice-park-adorable-caucasian-woman-having-fun-nature-with-glass-orange-cocktail_197531-21063.jpg",
alt: "Customer 5",
},
]}
buttons={[
{
text: "Shop Our Juices",
href: "#products",
},
]}
marqueeItems={[
{
type: "text",
text: "100% Organic",
},
{
type: "text",
text: "Cold Pressed",
},
{
type: "text",
text: "No Additives",
},
{
type: "text",
text: "Family Owned",
},
{
type: "text",
text: "Orchard Fresh",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "gradient-bars" }}
title="Pure Sunshine in Every Bottle"
description="Hand-picked from our sun-drenched orchards, our 100% organic apple juice brings the authentic, crisp taste of nature directly to your table."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-kombucha-outdoors_23-2150553750.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/surprised-young-female-gardener-uniform-wearing-gardening-hat-holds-vegetable-basket-isolated-green-wall-with-copy-space_141793-93644.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-farmer-harvests-fresh-red-strawberry-organic-strawberry-farm_658552-67.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tasty-kombucha_23-2150210074.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/long-haired-woman-drinking-cold-juice-park-adorable-caucasian-woman-having-fun-nature-with-glass-orange-cocktail_197531-21063.jpg", alt: "Customer 5" },
]}
buttons={[{ text: "Shop Our Juices", href: "#products" }]}
marqueeItems={[
{ type: "text", text: "100% Organic" },
{ type: "text", text: "Cold Pressed" },
{ type: "text", text: "No Additives" },
{ type: "text", text: "Family Owned" },
{ type: "text", text: "Orchard Fresh" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Rooted in Tradition"
description="For three generations, the Golden Orchard family has nurtured the soil to produce the finest apples. We believe in minimal processing to keep the flavor as vibrant and natural as the day they were picked."
imageSrc="http://img.b2bpic.net/free-photo/world-health-day-celebration-with-healthy-food_23-2151183605.jpg?_wi=1"
imageAlt="Our family apple orchard"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Rooted in Tradition"
description="For three generations, the Golden Orchard family has nurtured the soil to produce the finest apples. We believe in minimal processing to keep the flavor as vibrant and natural as the day they were picked."
imageSrc="http://img.b2bpic.net/free-photo/world-health-day-celebration-with-healthy-food_23-2151183605.jpg"
imageAlt="Our family apple orchard"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Cold Pressed",
description: "Retaining all nutrients by avoiding high-heat pasteurization.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/lots-fresh-fruit-cut-beautiful-wooden-background-fresh-fruit-drink-jam-tasty-healthy-food_169016-4780.jpg",
imageAlt: "Cold pressing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-cook-cutting-apple-dark-surface_179666-44559.jpg",
imageAlt: "Pressed juice",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-apple-vinegar-blue-wall-food-drink-fruits-alcohol-wine-sour-color-juice_179666-17605.jpg",
imageAlt: "fresh cold pressed apple juice",
},
{
title: "Organic Certified",
description: "No pesticides, no synthetic fertilizers, just nature.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/green-smoothie-with-bananas-lime-grape-avocado-lie-table_1304-2673.jpg",
imageAlt: "Organic apples",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/family-picks-apples-orchard_1398-1859.jpg",
imageAlt: "Farm inspection",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/world-health-day-celebration-with-healthy-food_23-2151183605.jpg?_wi=2",
imageAlt: "fresh cold pressed apple juice",
},
{
title: "No Additives",
description: "100% juice, zero sweeteners, no preservatives.",
icon: Leaf,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-healthy-food-immunity-boosting_23-2148890256.jpg",
imageAlt: "Fresh juice",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/apple-fruit-harvest-orchard_342744-316.jpg",
imageAlt: "Bottling",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-apple-sauce-bottle-dark-surface_179666-44128.jpg?_wi=1",
imageAlt: "fresh cold pressed apple juice",
},
]}
title="From Tree to Table"
description="Our meticulous process ensures every drop captures the essence of the orchard."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="From Tree to Table"
description="Our meticulous process ensures every drop captures the essence of the orchard."
features={[
{
title: "Cold Pressed", description: "Retaining all nutrients by avoiding high-heat pasteurization.", icon: Zap,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/lots-fresh-fruit-cut-beautiful-wooden-background-fresh-fruit-drink-jam-tasty-healthy-food_169016-4780.jpg", imageAlt: "Cold pressing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-cook-cutting-apple-dark-surface_179666-44559.jpg", imageAlt: "Pressed juice" }
]
},
{
title: "Organic Certified", description: "No pesticides, no synthetic fertilizers, just nature.", icon: Shield,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/green-smoothie-with-bananas-lime-grape-avocado-lie-table_1304-2673.jpg", imageAlt: "Organic apples" },
{ imageSrc: "http://img.b2bpic.net/free-photo/family-picks-apples-orchard_1398-1859.jpg", imageAlt: "Farm inspection" }
]
},
{
title: "No Additives", description: "100% juice, zero sweeteners, no preservatives.", icon: Leaf,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-healthy-food-immunity-boosting_23-2148890256.jpg", imageAlt: "Fresh juice" },
{ imageSrc: "http://img.b2bpic.net/free-photo/apple-fruit-harvest-orchard_342744-316.jpg", imageAlt: "Bottling" }
]
}
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic Fuji",
price: "$6.99",
variant: "1L Bottle",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-apple-sauce-bottle-dark-surface_179666-44128.jpg?_wi=2",
},
{
id: "p2",
name: "Granny Smith Tart",
price: "$7.49",
variant: "1L Bottle",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-apple-juice-close-up-shot_53876-42479.jpg",
},
{
id: "p3",
name: "Golden Gala",
price: "$6.99",
variant: "1L Bottle",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-apples-burlap-sack-twigs-leaves_181624-51927.jpg",
},
{
id: "p4",
name: "Orchard Blend",
price: "$7.99",
variant: "1L Bottle",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-apple-kombucha-bottle-still-life_23-2150252183.jpg",
},
{
id: "p5",
name: "Crisp Honeycrisp",
price: "$8.49",
variant: "1L Bottle",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-apple-juice-close-up-shot_53876-65292.jpg",
},
{
id: "p6",
name: "Autumn Harvest",
price: "$7.49",
variant: "1L Bottle",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-apple-sauce-red-colored-with-fresh-apples-gray-color-fruit-drink-sauce-ketchup-meal-tree-wine_179666-43722.jpg",
},
]}
title="Discover Your Favorite"
description="From crisp Fuji to tangy Granny Smith, explore our variety of single-origin apple juices."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Classic Fuji", price: "$6.99", variant: "1L Bottle", imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-apple-sauce-bottle-dark-surface_179666-44128.jpg" },
{ id: "p2", name: "Granny Smith Tart", price: "$7.49", variant: "1L Bottle", imageSrc: "http://img.b2bpic.net/free-photo/fresh-apple-juice-close-up-shot_53876-42479.jpg" },
{ id: "p3", name: "Golden Gala", price: "$6.99", variant: "1L Bottle", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-apples-burlap-sack-twigs-leaves_181624-51927.jpg" },
{ id: "p4", name: "Orchard Blend", price: "$7.99", variant: "1L Bottle", imageSrc: "http://img.b2bpic.net/free-photo/delicious-apple-kombucha-bottle-still-life_23-2150252183.jpg" },
{ id: "p5", name: "Crisp Honeycrisp", price: "$8.49", variant: "1L Bottle", imageSrc: "http://img.b2bpic.net/free-photo/fresh-apple-juice-close-up-shot_53876-65292.jpg" },
{ id: "p6", name: "Autumn Harvest", price: "$7.49", variant: "1L Bottle", imageSrc: "http://img.b2bpic.net/free-photo/front-view-apple-sauce-red-colored-with-fresh-apples-gray-color-fruit-drink-sauce-ketchup-meal-tree-wine_179666-43722.jpg" },
]}
title="Discover Your Favorite"
description="From crisp Fuji to tangy Granny Smith, explore our variety of single-origin apple juices."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15,000+",
description: "Trees under our care",
},
{
id: "m2",
value: "100%",
description: "Organic certified",
},
{
id: "m3",
value: "3",
description: "Generations of farmers",
},
]}
title="Our Impact"
description="Numbers that reflect our dedication to quality and sustainability."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "15,000+", description: "Trees under our care" },
{ id: "m2", value: "100%", description: "Organic certified" },
{ id: "m3", value: "3", description: "Generations of farmers" },
]}
title="Our Impact"
description="Numbers that reflect our dedication to quality and sustainability."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-dark-skinned-girl-with-toothy-gentle-smile_273609-28712.jpg",
},
{
id: "t2",
name: "Mark D.",
imageSrc: "http://img.b2bpic.net/free-photo/black-smile-woman-cooking-kitchen_197531-33071.jpg",
},
{
id: "t3",
name: "Elena P.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-running-green-park-sunny-summer-day_1153-5389.jpg",
},
{
id: "t4",
name: "Thomas R.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-showing-thumbs-up_141793-89360.jpg",
},
{
id: "t5",
name: "Lucy K.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-holding-bags-with-organic-vegetables_23-2148454497.jpg",
},
]}
cardTitle="What Our Community Says"
cardTag="Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-dark-skinned-girl-with-toothy-gentle-smile_273609-28712.jpg" },
{ id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/black-smile-woman-cooking-kitchen_197531-33071.jpg" },
{ id: "t3", name: "Elena P.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-running-green-park-sunny-summer-day_1153-5389.jpg" },
{ id: "t4", name: "Thomas R.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-showing-thumbs-up_141793-89360.jpg" },
{ id: "t5", name: "Lucy K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-holding-bags-with-organic-vegetables_23-2148454497.jpg" },
]}
cardTitle="What Our Community Says"
cardTag="Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Are your juices pasteurized?",
content: "Yes, we use gentle flash-pasteurization to ensure safety without compromising taste.",
},
{
id: "f2",
title: "Where can I find your juices?",
content: "Our products are available in selected organic markets nationwide.",
},
{
id: "f3",
title: "Is your juice organic?",
content: "Absolutely, all our apples are 100% organic certified.",
},
]}
title="Common Questions"
description="Everything you need to know about our juice and farming practices."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Are your juices pasteurized?", content: "Yes, we use gentle flash-pasteurization to ensure safety without compromising taste." },
{ id: "f2", title: "Where can I find your juices?", content: "Our products are available in selected organic markets nationwide." },
{ id: "f3", title: "Is your juice organic?", content: "Absolutely, all our apples are 100% organic certified." },
]}
title="Common Questions"
description="Everything you need to know about our juice and farming practices."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
text="Have a question about our orchard or want to stock our juices? Get in touch with our team today."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "rotated-rays-static" }}
text="Have a question about our orchard or want to stock our juices? Get in touch with our team today."
buttons={[{ text: "Contact Us", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Explore",
items: [
{
label: "About",
href: "#about",
},
{
label: "Shop",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
logoText="Golden Orchard"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Explore", items: [{ label: "About", href: "#about" }, { label: "Shop", href: "#products" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
]}
logoText="Golden Orchard"
/>
</div>
</ReactLenis>
</ThemeProvider>
);