"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: "List Livestock", 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>
  );
}
