"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay 
          brandName="SmartYourMoney"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Pricing", id: "/pricing" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get Started",
            href: "https://app.smartyourmoney.com"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="SMART YOUR MONEY"
          description="Intelligent investment solutions designed for modern wealth builders. Grow your portfolio with expert strategies and personalized guidance."
          buttons={[
            {
              text: "Start Investing",
              href: "https://app.smartyourmoney.com"
            },
            {
              text: "Learn More",
              href: "/services"
            }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg",
              imageAlt: "Stock market analysis dashboard"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-with-businessman-patching-something-keyboard-graphics-monitor_482257-32827.jpg",
              imageAlt: "Wealth growth visualization"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/manager-working-late-night-financial-data-two-monitors-setup_482257-32821.jpg",
              imageAlt: "Diversified investment portfolio"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          logoLineHeight={1.15}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose SmartYourMoney?"
          description="We combine cutting-edge technology with human expertise to deliver investment solutions that truly work."
          tabs={[
            {
              id: "expertise",
              label: "Expert Management",
              description: "Our team brings decades of combined experience in wealth management, market analysis, and strategic portfolio building. We stay ahead of market trends to optimize your investments."
            },
            {
              id: "technology", 
              label: "Advanced Technology",
              description: "Powered by AI-driven algorithms and real-time market data, our platform provides intelligent insights and automated rebalancing to maximize returns while minimizing risk."
            },
            {
              id: "transparency",
              label: "Full Transparency",
              description: "Know exactly where your money is invested. Access detailed reports, fee breakdowns, and performance analytics anytime. No hidden costs, no surprises."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg"
          imageAlt="Professional financial advisory team"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Powerful Investment Tools at Your Fingertips"
          description="Leverage our comprehensive suite of tools designed to help you make smarter investment decisions and grow your wealth efficiently."
          features={[
            {
              id: "1",
              title: "Portfolio Optimization",
              description: "AI algorithms analyze market conditions and automatically rebalance your portfolio to maintain optimal asset allocation and risk management.",
              tag: "Smart Management",
              imageSrc: "https://img.b2bpic.net/free-vector/user-panel-template-infographic-dashboard_23-2148378206.jpg",
              imageAlt: "Portfolio dashboard"
            },
            {
              id: "2",
              title: "Real-Time Market Analytics",
              description: "Access live market data, institutional research, and predictive analytics to make informed investment decisions with confidence.",
              tag: "Market Intelligence",
              imageSrc: "https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",
              imageAlt: "Market analytics"
            },
            {
              id: "3",
              title: "Risk Assessment Tools",
              description: "Comprehensive risk profiling and stress testing help you understand your investment exposure and plan accordingly for different market scenarios.",
              tag: "Risk Management",
              imageSrc: "https://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",
              imageAlt: "Risk assessment"
            },
            {
              id: "4",
              title: "Mobile Investment App",
              description: "Trade, monitor, and manage your portfolio on the go with our fully-featured mobile application available on iOS and Android.",
              tag: "Mobile Trading",
              imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
              imageAlt: "Mobile app interface"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="SmartYourMoney has helped thousands of investors achieve their financial goals through smart, data-driven investment strategies."
          tag="Our Impact"
          metrics={[
            {
              id: "1",
              value: "150K+",
              description: "Active investors managing their wealth through our platform"
            },
            {
              id: "2", 
              value: "$12B+",
              description: "Assets under management with average annual returns of 12.5%"
            },
            {
              id: "3",
              value: "98%",
              description: "Client satisfaction rate with 96% portfolio performance above benchmark"
            },
            {
              id: "4",
              value: "24/7",
              description: "Support available anytime you need expert guidance or have questions"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Investors Say"
          description="Hear from real investors who have transformed their financial futures with SmartYourMoney."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              handle: "CFO, TechVentures Inc",
              testimonial: "SmartYourMoney transformed my investment strategy. The portfolio optimization features alone have increased my returns by 15% year-over-year.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Richardson",
              handle: "Entrepreneur & Investor",
              testimonial: "Finally, an investment platform that combines powerful technology with genuine expertise. Their team understands market dynamics better than anyone.",
              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",
              imageAlt: "James Richardson"
            },
            {
              id: "3",
              name: "Emily Chen",
              handle: "Wealth Manager", 
              testimonial: "The transparency and real-time analytics are exceptional. My clients love having complete visibility into their portfolio performance and fees.",
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
              imageAlt: "Emily Chen"
            },
            {
              id: "4",
              name: "Michael Rodriguez",
              handle: "Startup Founder",
              testimonial: "As someone without deep financial expertise, SmartYourMoney made investing accessible and confidence-building. Their guidance has been invaluable.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",
              imageAlt: "Michael Rodriguez"
            },
            {
              id: "5",
              name: "Lisa Thompson",
              handle: "Real Estate Developer",
              testimonial: "The mobile app is incredible. I can monitor my investments anywhere, anytime. Customer support is also responsive and genuinely helpful.",
              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",
              imageAlt: "Lisa Thompson"
            },
            {
              id: "6",
              name: "David Kim",
              handle: "Financial Advisor",
              testimonial: "I recommend SmartYourMoney to all my clients. The platform offers institutional-grade tools at a fraction of the cost, without compromising on service quality.",
              imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
              imageAlt: "David Kim"
            }
          ]}
          speed={40}
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Platform",
            items: [
              { label: "Dashboard", href: "https://app.smartyourmoney.com" },
              { label: "Pricing", href: "/pricing" },
              { label: "Features", href: "/services" },
              { label: "Mobile App", href: "https://app.smartyourmoney.com/mobile" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Blog", href: "https://blog.smartyourmoney.com" },
              { label: "Careers", href: "https://careers.smartyourmoney.com" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources", 
            items: [
              { label: "Learning Center", href: "https://learn.smartyourmoney.com" },
              { label: "Market Research", href: "https://research.smartyourmoney.com" },
              { label: "FAQ", href: "/faq" },
              { label: "Support", href: "https://support.smartyourmoney.com" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "https://smartyourmoney.com/privacy" },
              { label: "Terms of Service", href: "https://smartyourmoney.com/terms" },
              { label: "Disclaimer", href: "https://smartyourmoney.com/disclaimer" },
              { label: "Compliance", href: "https://smartyourmoney.com/compliance" }
            ]
          }
        ]}
        bottomLeftText="© 2025 SmartYourMoney. All rights reserved."
        bottomRightText="Invest Smarter, Grow Faster"
      />
    </ThemeProvider>
  );
}