bender/f3dc29bb-167c-4bdf-bf3e-ceade79d9e00
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-10 09:43:09 +00:00
parent b917ecf37e 93a862d987
commit d976e640b8
1 changed files with 150 additions and 369 deletions
Download Patch File Download Diff File Expand all files Collapse all files

519
src/app/page.tsx
View File

@@ -16,386 +16,167 @@ import { Activity, Lock, ShieldCheck, ShoppingCart } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-shift" defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight" defaultTextAnimation="background-highlight"
borderRadius="soft" borderRadius="soft"
contentWidth="small" contentWidth="small"
sizing="largeSizeMediumTitles" sizing="largeSizeMediumTitles"
background="aurora" background="aurora"
cardStyle="glass-elevated" cardStyle="glass-elevated"
primaryButtonStyle="flat" primaryButtonStyle="flat"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="extrabold" headingFontWeight="extrabold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Animals", id: "animals" },
}, { name: "Contact", id: "contact" },
{ { name: "Profile", id: "profile" },
name: "About", ]}
id: "about", brandName="SmartFarm OS"
}, />
{ </div>
name: "Animals",
id: "animals",
},
{
name: "Contact",
id: "contact",
},
{
name: "Profile",
id: "profile",
},
]}
brandName="SmartFarm OS"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{ variant: "plain" }}
variant: "plain", title="Welcome to your Digital Farm"
}} description="Secure, high-end livestock management designed for the modern farmer."
title="Welcome to your Digital Farm" mediaItems={[
description="Secure, high-end livestock management designed for the modern farmer." { imageSrc: "http://img.b2bpic.net/free-photo/sunset-landscape-photo-moravian-tuscany-czech-republic_1161-829.jpg", imageAlt: "modern livestock farm overview" },
mediaItems={[ { 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/sunset-landscape-photo-moravian-tuscany-czech-republic_1161-829.jpg?_wi=1", { imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-leader-herd-wild-horses-andorran-pyrenees-enjoying-wildlife_181624-54080.jpg", imageAlt: "horse on pasture" },
imageAlt: "modern livestock farm overview", { 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" },
{ ]}
imageSrc: "http://img.b2bpic.net/free-photo/close-up-goat-farm-field_23-2148315261.jpg?_wi=1", />
imageAlt: "healthy cow grazing portrait", </div>
},
{
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"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
useInvertedBackground={false} useInvertedBackground={false}
tag="About SmartFarm OS" tag="About SmartFarm OS"
title="Empowering Sustainable Agriculture" title="Empowering Sustainable Agriculture"
description="SmartFarm OS streamlines your livestock management, offering real-time data entry, health tracking, and automated reporting." 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." subdescription="Built for owners who demand security, efficiency, and professional-grade tools."
icon={ShieldCheck} icon={ShieldCheck}
imageSrc="http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept-robot-farmers-agriculture-technology-farm-automation_35913-2601.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept-robot-farmers-agriculture-technology-farm-automation_35913-2601.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
imageAlt="farm management office" imageAlt="farm management office"
/> />
</div> </div>
<div id="animals" data-section="animals"> <div id="animals" data-section="animals">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ 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: "cow1", { 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" },
name: "Dairy Cow A1", { 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" },
price: "Species: Cow", { 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" },
variant: "Age: 3y", { 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" },
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-cow-eating-grass-pasture_23-2148214251.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"
id: "hen1", description="Manage your animals, track health metrics, and access tele-medicine features."
name: "Layers Group B", />
price: "Species: Hen", </div>
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"> <div id="features" data-section="features">
<FeatureCardTwentyFive <FeatureCardTwentyFive
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: "Tele-Medicine", { 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" }] },
description: "Get real-time health data for your animals.", { 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" }] },
icon: Activity, ]}
mediaItems: [ title="Smart Farm Features"
{ description="Powerful tools to keep your farm productive and healthy."
imageSrc: "http://img.b2bpic.net/free-photo/olive-oil-with-vegetables_1220-364.jpg", />
}, </div>
{
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="ecommerce" data-section="ecommerce"> <div id="ecommerce" data-section="ecommerce">
<ProductCardFour <ProductCardFour
textboxLayout="default" animationType="slide-up"
gridVariant="three-columns-all-equal-width" textboxLayout="default"
useInvertedBackground={false} gridVariant="three-columns-all-equal-width"
products={[ useInvertedBackground={false}
{ products={[
id: "e1", { id: "e1", name: "Automatic Feeder", price: "$450", variant: "Automation", imageSrc: "http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept_35913-2156.jpg" },
name: "Automatic Feeder", { 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" },
price: "$450", { 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" },
variant: "Automation", { id: "e4", name: "Feed Supplement", price: "$80", variant: "Health", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-healthy-ingredients_23-2148685806.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept_35913-2156.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" },
{ ]}
id: "e2", title="Farm Equipment Store"
name: "Vet Medicine Pack", description="Essential tools and medicines for livestock management."
price: "$120", />
variant: "Pharma", </div>
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"> <div id="stats" data-section="stats">
<MetricCardTwo <MetricCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "120+", description: "Healthy Animals Managed" },
id: "m1", { id: "m2", value: "95%", description: "Automation Efficiency" },
value: "120+", { id: "m3", value: "24/7", description: "Support Accessibility" },
description: "Healthy Animals Managed", { id: "m4", value: "500+", description: "Global Farmers" },
}, { id: "m5", value: "100%", description: "Data Encrypted" },
{ ]}
id: "m2", title="Our Impact Metrics"
value: "95%", description="Evidence of growth and efficiency for our users."
description: "Automation Efficiency", />
}, </div>
{
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"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "How do I add new animals?", content: "Use the Animal Management dashboard to upload photos via the device camera." },
id: "f1", { id: "f2", title: "Is my data secure?", content: "Yes, we use industry-standard encryption and JWT authentication." },
title: "How do I add new animals?", { id: "f3", title: "Can I order medicine online?", content: "Yes, our e-commerce portal connects you with world-leading medicine suppliers." },
content: "Use the Animal Management dashboard to upload photos via the device camera.", { 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." },
{ ]}
id: "f2", sideTitle="Frequently Asked Questions"
title: "Is my data secure?", faqsAnimation="slide-up"
content: "Yes, we use industry-standard encryption and JWT authentication.", />
}, </div>
{
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"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain", text="Need support? Reach out to our team for personalized farm management assistance."
}} buttons={[{ text: "Contact Support", href: "#" }]}
text="Need support? Reach out to our team for personalized farm management assistance." />
buttons={[ </div>
{
text: "Contact Support",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[
{ { title: "SmartFarm OS", items: [{ label: "About", href: "#about" }, { label: "Animals", href: "#animals" }] },
title: "SmartFarm OS", { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#contact" }] },
items: [ ]}
{ bottomLeftText="© 2024 SmartFarm OS"
label: "About", bottomRightText="All rights reserved"
href: "#about", />
}, </div>
{
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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }