"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { TrendingUp, Award, Zap, Mail } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Give Me Money"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Services", id: "/services" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Start Investing", href: "/get-started" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Multiply Your Wealth With SUKA"
          description="Give us your money and watch it grow. Industry-leading investment strategies with proven returns exceeding 35% annually. Your financial freedom starts here."
          tag="Investment Excellence"
          tagIcon={TrendingUp}
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "35%+", label: "Average Annual Returns" },
            { value: "$2.4B", label: "Assets Under Management" },
            { value: "15K+", label: "Satisfied Investors" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/seedling-plant-are-growing-money-coin-tower-with-blurred-bokeh-background-business-finance-concept_640221-85.jpg"
          imageAlt="Investment growth and wealth"
          imagePosition="right"
          buttons={[
            { text: "Start Investing Now", href: "/invest" },
            { text: "Schedule Consultation", href: "/contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Choose SUKA?"
          description="We deliver results through proven strategies and expert management"
          tag="Our Performance"
          tagIcon={Award}
          metrics={[
            { id: "1", value: "25+", description: "Years of Market Experience" },
            { id: "2", value: "98%", description: "Client Retention Rate" },
            { id: "3", value: "$2.4B", description: "Total Assets Managed" },
            { id: "4", value: "12/12", description: "Years With Positive Returns" }
          ]}
          carouselMode="buttons"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="strategy" data-section="strategy">
        <FeatureCardEight
          title="Our Investment Process"
          description="A strategic approach to growing your wealth consistently and securely"
          tag="Four-Step Strategy"
          tagIcon={Zap}
          features={[
            {
              id: 1,
              title: "Assessment",
              description: "We analyze your financial goals, risk tolerance, and investment timeline to create a personalized strategy tailored to your needs.",
              imageSrc: "https://img.b2bpic.net/free-photo/economic-growth_1155-30.jpg"
            },
            {
              id: 2,
              title: "Portfolio Design",
              description: "Our expert team designs a diversified portfolio combining stocks, bonds, funds, and alternative investments for optimal growth.",
              imageSrc: "https://img.b2bpic.net/free-photo/coin-wooden-table_1150-17728.jpg"
            },
            {
              id: 3,
              title: "Active Management",
              description: "We continuously monitor markets and rebalance your portfolio quarterly to maximize returns and minimize risk exposure.",
              imageSrc: "https://img.b2bpic.net/free-photo/hand-holding-coin-stack-money-wood-table-pension-fund-concept_335224-1410.jpg"
            },
            {
              id: 4,
              title: "Wealth Growth",
              description: "Watch your investment grow with quarterly performance reports, dedicated advisor support, and proactive market insights.",
              imageSrc: "https://img.b2bpic.net/free-photo/coin-wooden-table_1150-17725.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="SUKA transformed my financial future. My portfolio returned 42% last year alone. The team's expertise and dedication are unmatched in the industry. I've already recommended them to all my colleagues."
          rating={5}
          author="Michael Chen, Senior Executive"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Michael Chen" },
            { src: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Sarah Johnson" },
            { src: "https://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", alt: "David Park" },
            { src: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg", alt: "Emma Davis" },
            { src: "https://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg", alt: "James Wilson" },
            { src: "https://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", alt: "Lisa Anderson" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Updates"
          title="Ready to Grow Your Wealth?"
          description="Subscribe to our investment newsletter for exclusive opportunities, market insights, and personalized recommendations from our expert team."
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive investment insights and market updates."
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBaseReveal
        copyrightText="© 2025 Give Me Money SUKA. All rights reserved. Investment advisory services."
        columns={[
          {
            title: "Invest",
            items: [
              { label: "Start Investing", href: "/invest" },
              { label: "Our Strategies", href: "/services" },
              { label: "Pricing Plans", href: "/pricing" },
              { label: "Investment Guide", href: "/guide" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/team" },
              { label: "Career", href: "/careers" },
              { label: "Blog", href: "/blog" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "/privacy" },
              { label: "Terms & Conditions", href: "/terms" },
              { label: "Disclaimer", href: "/disclaimer" },
              { label: "Contact", href: "/contact" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}