Merge version_1 into main #1
469
src/app/page.tsx
469
src/app/page.tsx
@@ -16,339 +16,162 @@ import { CheckCircle, Droplet, Sun } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AgroSmart Farms & Engineering"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AgroSmart Farms & Engineering"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Modern Farming & Smart Agro-Engineering Solutions"
|
||||
description="We combine livestock production, farm products, irrigation systems, solar pumps, and smart engineering to power sustainable agriculture."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Contact Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solar-power-plant-field-aerial-view-solar-panels_661209-26.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-male-gardener-uniform-wearing-gardening-hat-showing-thumbs-up-isolated-purple_141793-86596.jpg",
|
||||
alt: "Farmer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-male-gardener-wearing-gardening-hat-showing-peace-gesture-isolated-green-wall_141793-82925.jpg",
|
||||
alt: "Farmer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-elderly-female-gardener-wearing-gardening-hat-gesturing-ok-sign-with-two-hands_141793-103718.jpg",
|
||||
alt: "Farmer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-gardener-man-wearing-gardening-hat-gestures-victory-hand-sign_141793-116104.jpg",
|
||||
alt: "Farmer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-female-gardener-looking-camera_23-2147918720.jpg",
|
||||
alt: "Farmer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ agricultural partners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Farming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Irrigation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Solar Energy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Livestock",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Produce",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Modern Farming & Smart Agro-Engineering Solutions"
|
||||
description="We combine livestock production, farm products, irrigation systems, solar pumps, and smart engineering to power sustainable agriculture."
|
||||
buttons={[{ text: "Explore Services", href: "#services" }, { text: "Contact Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solar-power-plant-field-aerial-view-solar-panels_661209-26.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-male-gardener-uniform-wearing-gardening-hat-showing-thumbs-up-isolated-purple_141793-86596.jpg", alt: "Farmer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-male-gardener-wearing-gardening-hat-showing-peace-gesture-isolated-green-wall_141793-82925.jpg", alt: "Farmer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/impressed-elderly-female-gardener-wearing-gardening-hat-gesturing-ok-sign-with-two-hands_141793-103718.jpg", alt: "Farmer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-gardener-man-wearing-gardening-hat-gestures-victory-hand-sign_141793-116104.jpg", alt: "Farmer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-female-gardener-looking-camera_23-2147918720.jpg", alt: "Farmer 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ agricultural partners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Sustainable Farming" },
|
||||
{ type: "text", text: "Smart Irrigation" },
|
||||
{ type: "text", text: "Solar Energy" },
|
||||
{ type: "text", text: "Premium Livestock" },
|
||||
{ type: "text", text: "Quality Produce" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Livestock Farming",
|
||||
description: "Healthy cows for premium milk production and quality beef supply.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-carrying-her-daughter-standing-near-hay-stack_23-2147907324.jpg",
|
||||
},
|
||||
{
|
||||
title: "Solar Water Pumps",
|
||||
description: "Efficient solar-powered pumping systems for sustainable farm water supply.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/field-with-lots-solar-panels_23-2148895406.jpg",
|
||||
},
|
||||
{
|
||||
title: "Irrigation Systems",
|
||||
description: "Smart irrigation design and installation to maximize crop yield.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-spraying-fertilizer-vegetable-garden_35913-3099.jpg",
|
||||
},
|
||||
{
|
||||
title: "Greenhouse Tech",
|
||||
description: "High-tech controlled environment agriculture solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-lodge-house-with-deer-antlers-hanging-window-snow-back_181624-61513.jpg",
|
||||
},
|
||||
{
|
||||
title: "Automated Farm Ops",
|
||||
description: "Integrate software to monitor field growth patterns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264383.jpg",
|
||||
},
|
||||
{
|
||||
title: "Soil Management",
|
||||
description: "Precision analysis for improved crop health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-cuenca-alta-manzanares-regional-park_181624-47943.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Advanced agro-engineering systems designed for modern farming success."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Livestock Farming", description: "Healthy cows for premium milk production and quality beef supply.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-carrying-her-daughter-standing-near-hay-stack_23-2147907324.jpg" },
|
||||
{ title: "Solar Water Pumps", description: "Efficient solar-powered pumping systems for sustainable farm water supply.", imageSrc: "http://img.b2bpic.net/free-photo/field-with-lots-solar-panels_23-2148895406.jpg" },
|
||||
{ title: "Irrigation Systems", description: "Smart irrigation design and installation to maximize crop yield.", imageSrc: "http://img.b2bpic.net/free-photo/robot-spraying-fertilizer-vegetable-garden_35913-3099.jpg" },
|
||||
{ title: "Greenhouse Tech", description: "High-tech controlled environment agriculture solutions.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-lodge-house-with-deer-antlers-hanging-window-snow-back_181624-61513.jpg" },
|
||||
{ title: "Automated Farm Ops", description: "Integrate software to monitor field growth patterns.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264383.jpg" },
|
||||
{ title: "Soil Management", description: "Precision analysis for improved crop health.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-cuenca-alta-manzanares-regional-park_181624-47943.jpg" }
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Advanced agro-engineering systems designed for modern farming success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Fresh Milk",
|
||||
price: "Premium Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642886.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Quality Beef",
|
||||
price: "Fresh Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herd-cows-producing-milk-gruyere-cheese-france-spring_181624-44169.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Farm Eggs",
|
||||
price: "Daily Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-chicken-eggs_23-2148592149.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Maize Supply",
|
||||
price: "Bulk Available",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sack-full-corns-with-corn-shell-silk-wooden-surface_141793-10638.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Organic Produce",
|
||||
price: "Seasonal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-dry-club-wheat-bundle-textured-background_53876-47213.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Farm Honey",
|
||||
price: "Pure Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/common-food-that-can-cause-allergic-reaction-people_23-2149870516.jpg",
|
||||
},
|
||||
]}
|
||||
title="Farm Products & Livestock"
|
||||
description="Providing fresh, reliable agricultural produce for homes and businesses."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Fresh Milk", price: "Premium Quality", imageSrc: "http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642886.jpg" },
|
||||
{ id: "p2", name: "Quality Beef", price: "Fresh Cut", imageSrc: "http://img.b2bpic.net/free-photo/herd-cows-producing-milk-gruyere-cheese-france-spring_181624-44169.jpg" },
|
||||
{ id: "p3", name: "Farm Eggs", price: "Daily Fresh", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-chicken-eggs_23-2148592149.jpg" },
|
||||
{ id: "p4", name: "Maize Supply", price: "Bulk Available", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sack-full-corns-with-corn-shell-silk-wooden-surface_141793-10638.jpg" },
|
||||
{ id: "p5", name: "Organic Produce", price: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/closeup-dry-club-wheat-bundle-textured-background_53876-47213.jpg" },
|
||||
{ id: "p6", name: "Farm Honey", price: "Pure Local", imageSrc: "http://img.b2bpic.net/free-photo/common-food-that-can-cause-allergic-reaction-people_23-2149870516.jpg" }
|
||||
]}
|
||||
title="Farm Products & Livestock"
|
||||
description="Providing fresh, reliable agricultural produce for homes and businesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Sun,
|
||||
title: "Solar Systems",
|
||||
value: "85",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Droplet,
|
||||
title: "Irrigation Sites",
|
||||
value: "120",
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Scaling agriculture through smart technology."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: CheckCircle, title: "Projects Completed", value: "150+" },
|
||||
{ id: "m2", icon: Sun, title: "Solar Systems", value: "85" },
|
||||
{ id: "m3", icon: Droplet, title: "Irrigation Sites", value: "120" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Scaling agriculture through smart technology."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="AgroSmart transformed my farm operations. The irrigation system is perfect."
|
||||
rating={5}
|
||||
author="Sarah J., Farm Owner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-holds-hoe-rake_141793-116250.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-man-talking-phone-checking-time_23-2147689192.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/organic-farm-bearded-man-greenhouse-with-tomatoes-hands_259150-59262.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-pictures-young-farmer-greenhouse-satisfied-face_482257-31066.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="AgroSmart transformed my farm operations. The irrigation system is perfect."
|
||||
rating={5}
|
||||
author="Sarah J., Farm Owner"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-holds-hoe-rake_141793-116250.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-man-talking-phone-checking-time_23-2147689192.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/organic-farm-bearded-man-greenhouse-with-tomatoes-hands_259150-59262.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-pictures-young-farmer-greenhouse-satisfied-face_482257-31066.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I contact you?",
|
||||
content: "You can reach us directly via WhatsApp at +4915752224422.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide electrical services?",
|
||||
content: "Yes, we handle modern agricultural electrical systems and automation.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you scale farm projects?",
|
||||
content: "We work with small and large-scale farms to implement efficient infrastructure.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What regions do you serve?",
|
||||
content: "We operate regionally with local partnership support.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Are your products organic?",
|
||||
content: "We prioritize sustainable, chemical-free methods for all produce.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do I contact you?", content: "You can reach us directly via WhatsApp at +4915752224422." },
|
||||
{ id: "f2", title: "Do you provide electrical services?", content: "Yes, we handle modern agricultural electrical systems and automation." },
|
||||
{ id: "f3", title: "Can you scale farm projects?", content: "We work with small and large-scale farms to implement efficient infrastructure." },
|
||||
{ id: "f4", title: "What regions do you serve?", content: "We operate regionally with local partnership support." },
|
||||
{ id: "f5", title: "Are your products organic?", content: "We prioritize sustainable, chemical-free methods for all produce." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Let’s Build Your Smart Farm"
|
||||
description="Contact us today for professional agro-engineering solutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Let’s Build Your Smart Farm"
|
||||
description="Contact us today for professional agro-engineering solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-wooden-fence-beautiful-mountain-landscape-blue-sky_181624-41984.jpg"
|
||||
logoText="AgroSmart Farms & Engineering"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Livestock",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Irrigation",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Engineering",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/+4915752224422",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-wooden-fence-beautiful-mountain-landscape-blue-sky_181624-41984.jpg"
|
||||
logoText="AgroSmart Farms & Engineering"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Livestock", href: "#services" }, { label: "Irrigation", href: "#services" }, { label: "Engineering", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "Contact Us", href: "#contact" }, { label: "WhatsApp", href: "https://wa.me/+4915752224422" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user