251 lines
11 KiB
TypeScript
251 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
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, Bell, Globe } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Market", id: "products"},
|
|
{
|
|
name: "Features", id: "features"},
|
|
{
|
|
name: "Pricing", id: "pricing"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="FarmTrade"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
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"
|
|
buttons={[
|
|
{ text: "Start Trading for Free", href: "#contact" }
|
|
]}
|
|
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/black-white-cow-grazing-pasture-daytime_181624-27184.jpg", imageAlt: "Livestock trading portal"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Rated 5 stars by over 1,000+ happy farmers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Why FarmTrade?"
|
|
metrics={[
|
|
{
|
|
icon: Shield,
|
|
label: "Verified Users", value: "100%"},
|
|
{
|
|
icon: Zap,
|
|
label: "Fast Transactions", value: "24h"},
|
|
{
|
|
icon: Award,
|
|
label: "Market Trust", value: "99%"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
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: "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: "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"
|
|
description="Manage your entire livestock portfolio with our intuitive, specialized tools."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split-actions"
|
|
buttons={[
|
|
{ text: "View All Listings", href: "#" }
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
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: "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: "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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Create Free Account", href: "#contact" }
|
|
]}
|
|
plans={[
|
|
{
|
|
id: "basic", badge: "Escrow Protected", price: "5%", subtitle: "Per successful sale", features: [
|
|
"Verified Buyers", "Secure Escrow", "Fast Payouts"],
|
|
},
|
|
]}
|
|
title="Simple Success Fee"
|
|
description="We only profit when you succeed. Our 5% fee includes full escrow protection for every transaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
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: "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: "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"},
|
|
]}
|
|
showRating={true}
|
|
title="Farmer Success Stories"
|
|
description="Join thousands of satisfied livestock breeders using FarmTrade."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
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: "q3", title: "How to start?", content: "Simply sign up, list your livestock, and start trading."},
|
|
{
|
|
id: "q4", title: "How do you handle Buyer/Seller Verification?", content: "We perform a multi-step background check on every user, verifying identity and business credentials to ensure a safe trading environment."}
|
|
]}
|
|
sideTitle="Questions?"
|
|
sideDescription="Everything you need to know."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get Started Today"
|
|
description="Have questions? We are here to support your farming business."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
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>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Marketplace", href: "#products"},
|
|
{
|
|
label: "Features", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Pricing", href: "#pricing"},
|
|
{
|
|
label: "Support", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="FarmTrade"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |