"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Briefcase, TrendingUp } from 'lucide-react';

export default function InvestmentsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Smart Money"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Investments", id: "/investments" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Global Investment Solutions"
          bottomRightText="hello@smartmoney.com"
        />
      </div>

      <div id="investment-products" data-section="investment-products">
        <ProductCardTwo
          title="Complete Investment Solutions"
          description="Our comprehensive suite of investment products spans every major asset class and risk profile, designed to meet diverse financial objectives and investment timelines."
          tag="Investment Portfolio"
          tagIcon={Briefcase}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "equity-portfolio",
              brand: "Smart Money",
              name: "Growth Equity Portfolio",
              price: "$5,000 min",
              rating: 5,
              reviewCount: "12.4k",
              imageSrc: "https://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29438.jpg",
              imageAlt: "Growth Equity Portfolio investment option"
            },
            {
              id: "balanced-fund",
              brand: "Smart Money",
              name: "Balanced Income Fund",
              price: "$3,000 min",
              rating: 5,
              reviewCount: "8.9k",
              imageSrc: "https://img.b2bpic.net/free-photo/technological-devices-with-financial-reports_1232-488.jpg",
              imageAlt: "Balanced Income Fund investment option"
            },
            {
              id: "real-estate-trust",
              brand: "Smart Money",
              name: "Real Estate Investment Trust",
              price: "$10,000 min",
              rating: 5,
              reviewCount: "6.2k",
              imageSrc: "https://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29669.jpg",
              imageAlt: "Real Estate Investment Trust option"
            },
            {
              id: "international-fund",
              brand: "Smart Money",
              name: "Global Diversification Fund",
              price: "$7,500 min",
              rating: 5,
              reviewCount: "4.1k",
              imageSrc: "https://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29438.jpg",
              imageAlt: "Global Diversification Fund"
            },
            {
              id: "sustainability-fund",
              brand: "Smart Money",
              name: "Sustainable Impact Portfolio",
              price: "$5,000 min",
              rating: 5,
              reviewCount: "3.7k",
              imageSrc: "https://img.b2bpic.net/free-photo/technological-devices-with-financial-reports_1232-488.jpg",
              imageAlt: "Sustainable Impact Portfolio"
            }
          ]}
        />
      </div>

      <div id="performance-metrics" data-section="performance-metrics">
        <MetricCardTen
          title="Investment Performance Metrics"
          description="Our track record speaks for itself. Review detailed performance data across all our investment products and time horizons."
          tag="Performance Data"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              title: "Growth Equity Return",
              subtitle: "5-Year Average Performance",
              category: "Equity",
              value: "12.4%"
            },
            {
              id: "2",
              title: "Balanced Fund Yield",
              subtitle: "Consistent Income Generation",
              category: "Balanced",
              value: "7.8%"
            },
            {
              id: "3",
              title: "REIT Performance",
              subtitle: "Real Estate Investment Return",
              category: "REIT",
              value: "9.2%"
            },
            {
              id: "4",
              title: "Global Fund Growth",
              subtitle: "International Diversification",
              category: "Global",
              value: "10.1%"
            },
            {
              id: "5",
              title: "ESG Impact Return",
              subtitle: "Sustainable Investment Performance",
              category: "ESG",
              value: "8.9%"
            },
            {
              id: "6",
              title: "Portfolio Volatility",
              subtitle: "Risk-Adjusted Performance",
              category: "Risk",
              value: "11.2%"
            }
          ]}
        />
      </div>

      <div id="investment-approach" data-section="investment-approach">
        <ProductCardTwo
          title="Our Investment Philosophy"
          description="Built on decades of experience and proven methodologies, our investment approach combines rigorous research, disciplined risk management, and long-term thinking."
          tag="Investment Strategy"
          tagIcon={Briefcase}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "research-driven",
              brand: "Smart Money",
              name: "Research-Driven Selection",
              price: "Core Process",
              rating: 5,
              reviewCount: "Proven",
              imageSrc: "https://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29438.jpg",
              imageAlt: "Research-driven investment analysis"
            },
            {
              id: "risk-management",
              brand: "Smart Money",
              name: "Advanced Risk Management",
              price: "Key Pillar",
              rating: 5,
              reviewCount: "Essential",
              imageSrc: "https://img.b2bpic.net/free-photo/technological-devices-with-financial-reports_1232-488.jpg",
              imageAlt: "Risk management strategies"
            },
            {
              id: "diversification",
              brand: "Smart Money",
              name: "Strategic Diversification",
              price: "Foundation",
              rating: 5,
              reviewCount: "Critical",
              imageSrc: "https://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29669.jpg",
              imageAlt: "Diversified investment approach"
            }
          ]}
        />
      </div>

      <FooterBaseCard
        logoText="Smart Money"
        copyrightText="© 2025 Smart Money Investments. All rights reserved."
        columns={[
          {
            title: "Products",
            items: [
              { label: "Investment Solutions", href: "/investments" },
              { label: "Portfolio Management", href: "/investments" },
              { label: "Pricing", href: "/pricing" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/about" },
              { label: "Careers", href: "https://careers.smartmoney.com" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Investment Guide", href: "https://blog.smartmoney.com" },
              { label: "Market Insights", href: "https://blog.smartmoney.com" },
              { label: "FAQ", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "https://smartmoney.com/privacy" },
              { label: "Terms of Service", href: "https://smartmoney.com/terms" },
              { label: "Compliance", href: "https://smartmoney.com/compliance" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}