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 ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
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() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Market",
|
||||
id: "products",
|
||||
},
|
||||
name: "Market", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FarmTrade"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Trade Livestock with Confidence"
|
||||
description="The trusted marketplace connecting ethical farmers with verified buyers. Secure transactions, 5% processing fee, 100% transparent."
|
||||
tag="Revolutionizing Farm Trade"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herd-cows-lying-grazing-grassy-pasture-farm_181624-30769.jpg",
|
||||
imageAlt: "Healthy cattle in pasture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herd-cows-lying-grazing-grassy-pasture-farm_181624-30769.jpg", imageAlt: "Healthy cattle in pasture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-cow-grazing-pasture-daytime_181624-27184.jpg",
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-cow-grazing-pasture-daytime_181624-27184.jpg", imageAlt: "Livestock trading portal"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -96,19 +71,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Verified Users",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Verified Users", value: "100%"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Fast Transactions",
|
||||
value: "24h",
|
||||
},
|
||||
label: "Fast Transactions", value: "24h"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Market Trust",
|
||||
value: "99%",
|
||||
},
|
||||
label: "Market Trust", value: "99%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -120,28 +89,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
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,
|
||||
},
|
||||
{
|
||||
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",
|
||||
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,
|
||||
},
|
||||
{
|
||||
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",
|
||||
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,
|
||||
},
|
||||
{
|
||||
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",
|
||||
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,
|
||||
},
|
||||
]}
|
||||
title="Platform Capabilities"
|
||||
@@ -157,41 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Angus Steer",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beige-cow-with-horns_181624-35948.jpg",
|
||||
},
|
||||
id: "p1", name: "Angus Steer", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beige-cow-with-horns_181624-35948.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Merino Sheep",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmer-cowshed-looking-after-cows_1303-30886.jpg",
|
||||
},
|
||||
id: "p2", name: "Merino Sheep", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/farmer-cowshed-looking-after-cows_1303-30886.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Dairy Holstein",
|
||||
price: "$1,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-taking-care-lambs-sheep-farm_342744-425.jpg",
|
||||
},
|
||||
id: "p3", name: "Dairy Holstein", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-taking-care-lambs-sheep-farm_342744-425.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Boer Goat",
|
||||
price: "$300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-goat-chickens-front-girl_23-2147923877.jpg",
|
||||
},
|
||||
id: "p4", name: "Boer Goat", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/close-up-goat-chickens-front-girl_23-2147923877.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Simmental Heifer",
|
||||
price: "$1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-playing-with-goats_23-2148673050.jpg",
|
||||
},
|
||||
id: "p5", name: "Simmental Heifer", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-playing-with-goats_23-2148673050.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hereford Calf",
|
||||
price: "$800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bison-wild-sunny-day_23-2151688956.jpg",
|
||||
},
|
||||
id: "p6", name: "Hereford Calf", price: "$800", imageSrc: "http://img.b2bpic.net/free-photo/bison-wild-sunny-day_23-2151688956.jpg"},
|
||||
]}
|
||||
title="Recent Livestock Listings"
|
||||
description="Top-rated livestock available for immediate trade."
|
||||
@@ -205,15 +138,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "5%",
|
||||
subtitle: "Per successful sale",
|
||||
features: [
|
||||
"Verified Buyers",
|
||||
"Secure Escrow",
|
||||
"Fast Payouts",
|
||||
],
|
||||
id: "basic", badge: "Standard", price: "5%", subtitle: "Per successful sale", features: [
|
||||
"Verified Buyers", "Secure Escrow", "Fast Payouts"],
|
||||
},
|
||||
]}
|
||||
title="Simple Success Fee"
|
||||
@@ -228,45 +154,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
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: "t1", name: "John Doe", 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",
|
||||
name: "Jane Smith",
|
||||
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: "t2", name: "Jane Smith", 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",
|
||||
name: "Bob Miller",
|
||||
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: "t3", name: "Bob Miller", 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",
|
||||
name: "Alice Wong",
|
||||
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: "t4", name: "Alice Wong", 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",
|
||||
name: "Charlie Brown",
|
||||
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",
|
||||
},
|
||||
id: "t5", name: "Charlie Brown", 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}
|
||||
title="Farmer Success Stories"
|
||||
@@ -279,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the fee?",
|
||||
content: "We charge a transparent 5% processing fee on successful sales.",
|
||||
},
|
||||
id: "q1", title: "What is the fee?", content: "We charge a transparent 5% processing fee on successful sales."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it secure?",
|
||||
content: "Yes, we use a secure escrow system for all transactions.",
|
||||
},
|
||||
id: "q2", title: "Is it secure?", content: "Yes, we use a secure escrow system for all transactions."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How to start?",
|
||||
content: "Simply sign up, list your livestock, and start trading.",
|
||||
},
|
||||
id: "q3", title: "How to start?", content: "Simply sign up, list your livestock, and start trading."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
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."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
}}
|
||||
name: "message", 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"
|
||||
/>
|
||||
</div>
|
||||
@@ -333,25 +217,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Marketplace",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Marketplace", href: "#products"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user