"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { TrendingUp, Sprout, Zap } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="InProduce"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Features", id: "/features" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Get Started", href: "/contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Smart Investment in Premium Produce"
          description="Access curated investment opportunities in London's thriving fresh produce market. Grow your portfolio with sustainable, high-yield agricultural assets."
          tag="Investment Platform"
          tagIcon={TrendingUp}
          background={{ variant: "canvas-reveal" }}
          imageSrc="https://img.b2bpic.net/free-photo/business-team-planning-marketing-strategy_53876-102032.jpg"
          imageAlt="Investment growth dashboard"
          buttons={[
            { text: "Start Investing", href: "/pricing" },
            { text: "Learn More", href: "/about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Democratizing produce investment for forward-thinking investors who believe in sustainable agricultural growth and transparent, data-driven returns"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Opportunities", href: "/features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Why Choose InProduce"
          description="Unlock the potential of London's produce market with our comprehensive investment platform featuring real-time analytics, professional management, and transparent reporting."
          tag="Platform Features"
          imageSrc="https://img.b2bpic.net/free-photo/zero-waste-bag-food_23-2149015849.jpg"
          imageAlt="Fresh produce marketplace"
          mediaPosition="left"
          useInvertedBackground="noInvert"
          accordionItems={[
            {
              id: "1",
              title: "Real-Time Market Analytics",
              content: "Access live market data, price trends, and supply chain insights to make informed investment decisions backed by comprehensive produce market intelligence."
            },
            {
              id: "2", 
              title: "Professional Fund Management",
              content: "Our experienced team manages every aspect of your investment, from sourcing premium assets to optimizing returns through strategic market positioning."
            },
            {
              id: "3",
              title: "Transparent Reporting",
              content: "Detailed quarterly reports, asset valuations, and performance metrics delivered directly to your dashboard with full transparency and regulatory compliance."
            },
            {
              id: "4",
              title: "Diversified Portfolio",
              content: "Spread risk across multiple produce categories, seasons, and suppliers while accessing institutional-grade investment opportunities typically reserved for large investors."
            }
          ]}
          buttons={[
            { text: "View Dashboard", href: "/pricing" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Industry-Leading Performance"
          description="InProduce delivers consistent returns and sustainable growth through strategic market positioning and professional asset management."
          tag="Results"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              value: "£2.3B+",
              title: "Assets Under Management",
              description: "Growing portfolio of premium produce investments",
              imageSrc: "https://img.b2bpic.net/free-photo/busineswoman-holding-digital-tablet-with-data_1098-1906.jpg"
            },
            {
              id: "2",
              value: "18.5%",
              title: "Average Annual Return",
              description: "Consistent performance over 10-year track record",
              imageSrc: "https://img.b2bpic.net/free-photo/busineswoman-holding-digital-tablet-with-data_1098-1906.jpg"
            },
            {
              id: "3",
              value: "1,200+",
              title: "Active Investors",
              description: "Trusted by individual and institutional investors across UK",
              imageSrc: "https://img.b2bpic.net/free-photo/busineswoman-holding-digital-tablet-with-data_1098-1906.jpg"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Investment Plans"
          description="Choose the perfect plan to start or grow your produce investment portfolio. All plans include professional management and transparent reporting."
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "starter",
              badge: "For New Investors",
              badgeIcon: Sprout,
              price: "£10,000",
              subtitle: "Perfect for getting started",
              features: [
                "Access to 5-10 produce opportunities per quarter",
                "Quarterly performance reports",
                "Basic market analytics dashboard",
                "Email support",
                "Minimum investment of £10,000"
              ]
            },
            {
              id: "professional", 
              badge: "Most Popular",
              badgeIcon: TrendingUp,
              price: "£50,000",
              subtitle: "Ideal for growing portfolios",
              features: [
                "Access to 15-20 premium opportunities per quarter",
                "Real-time analytics and market insights",
                "Monthly comprehensive reporting",
                "Dedicated relationship manager",
                "Priority investment allocation",
                "Portfolio rebalancing services"
              ]
            },
            {
              id: "institutional",
              badge: "For Institutions",
              badgeIcon: Zap,
              price: "£500,000+",
              subtitle: "Premium institutional access",
              features: [
                "Full market access and custom allocations",
                "Real-time institutional dashboard",
                "Weekly performance reports",
                "Dedicated investment team",
                "Custom strategy development",
                "Quarterly strategy reviews"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Investors Say"
          description="Hear from successful investors who have grown their wealth through InProduce's platform and professional management."
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Michael Chen",
              role: "Investment Director",
              company: "Wealth Capital Partners",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg"
            },
            {
              id: "2",
              name: "Sarah Mitchell", 
              role: "Portfolio Manager",
              company: "Sustainable Futures Fund",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg"
            },
            {
              id: "3",
              name: "James Whitmore",
              role: "CEO", 
              company: "AgriVest Solutions",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-boss-sitting-with-newspaper-table_1098-3037.jpg"
            },
            {
              id: "4",
              name: "Emma Richardson",
              role: "Chief Investment Officer",
              company: "Green Growth Advisors",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}