"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { DollarSign, TrendingUp, Zap, Globe, Cpu, BookOpen } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Market",          id: "products"},
        {
          name: "News",          id: "blog"},
        {
          name: "Learning",          id: "about"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Global Business Insight"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Understand the Global Business & Financial World"
      description="Your ultimate, AI-powered platform for real-time market data, in-depth analysis, and financial education."
      buttons={[
        {
          text: "Get Started",          href: "#products"},
        {
          text: "Learn More",          href: "#about"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"
      imageAlt="Financial Dashboard Interface"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          icon: TrendingUp,
          title: "Stock Indices",          value: "14,500+"},
        {
          id: "m2",          icon: DollarSign,
          title: "Forex Pairs",          value: "200+"},
        {
          id: "m3",          icon: DollarSign,
          title: "Crypto Assets",          value: "5,000+"},
      ]}
      title="Market Pulse"
      description="Live tracking of global financial markets and key economic indicators."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Real-time News",          description: "Breaking alerts on global trade, tech, and economy.",          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",          buttonIcon: Zap,
        },
        {
          title: "Economic Analytics",          description: "Interactive maps and GDP tracking tools.",          imageSrc: "http://img.b2bpic.net/free-photo/professional-boardroom-computer-screen-showcases-business-data-statistics-aiding-executives_482257-133141.jpg",          buttonIcon: Globe,
        },
        {
          title: "AI Insights",          description: "Your personal AI analyst for financial trends.",          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",          buttonIcon: Cpu,
        },
        {
          title: "Education Hub",          description: "Master investing and financial strategies.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",          buttonIcon: BookOpen,
        },
      ]}
      title="Comprehensive Business Insights"
      description="Access professional tools and data to navigate the complexities of global finance."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Tech Giants (ETF)",          price: "+2.4%",          imageSrc: "http://img.b2bpic.net/free-photo/global-business-graph-growth-world-map-concept_53876-21165.jpg"},
        {
          id: "p2",          name: "Gold Commodity",          price: "+0.8%",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-using-her-smartphone_1134-626.jpg"},
        {
          id: "p3",          name: "Digital Assets",          price: "-1.2%",          imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572133.jpg"},
        {
          id: "p4",          name: "Energy & Oil",          price: "+1.1%",          imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66719.jpg"},
        {
          id: "p5",          name: "European Trade",          price: "+0.5%",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051282.jpg"},
        {
          id: "p6",          name: "AI Innovation Fund",          price: "+4.2%",          imageSrc: "http://img.b2bpic.net/free-photo/top-skyscraper-surrounded-with-clouds_181624-156.jpg"},
      ]}
      title="Market Watchlist"
      description="Top performing companies and sectors currently trending in the financial market."
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Empowering Global Investors"
      buttons={[
        {
          text: "Explore Hub",          href: "#"},
      ]}
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      title="Latest Insights"
      description="Expert commentary on today's business trends."
      blogs={[
        {
          id: "b1",          category: "Economy",          title: "Future of Global Trade",          excerpt: "Deep dive into international supply chains.",          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904317.jpg",          authorName: "Jane Doe",          authorAvatar: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",          date: "2025-05-12"},
        {
          id: "b2",          category: "Tech",          title: "AI in Financial Markets",          excerpt: "How AI is changing asset management.",          imageSrc: "http://img.b2bpic.net/free-photo/identity-copyright-branding-product-marketing-concept_53876-15829.jpg",          authorName: "John Smith",          authorAvatar: "http://img.b2bpic.net/free-photo/data-driven-planning-helps-this-professional-build-successful-strategy_482257-126336.jpg",          date: "2025-05-11"},
        {
          id: "b3",          category: "Banking",          title: "Emerging Market Risks",          excerpt: "What to watch in the coming quarter.",          imageSrc: "http://img.b2bpic.net/free-photo/physical-bitcoin-gold-coin-blue-yellow-background_1268-20015.jpg",          authorName: "Jane Doe",          authorAvatar: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop_23-2149915910.jpg",          date: "2025-05-10"},
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "CEO",          company: "TechCorp",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg"},
        {
          id: "2",          name: "Michael Chen",          role: "CTO",          company: "InnovateLab",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg"},
        {
          id: "3",          name: "Emily Rodriguez",          role: "Marketing Director",          company: "GrowthCo",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg"},
        {
          id: "4",          name: "David Kim",          role: "Product Manager",          company: "StartupXYZ",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg"},
        {
          id: "5",          name: "Alice Wang",          role: "Investments",          company: "GlobalFunds",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg"},
      ]}
      kpiItems={[
        {
          value: "100k+",          label: "Active Users"},
        {
          value: "98%",          label: "Retention"},
        {
          value: "50+",          label: "Countries"},
      ]}
      title="Community Voices"
      description="Trusted by leading professionals and investors globally."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",          title: "How is the data updated?",          content: "Our APIs synchronize data in real-time."},
        {
          id: "f2",          title: "Is the learning hub free?",          content: "Yes, our basic educational content is accessible to all."},
        {
          id: "f3",          title: "How to create a watchlist?",          content: "Sign up for an account to manage your custom watchlist."},
      ]}
      title="Financial Queries"
      description="Commonly asked questions about our market analysis tools."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "animated-grid"}}
      tag="Newsletter"
      title="Daily Financial Digest"
      description="Stay ahead of the curve with our expert daily forecasts."
      buttonText="Subscribe for Daily Insights"
      imageSrc="http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994346.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Global Business Insight"
      columns={[
        {
          title: "Product",          items: [
            {
              label: "Dashboard",              href: "#"},
            {
              label: "News",              href: "#"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About",              href: "#"},
            {
              label: "Contact",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy",              href: "#"},
            {
              label: "Terms",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}