bender/468f8d6d-8cee-427a-bc35-56151bcac06b
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-09 12:53:12 +00:00
parent a0b92229b7
commit 6c05aa3129
1 changed files with 146 additions and 335 deletions
Download Patch File Download Diff File Expand all files Collapse all files

481
src/app/page.tsx
View File

@@ -29,350 +29,161 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Products", id: "products" },
}, { name: "Contact", id: "contact" },
{ ]}
name: "About", brandName="Nedo Milk"
id: "about", button={{ text: "Shop Now", href: "#products" }}
}, />
{ </div>
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Nedo Milk"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{ variant: "plain" }}
variant: "plain", logoText="Nedo Milk"
}} description="Pure, fresh, and farm-sourced milk delivered directly from nature to your doorstep. Experience the richness of quality dairy."
logoText="Nedo Milk" buttons={[
description="Pure, fresh, and farm-sourced milk delivered directly from nature to your doorstep. Experience the richness of quality dairy." { text: "Shop Now", href: "#products" },
buttons={[ { text: "Our Story", href: "#about" },
{ ]}
text: "Shop Now", imageSrc="http://img.b2bpic.net/free-photo/top-view-glass-milk-with-cheese-table_23-2148326027.jpg"
href: "#products", imageAlt="fresh milk carton pouring glass"
}, mediaAnimation="slide-up"
{ />
text: "Our Story", </div>
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-glass-milk-with-cheese-table_23-2148326027.jpg"
imageAlt="fresh milk carton pouring glass"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
useInvertedBackground={false} tag="Our Commitment"
tag="Our Commitment" title="Rooted in Purity"
title="Rooted in Purity" description="Nedo Milk was founded on the promise of bringing the farm's freshest harvest to your table every single day."
description="Nedo Milk was founded on the promise of bringing the farm's freshest harvest to your table every single day." subdescription="We ensure every bottle is packed with essential nutrients, free from additives, and strictly regulated for safety."
subdescription="We ensure every bottle is packed with essential nutrients, free from additives, and strictly regulated for safety." icon={Milk}
icon={Milk} imageSrc="http://img.b2bpic.net/free-photo/herd-cows-producing-milk-gruyere-cheese-france-spring_181624-44584.jpg"
imageSrc="http://img.b2bpic.net/free-photo/herd-cows-producing-milk-gruyere-cheese-france-spring_181624-44584.jpg" mediaAnimation="blur-reveal"
mediaAnimation="blur-reveal" imageAlt="dairy farm green fields rural"
imageAlt="dairy farm green fields rural" useInvertedBackground={false}
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyOne <FeatureCardTwentyOne
useInvertedBackground={true} title="Why Choose Nedo?"
title="Why Choose Nedo?" description="Quality assurance at every stage."
description="Quality assurance at every stage." accordionItems={[
accordionItems={[ { id: "f1", title: "Farm Fresh", content: "Sourced from local farms within hours of milking." },
{ { id: "f2", title: "Strict Testing", content: "Rigorous quality checks for maximum purity." },
id: "f1", { id: "f3", title: "No Additives", content: "100% natural, no preservatives or artificial flavors." },
title: "Farm Fresh", { id: "f4", title: "Sustainable Practices", content: "Eco-friendly farming and responsible waste management." },
content: "Sourced from local farms within hours of milking.", { id: "f5", title: "Community Focused", content: "Supporting local dairy farmers and rural economies." },
}, ]}
{ mediaAnimation="slide-up"
id: "f2", imageSrc="http://img.b2bpic.net/free-photo/herd-cows-grazing-pasture-with-beautiful-green-trees-background_181624-19535.jpg"
title: "Strict Testing", imageAlt="Herd of cows grazing on the pasture with beautiful green trees in the background"
content: "Rigorous quality checks for maximum purity.", useInvertedBackground={true}
}, />
{ </div>
id: "f3",
title: "No Additives",
content: "100% natural, no preservatives or artificial flavors.",
},
{
id: "f4",
title: "Sustainable Practices",
content: "Eco-friendly farming and responsible waste management.",
},
{
id: "f5",
title: "Community Focused",
content: "Supporting local dairy farmers and rural economies.",
},
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/herd-cows-grazing-pasture-with-beautiful-green-trees-background_181624-19535.jpg"
imageAlt="Herd of cows grazing on the pasture with beautiful green trees in the background"
/>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardThree <ProductCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "p1", name: "Whole Milk", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642886.jpg", imageAlt: "bottle of fresh milk white" },
id: "p1", { id: "p2", name: "Natural Kefir", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dairy-products-arrangement_23-2149053200.jpg", imageAlt: "yogurt bottle fresh dairy" },
name: "Whole Milk", { id: "p3", name: "Heavy Cream", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-milk-bottles-retro-wooden-table-background_1387-797.jpg", imageAlt: "heavy cream milk product" },
price: "$3.50", { id: "p4", name: "Strawberry Milk", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-milkshakes-with-straws_23-2148371178.jpg", imageAlt: "strawberry milk bottle sweet" },
imageSrc: "http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642886.jpg", { id: "p5", name: "Chocolate Milk", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/glass-milk-cocoa-milk-side-view-white-wooden-background_176474-4602.jpg", imageAlt: "chocolate milk bottle glass" },
imageAlt: "bottle of fresh milk white", { id: "p6", name: "Organic Butter", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cheese-composition_23-2148161830.jpg", imageAlt: "butter package fresh dairy" },
}, ]}
{ title="Our Dairy Collection"
id: "p2", description="Browse our range of wholesome dairy products."
name: "Natural Kefir", />
price: "$4.00", </div>
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dairy-products-arrangement_23-2149053200.jpg",
imageAlt: "yogurt bottle fresh dairy",
},
{
id: "p3",
name: "Heavy Cream",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-milk-bottles-retro-wooden-table-background_1387-797.jpg",
imageAlt: "heavy cream milk product",
},
{
id: "p4",
name: "Strawberry Milk",
price: "$3.99",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-milkshakes-with-straws_23-2148371178.jpg",
imageAlt: "strawberry milk bottle sweet",
},
{
id: "p5",
name: "Chocolate Milk",
price: "$3.99",
imageSrc: "http://img.b2bpic.net/free-photo/glass-milk-cocoa-milk-side-view-white-wooden-background_176474-4602.jpg",
imageAlt: "chocolate milk bottle glass",
},
{
id: "p6",
name: "Organic Butter",
price: "$6.00",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cheese-composition_23-2148161830.jpg",
imageAlt: "butter package fresh dairy",
},
]}
title="Our Dairy Collection"
description="Browse our range of wholesome dairy products."
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardSeven <MetricCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "100+", title: "Local Farms", items: ["Certified partners", "Sustainable practices"] },
id: "m1", { id: "m2", value: "50k+", title: "Happy Customers", items: ["Daily deliveries", "Trusted families"] },
value: "100+", { id: "m3", value: "10k+", title: "Daily Liters", items: ["Fresh production", "Continuous flow"] },
title: "Local Farms", ]}
items: [ title="The Nedo Difference"
"Certified partners", description="Numbers speak to our commitment to excellence."
"Sustainable practices", />
], </div>
},
{
id: "m2",
value: "50k+",
title: "Happy Customers",
items: [
"Daily deliveries",
"Trusted families",
],
},
{
id: "m3",
value: "10k+",
title: "Daily Liters",
items: [
"Fresh production",
"Continuous flow",
],
},
]}
title="The Nedo Difference"
description="Numbers speak to our commitment to excellence."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen <TestimonialCardSixteen
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "t1", name: "Alice M.", role: "Homemaker", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-35682.jpg" },
id: "t1", { id: "t2", name: "Bob D.", role: "Father", company: "Subscriber", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-spending-time-together-while-wearing-linen-clothing_23-2150659467.jpg" },
name: "Alice M.", { id: "t3", name: "Chef Marco", role: "Chef", company: "Bistro Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cream-pastry-bag-lady-with-baking-tool_1157-47274.jpg" },
role: "Homemaker", { id: "t4", name: "Sarah P.", role: "Coffee Lover", company: "Daily User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-goodlooking-young-woman-starting-her-day-with-cup-coffee-standing-kitchen_1258-198144.jpg" },
company: "Local Customer", { id: "t5", name: "James L.", role: "Athlete", company: "Active Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-bottle_23-2149832780.jpg" },
rating: 5, ]}
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-35682.jpg", kpiItems={[
}, { value: "5.0", label: "Avg Rating" },
{ { value: "99%", label: "Freshness" },
id: "t2", { value: "100%", label: "Pure" },
name: "Bob D.", ]}
role: "Father", title="Loved by Families"
company: "Subscriber", description="Hear what our loyal community says about Nedo Milk."
rating: 5, />
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-spending-time-together-while-wearing-linen-clothing_23-2150659467.jpg", </div>
},
{
id: "t3",
name: "Chef Marco",
role: "Chef",
company: "Bistro Owner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cream-pastry-bag-lady-with-baking-tool_1157-47274.jpg",
},
{
id: "t4",
name: "Sarah P.",
role: "Coffee Lover",
company: "Daily User",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-goodlooking-young-woman-starting-her-day-with-cup-coffee-standing-kitchen_1258-198144.jpg",
},
{
id: "t5",
name: "James L.",
role: "Athlete",
company: "Active Pro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-bottle_23-2149832780.jpg",
},
]}
kpiItems={[
{
value: "5.0",
label: "Avg Rating",
},
{
value: "99%",
label: "Freshness",
},
{
value: "100%",
label: "Pure",
},
]}
title="Loved by Families"
description="Hear what our loyal community says about Nedo Milk."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "q1", title: "How do you ensure freshness?", content: "Our cold-chain logistics ensure milk stays cool from farm to fridge." },
id: "q1", { id: "q2", title: "Do you deliver daily?", content: "Yes, our delivery fleet is optimized for morning fresh drops." },
title: "How do you ensure freshness?", { id: "q3", title: "Can I cancel my subscription?", content: "Subscriptions can be managed easily from your account portal." },
content: "Our cold-chain logistics ensure milk stays cool from farm to fridge.", { id: "q4", title: "What if my delivery is late?", content: "We offer full refund or replacement for delayed orders." },
}, { id: "q5", title: "Is your packaging recyclable?", content: "All our glass bottles are returnable for sanitation and reuse." },
{ ]}
id: "q2", title="Common Questions"
title: "Do you deliver daily?", description="Need more info? We are happy to help."
content: "Yes, our delivery fleet is optimized for morning fresh drops.", faqsAnimation="slide-up"
}, />
{ </div>
id: "q3",
title: "Can I cancel my subscription?",
content: "Subscriptions can be managed easily from your account portal.",
},
{
id: "q4",
title: "What if my delivery is late?",
content: "We offer full refund or replacement for delayed orders.",
},
{
id: "q5",
title: "Is your packaging recyclable?",
content: "All our glass bottles are returnable for sanitation and reuse.",
},
]}
title="Common Questions"
description="Need more info? We are happy to help."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain", tag="Join Us"
}} title="Get Fresh Nedo Milk"
tag="Join Us" description="Sign up for regular updates and exclusive offers on our new product lines."
title="Get Fresh Nedo Milk" inputPlaceholder="Enter your email address"
description="Sign up for regular updates and exclusive offers on our new product lines." buttonText="Subscribe"
inputPlaceholder="Enter your email address" />
buttonText="Subscribe" </div>
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="Nedo Milk" logoText="Nedo Milk"
columns={[ columns={[
{ { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
title: "Company", { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
items: [ ]}
{ copyrightText="© 2024 Nedo Milk. All rights reserved."
label: "About Us", />
href: "#about", </div>
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
]}
copyrightText="© 2024 Nedo Milk. All rights reserved."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );