Merge version_1 into main #1
451
src/app/page.tsx
451
src/app/page.tsx
@@ -28,339 +28,142 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Nannu Milk"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nannu Milk"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Nannu Milk"
|
||||
description="Experience the pure taste of farm-fresh dairy products delivered straight to your door. From natural milk to traditional sweets and fast foods, we bring quality and tradition to your table every day."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Dairy",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/herd-cows-producing-milk-gruyere-cheese-france-spring_181624-44584.jpg"
|
||||
imageAlt="Fresh Nannu Milk Pouring"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Nannu Milk"
|
||||
description="Experience the pure taste of farm-fresh dairy products delivered straight to your door. From natural milk to traditional sweets and fast foods, we bring quality and tradition to your table every day."
|
||||
buttons={[{ text: "Shop Dairy", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/herd-cows-producing-milk-gruyere-cheese-france-spring_181624-44584.jpg"
|
||||
imageAlt="Fresh Nannu Milk Pouring"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafted with Nature"
|
||||
description="Nannu Milk is dedicated to bringing you the freshest dairy, straight from our ethical farms to your home. We use traditional methods to ensure every product—from our signature milk to gourmet sweets—meets the highest standards of taste and health."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642896.jpg"
|
||||
imageAlt="Nannu Milk Farm Landscape"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafted with Nature"
|
||||
description="Nannu Milk is dedicated to bringing you the freshest dairy, straight from our ethical farms to your home. We use traditional methods to ensure every product—from our signature milk to gourmet sweets—meets the highest standards of taste and health."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642896.jpg"
|
||||
imageAlt="Nannu Milk Farm Landscape"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Nannu Milk",
|
||||
name: "Pure Cow Milk",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-milk-with-straw_23-2148211420.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Nannu Milk",
|
||||
name: "Handcrafted Cheese",
|
||||
price: "$8.99",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-brie-cheese_573717-80.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Nannu Milk",
|
||||
name: "Organic Yogurt",
|
||||
price: "$5.25",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yougurt-with-granola-fruits-glass_23-2148579846.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Nannu Milk",
|
||||
name: "Thick Fresh Cream",
|
||||
price: "$6.00",
|
||||
rating: 4,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736904.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Nannu Milk",
|
||||
name: "Fresh Paneer",
|
||||
price: "$7.50",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-almond-nougat-black-slate-background_123827-34438.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Nannu Milk",
|
||||
name: "Golden Butter",
|
||||
price: "$9.00",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-kinfe-cutting-butter-breads-around-wooden-background_141793-5383.jpg",
|
||||
},
|
||||
]}
|
||||
title="Farm Fresh Offerings"
|
||||
description="Explore our curated collection of pure dairy products and traditional delicacies, prepared fresh every morning for your enjoyment."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Nannu Milk", name: "Pure Cow Milk", price: "$4.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/glasses-milk-with-straw_23-2148211420.jpg" },
|
||||
{ id: "2", brand: "Nannu Milk", name: "Handcrafted Cheese", price: "$8.99", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/fresh-brie-cheese_573717-80.jpg" },
|
||||
{ id: "3", brand: "Nannu Milk", name: "Organic Yogurt", price: "$5.25", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/yougurt-with-granola-fruits-glass_23-2148579846.jpg" },
|
||||
{ id: "4", brand: "Nannu Milk", name: "Thick Fresh Cream", price: "$6.00", rating: 4, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736904.jpg" },
|
||||
{ id: "5", brand: "Nannu Milk", name: "Fresh Paneer", price: "$7.50", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/christmas-almond-nougat-black-slate-background_123827-34438.jpg" },
|
||||
{ id: "6", brand: "Nannu Milk", name: "Golden Butter", price: "$9.00", rating: 5, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-kinfe-cutting-butter-breads-around-wooden-background_141793-5383.jpg" },
|
||||
]}
|
||||
title="Farm Fresh Offerings"
|
||||
description="Explore our curated collection of pure dairy products and traditional delicacies, prepared fresh every morning for your enjoyment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Purity Guaranteed",
|
||||
description: "Our products are sourced from happy, grass-fed cows with no artificial additives or preservatives.",
|
||||
tag: "Natural",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/food-delivery-icon-set_1262-4515.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Express Delivery",
|
||||
description: "We ensure your milk and sweets arrive fresh at your door within hours of preparation.",
|
||||
tag: "Fast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-woman-holding-crate_23-2148767121.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Traditional Sweets",
|
||||
description: "Handcrafted sweets made using our pure farm-fresh dairy for an authentic taste of tradition.",
|
||||
tag: "Authentic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cookies-wooden-cup-with-glass-milk_114579-17243.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Nannu Milk?"
|
||||
description="We take pride in our farm-to-table promise, ensuring every product you receive is fresh, nutritious, and authentic."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Purity Guaranteed", description: "Our products are sourced from happy, grass-fed cows with no artificial additives or preservatives.", tag: "Natural", imageSrc: "http://img.b2bpic.net/free-vector/food-delivery-icon-set_1262-4515.jpg" },
|
||||
{ id: "f2", title: "Express Delivery", description: "We ensure your milk and sweets arrive fresh at your door within hours of preparation.", tag: "Fast", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-woman-holding-crate_23-2148767121.jpg" },
|
||||
{ id: "f3", title: "Traditional Sweets", description: "Handcrafted sweets made using our pure farm-fresh dairy for an authentic taste of tradition.", tag: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cookies-wooden-cup-with-glass-milk_114579-17243.jpg" },
|
||||
]}
|
||||
title="Why Choose Nannu Milk?"
|
||||
description="We take pride in our farm-to-table promise, ensuring every product you receive is fresh, nutritious, and authentic."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Khan",
|
||||
role: "Homemaker",
|
||||
company: "Local Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36112.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Arjun Mehta",
|
||||
role: "Tech Lead",
|
||||
company: "Subscriber",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mother-pouring-milk-her-daughter-s-cereals_23-2148602894.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya Sharma",
|
||||
role: "Chef",
|
||||
company: "Dairy Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-eating-salmon-dish-bowl-grass-outdoors_23-2150461518.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vikram Singh",
|
||||
role: "Teacher",
|
||||
company: "Loyal Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elder-woman-having-juice_23-2148201287.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anita Bose",
|
||||
role: "Designer",
|
||||
company: "Daily User",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/schoolgirl-with-pencils-hands-closeup-student-with-school-supplies-school-background-smiles_169016-57798.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Hear what our neighbors say about the freshness and taste of Nannu Milk products."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Khan", role: "Homemaker", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36112.jpg" },
|
||||
{ id: "2", name: "Arjun Mehta", role: "Tech Lead", company: "Subscriber", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-mother-pouring-milk-her-daughter-s-cereals_23-2148602894.jpg" },
|
||||
{ id: "3", name: "Priya Sharma", role: "Chef", company: "Dairy Enthusiast", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-eating-salmon-dish-bowl-grass-outdoors_23-2150461518.jpg" },
|
||||
{ id: "4", name: "Vikram Singh", role: "Teacher", company: "Loyal Patron", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elder-woman-having-juice_23-2148201287.jpg" },
|
||||
{ id: "5", name: "Anita Bose", role: "Designer", company: "Daily User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/schoolgirl-with-pencils-hands-closeup-student-with-school-supplies-school-background-smiles_169016-57798.jpg" },
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Hear what our neighbors say about the freshness and taste of Nannu Milk products."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Organic Dairy Board",
|
||||
"Pure Farm Alliance",
|
||||
"Health Food Certified",
|
||||
"Local Artisan Award",
|
||||
"Dairy Innovation Prize",
|
||||
"Eco-Friendly Certification",
|
||||
"Nutrition Experts Guild",
|
||||
]}
|
||||
title="Trusted Quality Standards"
|
||||
description="Proudly recognized for our commitment to dairy excellence and health standards."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={["Organic Dairy Board", "Pure Farm Alliance", "Health Food Certified", "Local Artisan Award", "Dairy Innovation Prize", "Eco-Friendly Certification", "Nutrition Experts Guild"]}
|
||||
title="Trusted Quality Standards"
|
||||
description="Proudly recognized for our commitment to dairy excellence and health standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fresh is the milk?",
|
||||
content: "Our milk is processed and delivered on the same day it is collected to ensure maximum freshness.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you deliver to my area?",
|
||||
content: "We currently serve all major neighborhoods within the city limits. Please check your pin code during checkout.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your sweets made on-site?",
|
||||
content: "Yes, all our sweets are handcrafted in our clean, professional kitchen daily using our own fresh milk.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glasses-milk-with-straw_23-2148211421.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our products, delivery, and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How fresh is the milk?", content: "Our milk is processed and delivered on the same day it is collected to ensure maximum freshness." },
|
||||
{ id: "q2", title: "Do you deliver to my area?", content: "We currently serve all major neighborhoods within the city limits. Please check your pin code during checkout." },
|
||||
{ id: "q3", title: "Are your sweets made on-site?", content: "Yes, all our sweets are handcrafted in our clean, professional kitchen daily using our own fresh milk." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glasses-milk-with-straw_23-2148211421.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our products, delivery, and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Sign up for our newsletter to receive special offers, new product updates, and milk delivery schedules."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Sign up for our newsletter to receive special offers, new product updates, and milk delivery schedules."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Nannu Milk"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Nannu Milk. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Nannu Milk"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ title: "Follow Us", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Nannu Milk. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user