Update src/app/page.tsx

This commit is contained in:
2026-05-09 11:58:06 +00:00
parent d904e4962d
commit 6abc48651f

View File

@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import PricingCardOne from '@/components/sections/pricing/PricingCardOne'; import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Shield, Zap } from "lucide-react"; import { Award, Shield, Zap, Bell, Globe } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Market", name: "Market", id: "products"},
id: "products",
},
{ {
name: "Features", name: "Features", id: "features"},
id: "features",
},
{ {
name: "Pricing", name: "Pricing", id: "pricing"},
id: "pricing",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="FarmTrade" brandName="FarmTrade"
/> />
@@ -56,32 +48,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Trade Livestock with Confidence" title="Trade Livestock with Confidence"
description="The trusted marketplace connecting ethical farmers with verified buyers. Secure transactions, 5% processing fee, 100% transparent." description="The trusted marketplace connecting ethical farmers with verified buyers. Secure transactions, 5% processing fee, 100% transparent."
tag="Revolutionizing Farm Trade" tag="Revolutionizing Farm Trade"
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/herd-cows-lying-grazing-grassy-pasture-farm_181624-30769.jpg", imageSrc: "http://img.b2bpic.net/free-photo/herd-cows-lying-grazing-grassy-pasture-farm_181624-30769.jpg", imageAlt: "Healthy cattle in pasture"},
imageAlt: "Healthy cattle in pasture",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/black-white-cow-grazing-pasture-daytime_181624-27184.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-white-cow-grazing-pasture-daytime_181624-27184.jpg", imageAlt: "Livestock trading portal"}
imageAlt: "Livestock trading portal",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/herd-cattle-grazing-fresh-meadow-blue-sky-with-clouds_181624-46110.jpg",
imageAlt: "Herd of cattle grazing in a fresh meadow",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sweet-herd-donkeys-standing-together-valley_493961-1056.jpg",
imageAlt: "Sweet herd of donkeys standing together",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/shot-ranch-with-kettle-grazing-grass-fence_181624-1431.jpg",
imageAlt: "Ranch with cattle grazing behind a fence",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -96,19 +71,13 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Shield, icon: Shield,
label: "Verified Users", label: "Verified Users", value: "100%"},
value: "100%",
},
{ {
icon: Zap, icon: Zap,
label: "Fast Transactions", label: "Fast Transactions", value: "24h"},
value: "24h",
},
{ {
icon: Award, icon: Award,
label: "Market Trust", label: "Market Trust", value: "99%"},
value: "99%",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -120,28 +89,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Secure Payments", title: "Secure Payments", description: "Safe escrow system for all trades.", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-payment-terminal-smartphone_107791-17710.jpg", buttonIcon: Shield,
description: "Safe escrow system for all trades.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-payment-terminal-smartphone_107791-17710.jpg",
buttonIcon: "Shield",
}, },
{ {
title: "Smart Management", title: "Smart Management", description: "AI-powered tracking for every animal.", imageSrc: "http://img.b2bpic.net/free-photo/inspection-vegetable-garden-quality-by-farmers_1150-7402.jpg", buttonIcon: Zap,
description: "AI-powered tracking for every animal.",
imageSrc: "http://img.b2bpic.net/free-photo/inspection-vegetable-garden-quality-by-farmers_1150-7402.jpg",
buttonIcon: "Zap",
}, },
{ {
title: "Instant Notifications", title: "Instant Notifications", description: "Real-time alerts on your sales.", imageSrc: "http://img.b2bpic.net/free-photo/notification-bell-right-side_187299-44732.jpg", buttonIcon: Bell,
description: "Real-time alerts on your sales.",
imageSrc: "http://img.b2bpic.net/free-photo/notification-bell-right-side_187299-44732.jpg",
buttonIcon: "Bell",
}, },
{ {
title: "Nationwide Reach", title: "Nationwide Reach", description: "Connect with buyers across states.", imageSrc: "http://img.b2bpic.net/free-photo/future-online-technology-global-concept_53876-120824.jpg", buttonIcon: Globe,
description: "Connect with buyers across states.",
imageSrc: "http://img.b2bpic.net/free-photo/future-online-technology-global-concept_53876-120824.jpg",
buttonIcon: "Globe",
}, },
]} ]}
title="Platform Capabilities" title="Platform Capabilities"
@@ -157,41 +114,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Angus Steer", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beige-cow-with-horns_181624-35948.jpg"},
name: "Angus Steer",
price: "$1,200",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beige-cow-with-horns_181624-35948.jpg",
},
{ {
id: "p2", id: "p2", name: "Merino Sheep", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/farmer-cowshed-looking-after-cows_1303-30886.jpg"},
name: "Merino Sheep",
price: "$450",
imageSrc: "http://img.b2bpic.net/free-photo/farmer-cowshed-looking-after-cows_1303-30886.jpg",
},
{ {
id: "p3", id: "p3", name: "Dairy Holstein", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-taking-care-lambs-sheep-farm_342744-425.jpg"},
name: "Dairy Holstein",
price: "$1,800",
imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-taking-care-lambs-sheep-farm_342744-425.jpg",
},
{ {
id: "p4", id: "p4", name: "Boer Goat", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/close-up-goat-chickens-front-girl_23-2147923877.jpg"},
name: "Boer Goat",
price: "$300",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-goat-chickens-front-girl_23-2147923877.jpg",
},
{ {
id: "p5", id: "p5", name: "Simmental Heifer", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-playing-with-goats_23-2148673050.jpg"},
name: "Simmental Heifer",
price: "$1,500",
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-playing-with-goats_23-2148673050.jpg",
},
{ {
id: "p6", id: "p6", name: "Hereford Calf", price: "$800", imageSrc: "http://img.b2bpic.net/free-photo/bison-wild-sunny-day_23-2151688956.jpg"},
name: "Hereford Calf",
price: "$800",
imageSrc: "http://img.b2bpic.net/free-photo/bison-wild-sunny-day_23-2151688956.jpg",
},
]} ]}
title="Recent Livestock Listings" title="Recent Livestock Listings"
description="Top-rated livestock available for immediate trade." description="Top-rated livestock available for immediate trade."
@@ -205,15 +138,8 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "basic", id: "basic", badge: "Standard", price: "5%", subtitle: "Per successful sale", features: [
badge: "Standard", "Verified Buyers", "Secure Escrow", "Fast Payouts"],
price: "5%",
subtitle: "Per successful sale",
features: [
"Verified Buyers",
"Secure Escrow",
"Fast Payouts",
],
}, },
]} ]}
title="Simple Success Fee" title="Simple Success Fee"
@@ -228,45 +154,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Best platform for livestock trading, super transparent.", rating: 5,
name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/smiling-elderly-female-gardener-wearing-gardening-hat-standing-with-raised-hands-isolated-green-wall-with-copy-space_141793-118513.jpg"},
handle: "@johndoe",
testimonial: "Best platform for livestock trading, super transparent.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-elderly-female-gardener-wearing-gardening-hat-standing-with-raised-hands-isolated-green-wall-with-copy-space_141793-118513.jpg",
},
{ {
id: "t2", id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "Sold my herd in just three days. Highly recommended.", rating: 5,
name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-florist-apron-touching-screen-digital-tablet_23-2148049467.jpg"},
handle: "@janesmith",
testimonial: "Sold my herd in just three days. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-florist-apron-touching-screen-digital-tablet_23-2148049467.jpg",
},
{ {
id: "t3", id: "t3", name: "Bob Miller", handle: "@bobmiller", testimonial: "The 5% fee is very fair given the service quality.", rating: 5,
name: "Bob Miller", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-standing-with-camera-safari-vacation_107420-9635.jpg"},
handle: "@bobmiller",
testimonial: "The 5% fee is very fair given the service quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-standing-with-camera-safari-vacation_107420-9635.jpg",
},
{ {
id: "t4", id: "t4", name: "Alice Wong", handle: "@alicewong", testimonial: "Extremely helpful customer support. A true partner.", rating: 5,
name: "Alice Wong", imageSrc: "http://img.b2bpic.net/free-photo/man-picking-up-organic-carrot-right-from-field_329181-16477.jpg"},
handle: "@alicewong",
testimonial: "Extremely helpful customer support. A true partner.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-picking-up-organic-carrot-right-from-field_329181-16477.jpg",
},
{ {
id: "t5", id: "t5", name: "Charlie Brown", handle: "@charliebrown", testimonial: "The interface is so clean and easy to navigate.", rating: 5,
name: "Charlie Brown", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170382.jpg"},
handle: "@charliebrown",
testimonial: "The interface is so clean and easy to navigate.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170382.jpg",
},
]} ]}
showRating={true} showRating={true}
title="Farmer Success Stories" title="Farmer Success Stories"
@@ -279,20 +180,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "What is the fee?", content: "We charge a transparent 5% processing fee on successful sales."},
title: "What is the fee?",
content: "We charge a transparent 5% processing fee on successful sales.",
},
{ {
id: "q2", id: "q2", title: "Is it secure?", content: "Yes, we use a secure escrow system for all transactions."},
title: "Is it secure?",
content: "Yes, we use a secure escrow system for all transactions.",
},
{ {
id: "q3", id: "q3", title: "How to start?", content: "Simply sign up, list your livestock, and start trading."},
title: "How to start?",
content: "Simply sign up, list your livestock, and start trading.",
},
]} ]}
sideTitle="Questions?" sideTitle="Questions?"
sideDescription="Everything you need to know." sideDescription="Everything you need to know."
@@ -307,22 +199,14 @@ export default function LandingPage() {
description="Have questions? We are here to support your farming business." description="Have questions? We are here to support your farming business."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "How can we help you?"}}
placeholder: "How can we help you?",
}}
imageSrc="http://img.b2bpic.net/free-photo/close-up-laptop-running-data-insights-empty-dark-office-late-night_482257-130090.jpg" imageSrc="http://img.b2bpic.net/free-photo/close-up-laptop-running-data-insights-empty-dark-office-late-night_482257-130090.jpg"
/> />
</div> </div>
@@ -333,25 +217,17 @@ export default function LandingPage() {
{ {
items: [ items: [
{ {
label: "Marketplace", label: "Marketplace", href: "#products"},
href: "#products",
},
{ {
label: "Features", label: "Features", href: "#features"},
href: "#features",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Pricing", label: "Pricing", href: "#pricing"},
href: "#pricing",
},
{ {
label: "Support", label: "Support", href: "#contact"},
href: "#contact",
},
], ],
}, },
]} ]}