Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-05-10 09:43:09 +00:00

View File

@@ -16,386 +16,167 @@ import { Activity, Lock, ShieldCheck, ShoppingCart } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Animals",
id: "animals",
},
{
name: "Contact",
id: "contact",
},
{
name: "Profile",
id: "profile",
},
]}
brandName="SmartFarm OS"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Animals", id: "animals" },
{ name: "Contact", id: "contact" },
{ name: "Profile", id: "profile" },
]}
brandName="SmartFarm OS"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
title="Welcome to your Digital Farm"
description="Secure, high-end livestock management designed for the modern farmer."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/sunset-landscape-photo-moravian-tuscany-czech-republic_1161-829.jpg?_wi=1",
imageAlt: "modern livestock farm overview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-goat-farm-field_23-2148315261.jpg?_wi=1",
imageAlt: "healthy cow grazing portrait",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-scene-poultry-farm-with-chickens_23-2151500789.jpg",
imageAlt: "chicken on farm",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-leader-herd-wild-horses-andorran-pyrenees-enjoying-wildlife_181624-54080.jpg",
imageAlt: "horse on pasture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/herd-cows-grazing-pasture-with-beautiful-green-trees-background_181624-19535.jpg",
imageAlt: "grazing cow field",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-watering-can-boots_23-2148224008.jpg",
imageAlt: "farm equipment studio",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "plain" }}
title="Welcome to your Digital Farm"
description="Secure, high-end livestock management designed for the modern farmer."
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/sunset-landscape-photo-moravian-tuscany-czech-republic_1161-829.jpg", imageAlt: "modern livestock farm overview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-goat-farm-field_23-2148315261.jpg", imageAlt: "healthy cow grazing portrait" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-scene-poultry-farm-with-chickens_23-2151500789.jpg", imageAlt: "chicken on farm" },
{ imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-leader-herd-wild-horses-andorran-pyrenees-enjoying-wildlife_181624-54080.jpg", imageAlt: "horse on pasture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/herd-cows-grazing-pasture-with-beautiful-green-trees-background_181624-19535.jpg", imageAlt: "grazing cow field" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-watering-can-boots_23-2148224008.jpg", imageAlt: "farm equipment studio" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About SmartFarm OS"
title="Empowering Sustainable Agriculture"
description="SmartFarm OS streamlines your livestock management, offering real-time data entry, health tracking, and automated reporting."
subdescription="Built for owners who demand security, efficiency, and professional-grade tools."
icon={ShieldCheck}
imageSrc="http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept-robot-farmers-agriculture-technology-farm-automation_35913-2601.jpg?_wi=1"
mediaAnimation="slide-up"
imageAlt="farm management office"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About SmartFarm OS"
title="Empowering Sustainable Agriculture"
description="SmartFarm OS streamlines your livestock management, offering real-time data entry, health tracking, and automated reporting."
subdescription="Built for owners who demand security, efficiency, and professional-grade tools."
icon={ShieldCheck}
imageSrc="http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept-robot-farmers-agriculture-technology-farm-automation_35913-2601.jpg"
mediaAnimation="slide-up"
imageAlt="farm management office"
/>
</div>
<div id="animals" data-section="animals">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "cow1",
name: "Dairy Cow A1",
price: "Species: Cow",
variant: "Age: 3y",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-cow-eating-grass-pasture_23-2148214251.jpg",
},
{
id: "hen1",
name: "Layers Group B",
price: "Species: Hen",
variant: "Age: 1y",
imageSrc: "http://img.b2bpic.net/free-photo/view-wild-elk-out-nature_23-2150834901.jpg",
},
{
id: "horse1",
name: "Thoroughbred C",
price: "Species: Horse",
variant: "Age: 5y",
imageSrc: "http://img.b2bpic.net/free-photo/horses-graze-golden-meadow_158595-6262.jpg",
},
{
id: "cow2",
name: "Dairy Cow A2",
price: "Species: Cow",
variant: "Age: 2y",
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-cow_23-2149125528.jpg",
},
{
id: "hen2",
name: "Layers Group D",
price: "Species: Hen",
variant: "Age: 8m",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-feeding-birds_23-2149456944.jpg",
},
{
id: "horse2",
name: "Sport Horse E",
price: "Species: Horse",
variant: "Age: 4y",
imageSrc: "http://img.b2bpic.net/free-photo/brown-mane-with-white-hair-grazing-field-sunlight-daytime_181624-30739.jpg",
},
]}
title="Our Livestock Inventory"
description="Manage your animals, track health metrics, and access tele-medicine features."
/>
</div>
<div id="animals" data-section="animals">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "cow1", name: "Dairy Cow A1", price: "Species: Cow", variant: "Age: 3y", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-cow-eating-grass-pasture_23-2148214251.jpg" },
{ id: "hen1", name: "Layers Group B", price: "Species: Hen", variant: "Age: 1y", imageSrc: "http://img.b2bpic.net/free-photo/view-wild-elk-out-nature_23-2150834901.jpg" },
{ id: "horse1", name: "Thoroughbred C", price: "Species: Horse", variant: "Age: 5y", imageSrc: "http://img.b2bpic.net/free-photo/horses-graze-golden-meadow_158595-6262.jpg" },
{ id: "cow2", name: "Dairy Cow A2", price: "Species: Cow", variant: "Age: 2y", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-cow_23-2149125528.jpg" },
{ id: "hen2", name: "Layers Group D", price: "Species: Hen", variant: "Age: 8m", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-feeding-birds_23-2149456944.jpg" },
{ id: "horse2", name: "Sport Horse E", price: "Species: Horse", variant: "Age: 4y", imageSrc: "http://img.b2bpic.net/free-photo/brown-mane-with-white-hair-grazing-field-sunlight-daytime_181624-30739.jpg" },
]}
title="Our Livestock Inventory"
description="Manage your animals, track health metrics, and access tele-medicine features."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Tele-Medicine",
description: "Get real-time health data for your animals.",
icon: Activity,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/olive-oil-with-vegetables_1220-364.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314353.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/sunset-landscape-photo-moravian-tuscany-czech-republic_1161-829.jpg?_wi=2",
imageAlt: "animal medicine farm supplies",
},
{
title: "Auto-Marketplace",
description: "Source high-end equipment from global leaders.",
icon: ShoppingCart,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/farmer-with-tablet-working-organic-hydroponic-vegetable-garden-greenhouse-smart-agriculture-farm-sensor-technology-concept-farmer-hand-using-tablet-monitoring-temperature_1150-10648.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/robots-harvesting-strawberries-with-drones-futuristic-farm_23-2152000857.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept-robot-farmers-agriculture-technology-farm-automation_35913-2601.jpg?_wi=2",
imageAlt: "animal medicine farm supplies",
},
{
title: "Security Logins",
description: "Encrypted access for farm records.",
icon: Lock,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/flour-being-made_1353-150.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/livestock-farmer-sheep_342744-424.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-goat-farm-field_23-2148315261.jpg?_wi=2",
imageAlt: "animal medicine farm supplies",
},
]}
title="Smart Farm Features"
description="Powerful tools to keep your farm productive and healthy."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Tele-Medicine", description: "Get real-time health data for your animals.", icon: Activity, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/olive-oil-with-vegetables_1220-364.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314353.jpg" }] },
{ title: "Auto-Marketplace", description: "Source high-end equipment from global leaders.", icon: ShoppingCart, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/farmer-with-tablet-working-organic-hydroponic-vegetable-garden-greenhouse-smart-agriculture-farm-sensor-technology-concept-farmer-hand-using-tablet-monitoring-temperature_1150-10648.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/robots-harvesting-strawberries-with-drones-futuristic-farm_23-2152000857.jpg" }] },
{ title: "Security Logins", description: "Encrypted access for farm records.", icon: Lock, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/flour-being-made_1353-150.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/livestock-farmer-sheep_342744-424.jpg" }] },
]}
title="Smart Farm Features"
description="Powerful tools to keep your farm productive and healthy."
/>
</div>
<div id="ecommerce" data-section="ecommerce">
<ProductCardFour
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "e1",
name: "Automatic Feeder",
price: "$450",
variant: "Automation",
imageSrc: "http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept_35913-2156.jpg",
},
{
id: "e2",
name: "Vet Medicine Pack",
price: "$120",
variant: "Pharma",
imageSrc: "http://img.b2bpic.net/free-photo/watering-can-transparent-green-spray-bottle-rope-napkin-table_23-2147844361.jpg",
},
{
id: "e3",
name: "Smart Monitor",
price: "$300",
variant: "Sensors",
imageSrc: "http://img.b2bpic.net/free-photo/agronomist-examines-growing-melon-seedlings-farm-farmers-researchers-analysis-plant_1150-10620.jpg",
},
{
id: "e4",
name: "Feed Supplement",
price: "$80",
variant: "Health",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-healthy-ingredients_23-2148685806.jpg",
},
{
id: "e5",
name: "Milking System",
price: "$1200",
variant: "Machinery",
imageSrc: "http://img.b2bpic.net/free-photo/arranged-boots-with-instruments-garden_23-2148028901.jpg",
},
{
id: "e6",
name: "Health Trackers",
price: "$250",
variant: "Tech",
imageSrc: "http://img.b2bpic.net/free-photo/inspection-vegetable-garden-quality-by-farmers_1150-7402.jpg",
},
]}
title="Farm Equipment Store"
description="Essential tools and medicines for livestock management."
/>
</div>
<div id="ecommerce" data-section="ecommerce">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "e1", name: "Automatic Feeder", price: "$450", variant: "Automation", imageSrc: "http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept_35913-2156.jpg" },
{ id: "e2", name: "Vet Medicine Pack", price: "$120", variant: "Pharma", imageSrc: "http://img.b2bpic.net/free-photo/watering-can-transparent-green-spray-bottle-rope-napkin-table_23-2147844361.jpg" },
{ id: "e3", name: "Smart Monitor", price: "$300", variant: "Sensors", imageSrc: "http://img.b2bpic.net/free-photo/agronomist-examines-growing-melon-seedlings-farm-farmers-researchers-analysis-plant_1150-10620.jpg" },
{ id: "e4", name: "Feed Supplement", price: "$80", variant: "Health", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-healthy-ingredients_23-2148685806.jpg" },
{ id: "e5", name: "Milking System", price: "$1200", variant: "Machinery", imageSrc: "http://img.b2bpic.net/free-photo/arranged-boots-with-instruments-garden_23-2148028901.jpg" },
{ id: "e6", name: "Health Trackers", price: "$250", variant: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/inspection-vegetable-garden-quality-by-farmers_1150-7402.jpg" },
]}
title="Farm Equipment Store"
description="Essential tools and medicines for livestock management."
/>
</div>
<div id="stats" data-section="stats">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "120+",
description: "Healthy Animals Managed",
},
{
id: "m2",
value: "95%",
description: "Automation Efficiency",
},
{
id: "m3",
value: "24/7",
description: "Support Accessibility",
},
{
id: "m4",
value: "500+",
description: "Global Farmers",
},
{
id: "m5",
value: "100%",
description: "Data Encrypted",
},
]}
title="Our Impact Metrics"
description="Evidence of growth and efficiency for our users."
/>
</div>
<div id="stats" data-section="stats">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "120+", description: "Healthy Animals Managed" },
{ id: "m2", value: "95%", description: "Automation Efficiency" },
{ id: "m3", value: "24/7", description: "Support Accessibility" },
{ id: "m4", value: "500+", description: "Global Farmers" },
{ id: "m5", value: "100%", description: "Data Encrypted" },
]}
title="Our Impact Metrics"
description="Evidence of growth and efficiency for our users."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I add new animals?",
content: "Use the Animal Management dashboard to upload photos via the device camera.",
},
{
id: "f2",
title: "Is my data secure?",
content: "Yes, we use industry-standard encryption and JWT authentication.",
},
{
id: "f3",
title: "Can I order medicine online?",
content: "Yes, our e-commerce portal connects you with world-leading medicine suppliers.",
},
{
id: "f4",
title: "How is support provided?",
content: "Our support team is available 24/7 through our built-in help desk.",
},
{
id: "f5",
title: "Is there a trial available?",
content: "We offer a 30-day trial for new farm registrations.",
},
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How do I add new animals?", content: "Use the Animal Management dashboard to upload photos via the device camera." },
{ id: "f2", title: "Is my data secure?", content: "Yes, we use industry-standard encryption and JWT authentication." },
{ id: "f3", title: "Can I order medicine online?", content: "Yes, our e-commerce portal connects you with world-leading medicine suppliers." },
{ id: "f4", title: "How is support provided?", content: "Our support team is available 24/7 through our built-in help desk." },
{ id: "f5", title: "Is there a trial available?", content: "We offer a 30-day trial for new farm registrations." },
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Need support? Reach out to our team for personalized farm management assistance."
buttons={[
{
text: "Contact Support",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Need support? Reach out to our team for personalized farm management assistance."
buttons={[{ text: "Contact Support", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "SmartFarm OS",
items: [
{
label: "About",
href: "#about",
},
{
label: "Animals",
href: "#animals",
},
],
},
{
title: "Support",
items: [
{
label: "Help Center",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
bottomLeftText="© 2024 SmartFarm OS"
bottomRightText="All rights reserved"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "SmartFarm OS", items: [{ label: "About", href: "#about" }, { label: "Animals", href: "#animals" }] },
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#contact" }] },
]}
bottomLeftText="© 2024 SmartFarm OS"
bottomRightText="All rights reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}