"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Package, Zap, Award } from "lucide-react";

export default function ServicesPage() {
  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="investment-products" data-section="investment-products">
        <ProductCardFour
          title="Investment Solutions"
          description="Comprehensive investment offerings designed to maximize your wealth across different risk profiles and investment horizons"
          tag="Our Products"
          tagIcon={Package}
          products={[
            {
              id: "1",
              name: "Aggressive Growth Portfolio",
              price: "$10,000+",
              variant: "High Growth - Maximum Returns",
              imageSrc: "https://img.b2bpic.net/free-photo/coin-wooden-table_1150-17728.jpg",
              imageAlt: "Growth portfolio investment"
            },
            {
              id: "2",
              name: "Secure Bond Investments",
              price: "$5,000+",
              variant: "Fixed Income - Capital Preservation",
              imageSrc: "https://img.b2bpic.net/free-photo/hand-holding-coin-stack-money-wood-table-pension-fund-concept_335224-1410.jpg",
              imageAlt: "Bond investment security"
            },
            {
              id: "3",
              name: "Diversified Mutual Funds",
              price: "$1,000+",
              variant: "Balanced - Steady Growth",
              imageSrc: "https://img.b2bpic.net/free-photo/coin-wooden-table_1150-17725.jpg",
              imageAlt: "Mutual funds diversification"
            },
            {
              id: "4",
              name: "Alternative Investments",
              price: "$25,000+",
              variant: "Private Equity - Elite Access",
              imageSrc: "https://img.b2bpic.net/free-photo/economic-growth_1155-30.jpg",
              imageAlt: "Alternative investment opportunities"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="investment-process" data-section="investment-process">
        <FeatureCardEight
          title="Our Advanced Investment Methodology"
          description="Sophisticated strategies and cutting-edge technology combined with decades of market expertise to optimize your investment returns"
          tag="Investment Excellence"
          tagIcon={Zap}
          features={[
            {
              id: 1,
              title: "AI-Powered Analysis",
              description: "Advanced algorithms analyze thousands of data points including market trends, economic indicators, and global events to identify optimal investment opportunities.",
              imageSrc: "https://img.b2bpic.net/free-photo/coin-wooden-table-blurred-nature_1150-17703.jpg"
            },
            {
              id: 2,
              title: "Risk Management",
              description: "Sophisticated hedging strategies and real-time portfolio monitoring protect your investments against market volatility and downside risk.",
              imageSrc: "https://img.b2bpic.net/free-photo/economic-growth_1155-30.jpg"
            },
            {
              id: 3,
              title: "Global Diversification",
              description: "Access to international markets, emerging economies, and alternative asset classes ensures your portfolio captures growth opportunities worldwide.",
              imageSrc: "https://img.b2bpic.net/free-photo/coin-wooden-table_1150-17728.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="service-metrics" data-section="service-metrics">
        <MetricCardTwo
          title="Service Excellence"
          description="Our commitment to delivering superior investment services and client satisfaction"
          tag="Service Standards"
          tagIcon={Award}
          metrics={[
            { id: "1", value: "24/7", description: "Client Support Available" },
            { id: "2", value: "< 2hrs", description: "Average Response Time" },
            { id: "3", value: "99.9%", description: "Platform Uptime" },
            { id: "4", value: "30+", description: "Investment Specialists" }
          ]}
          carouselMode="buttons"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          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>
  );
}