Update src/app/page.tsx
This commit is contained in:
210
src/app/page.tsx
210
src/app/page.tsx
@@ -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",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user