Update src/app/page.tsx
This commit is contained in:
223
src/app/page.tsx
223
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Browse",
|
||||
id: "livestock",
|
||||
},
|
||||
name: "Browse", id: "livestock"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AgroTrade"
|
||||
/>
|
||||
@@ -55,19 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Premium Livestock Marketplace"
|
||||
description="Discover high-quality cattle, sheep, and goats sourced directly from certified farms. Market-leading transparency and quality assurance."
|
||||
description="Discover high-quality cattle, sheep, and goats with guaranteed health and full logistics support. Secure, transparent, and built for peace of mind."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Animals",
|
||||
href: "#livestock",
|
||||
},
|
||||
text: "Browse Animals", href: "#livestock"},
|
||||
{
|
||||
text: "Sell Your Livestock",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Sell Your Livestock", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-sheep-portrait_23-2151208393.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -80,26 +67,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Elite",
|
||||
title: "Angus Prime",
|
||||
subtitle: "High Yield Breed",
|
||||
description: "Robust health, excellent meat quality, ideal for commercial farming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-animals-sanctuary-soledad_53876-63328.jpg",
|
||||
},
|
||||
tag: "Elite", title: "Angus Prime", subtitle: "High Yield Breed", description: "Robust health, excellent meat quality, ideal for commercial farming.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-animals-sanctuary-soledad_53876-63328.jpg"},
|
||||
{
|
||||
tag: "Elite",
|
||||
title: "Hereford",
|
||||
subtitle: "Hardy Variety",
|
||||
description: "Renowned for adaptability to diverse environments and temperament.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-herd-sheep-eating-grass-pasture_23-2148214286.jpg",
|
||||
},
|
||||
tag: "Elite", title: "Hereford", subtitle: "Hardy Variety", description: "Renowned for adaptability to diverse environments and temperament.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-herd-sheep-eating-grass-pasture_23-2148214286.jpg"},
|
||||
{
|
||||
tag: "Elite",
|
||||
title: "Holstein",
|
||||
subtitle: "Dairy Excellence",
|
||||
description: "Global standards for milk production and genetic stability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-cow-illustration_23-2151589963.jpg",
|
||||
},
|
||||
tag: "Elite", title: "Holstein", subtitle: "Dairy Excellence", description: "Global standards for milk production and genetic stability.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-cow-illustration_23-2151589963.jpg"},
|
||||
]}
|
||||
title="Cattle Marketplace"
|
||||
description="Explore our curated selection of top-tier cattle breeds. Optimized for high yield and health."
|
||||
@@ -112,26 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Premium",
|
||||
title: "Merino",
|
||||
subtitle: "Wool Quality",
|
||||
description: "World-class wool softness and yield for textile production.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/simple-portrait-sheep_23-2151195496.jpg",
|
||||
},
|
||||
tag: "Premium", title: "Merino", subtitle: "Wool Quality", description: "World-class wool softness and yield for textile production.", imageSrc: "http://img.b2bpic.net/free-photo/simple-portrait-sheep_23-2151195496.jpg"},
|
||||
{
|
||||
tag: "Premium",
|
||||
title: "Boer Goat",
|
||||
subtitle: "Meat Industry",
|
||||
description: "Highly sought after for rapid growth rates and healthy meat profile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-cow-illustration_23-2151589955.jpg",
|
||||
},
|
||||
tag: "Premium", title: "Boer Goat", subtitle: "Meat Industry", description: "Highly sought after for rapid growth rates and healthy meat profile.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-cow-illustration_23-2151589955.jpg"},
|
||||
{
|
||||
tag: "Premium",
|
||||
title: "Dorper",
|
||||
subtitle: "Easy Care",
|
||||
description: "Low maintenance, high fertility breeds suitable for all pastures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sheep-nature_23-2151195483.jpg",
|
||||
},
|
||||
tag: "Premium", title: "Dorper", subtitle: "Easy Care", description: "Low maintenance, high fertility breeds suitable for all pastures.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sheep-nature_23-2151195483.jpg"},
|
||||
]}
|
||||
title="Sheep and Goats"
|
||||
description="Versatile, sustainable livestock perfect for niche and commercial agricultural projects."
|
||||
@@ -145,20 +102,11 @@ export default function LandingPage() {
|
||||
tag="Trusted by Farmers"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
description: "Animals Traded",
|
||||
},
|
||||
id: "m1", value: "15,000+", description: "Animals Traded"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2,400+",
|
||||
description: "Verified Sellers",
|
||||
},
|
||||
id: "m2", value: "2,400+", description: "Verified Sellers"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.8%",
|
||||
description: "Transaction Success",
|
||||
},
|
||||
id: "m3", value: "99.8%", description: "Transaction Success"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -172,59 +120,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Farm A",
|
||||
name: "Angus Steer",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cows-walking-dirt-road_23-2148214260.jpg",
|
||||
},
|
||||
id: "p1", brand: "Farm A", name: "Angus Steer", price: "$1,200", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cows-walking-dirt-road_23-2148214260.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Farm B",
|
||||
name: "Merino Ewe",
|
||||
price: "$450",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-feeding-animals_23-2149147887.jpg",
|
||||
},
|
||||
id: "p2", brand: "Farm B", name: "Merino Ewe", price: "$450", rating: 4,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-feeding-animals_23-2149147887.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Farm A",
|
||||
name: "Boer Doe",
|
||||
price: "$380",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-farm-looking-tablet_23-2148673076.jpg",
|
||||
},
|
||||
id: "p3", brand: "Farm A", name: "Boer Doe", price: "$380", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/male-farm-looking-tablet_23-2148673076.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Farm C",
|
||||
name: "Holstein Heifer",
|
||||
price: "$1,500",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-cow-lying-down-green-grass_268835-809.jpg",
|
||||
},
|
||||
id: "p4", brand: "Farm C", name: "Holstein Heifer", price: "$1,500", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/black-white-cow-lying-down-green-grass_268835-809.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Farm D",
|
||||
name: "Dorper Ram",
|
||||
price: "$520",
|
||||
rating: 4,
|
||||
reviewCount: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-ram-with-large-curved-horns-mountain-landscape_23-2151175490.jpg",
|
||||
},
|
||||
id: "p5", brand: "Farm D", name: "Dorper Ram", price: "$520", rating: 4,
|
||||
reviewCount: "3", imageSrc: "http://img.b2bpic.net/free-photo/majestic-ram-with-large-curved-horns-mountain-landscape_23-2151175490.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Farm B",
|
||||
name: "Hereford Bull",
|
||||
price: "$2,100",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-buffalo-standing-rain_181624-54736.jpg",
|
||||
},
|
||||
id: "p6", brand: "Farm B", name: "Hereford Bull", price: "$2,100", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-buffalo-standing-rain_181624-54736.jpg"},
|
||||
]}
|
||||
title="Top Marketplace Picks"
|
||||
description="Real-time livestock listings available for immediate trade."
|
||||
@@ -239,45 +151,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ali Karimov",
|
||||
role: "Owner",
|
||||
company: "UzGrow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-caucasian-male-gardener-wearing-gardening-hat-pretends-taking-selfie-isolated-green-wall-with-copy-space_141793-107972.jpg",
|
||||
},
|
||||
id: "t1", name: "Ali Karimov", role: "Owner", company: "UzGrow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-caucasian-male-gardener-wearing-gardening-hat-pretends-taking-selfie-isolated-green-wall-with-copy-space_141793-107972.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Zarina B.",
|
||||
role: "Head Buyer",
|
||||
company: "Premium Meats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-work_1098-12977.jpg",
|
||||
},
|
||||
id: "t2", name: "Zarina B.", role: "Head Buyer", company: "Premium Meats", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-work_1098-12977.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Bakhtiyor S.",
|
||||
role: "Farmer",
|
||||
company: "Samarkand Livestock",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-bottle-goats-milk_23-2148673054.jpg",
|
||||
},
|
||||
id: "t3", name: "Bakhtiyor S.", role: "Farmer", company: "Samarkand Livestock", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-bottle-goats-milk_23-2148673054.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena V.",
|
||||
role: "Manager",
|
||||
company: "Tashkent Agro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-view-farmer-touching-tablet-pig-farm-while-pigs-domestic-animals-eating-background_342744-356.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena V.", role: "Manager", company: "Tashkent Agro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-view-farmer-touching-tablet-pig-farm-while-pigs-domestic-animals-eating-background_342744-356.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Farrukh D.",
|
||||
role: "Trader",
|
||||
company: "Bukhara Trade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-senior-man-doing-groceries-shopping_23-2148956515.jpg",
|
||||
},
|
||||
id: "t5", name: "Farrukh D.", role: "Trader", company: "Bukhara Trade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-senior-man-doing-groceries-shopping_23-2148956515.jpg"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What our partners say about the marketplace."
|
||||
@@ -290,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I verify a seller?",
|
||||
content: "All sellers undergo a 3-step verification process including site inspection and government tax ID checks.",
|
||||
},
|
||||
id: "q1", title: "How do I verify a seller?", content: "All sellers undergo a 3-step verification process including site inspection and government tax ID checks."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are there transport services?",
|
||||
content: "Yes, we coordinate transport logistics across Uzbekistan using specialized livestock trucks.",
|
||||
},
|
||||
id: "q2", title: "Are there transport services?", content: "Yes, we coordinate transport logistics across Uzbekistan using specialized livestock trucks."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What payment methods?",
|
||||
content: "We accept bank transfers, credit line payments, and cash on delivery for verified accounts.",
|
||||
},
|
||||
id: "q3", title: "What payment methods?", content: "We accept bank transfers, credit line payments, and cash on delivery for verified accounts."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662977.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -316,20 +194,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Join the Network"
|
||||
title="Ready to Start Trading?"
|
||||
description="List your livestock today and reach thousands of verified buyers in Uzbekistan."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Telegram",
|
||||
href: "https://t.me/agrotrade",
|
||||
},
|
||||
text: "Contact Telegram", href: "https://t.me/agrotrade"},
|
||||
{
|
||||
text: "Get Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -341,13 +214,11 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/agrotrade",
|
||||
ariaLabel: "Telegram",
|
||||
},
|
||||
href: "https://t.me/agrotrade", ariaLabel: "Telegram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user