"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Layers, Award } from "lucide-react";

export default function PricingPage() {
  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="pricing-plans" data-section="pricing-plans">
        <PricingCardNine
          title="Investment Plans for Every Goal"
          description="Choose the investment tier that aligns with your financial objectives and risk tolerance. All plans include our proven investment strategies and expert management."
          tag="Investment Tiers"
          tagIcon={Layers}
          plans={[
            {
              id: "starter",
              title: "Starter Portfolio",
              price: "$5,000",
              period: "minimum investment",
              imageSrc: "https://img.b2bpic.net/free-photo/coin-wooden-table_1150-17728.jpg",
              imageAlt: "Starter investment plan",
              features: [
                "Basic portfolio diversification",
                "Monthly performance reports",
                "Email support",
                "Annual rebalancing",
                "Access to investment webinars"
              ],
              button: { text: "Get Started", href: "/invest" }
            },
            {
              id: "professional",
              title: "Professional Portfolio",
              price: "$50,000",
              period: "minimum investment",
              imageSrc: "https://img.b2bpic.net/free-photo/hand-holding-coin-stack-money-wood-table-pension-fund-concept_335224-1410.jpg",
              imageAlt: "Professional investment plan",
              features: [
                "Advanced portfolio optimization",
                "Weekly performance reports",
                "Priority phone & email support",
                "Quarterly rebalancing",
                "Dedicated account manager",
                "Tax loss harvesting"
              ],
              button: { text: "Invest Now", href: "/invest" }
            },
            {
              id: "premium",
              title: "Premium Portfolio",
              price: "$250,000",
              period: "minimum investment",
              imageSrc: "https://img.b2bpic.net/free-photo/coin-wooden-table_1150-17725.jpg",
              imageAlt: "Premium investment plan",
              features: [
                "White-glove portfolio management",
                "Real-time performance tracking",
                "24/7 dedicated advisor",
                "Monthly rebalancing & optimization",
                "Custom investment strategies",
                "Tax optimization services",
                "Estate planning consultation"
              ],
              button: { text: "Schedule Consultation", href: "/contact" }
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing-value" data-section="pricing-value">
        <MetricCardTwo
          title="Exceptional Value Across All Tiers"
          description="Compare our fee structure and returns against industry standards - we consistently outperform while maintaining competitive pricing"
          tag="Value Proposition"
          tagIcon={Award}
          metrics={[
            { id: "1", value: "0.75%", description: "Average Annual Fee" },
            { id: "2", value: "35%+", description: "Average Annual Returns" },
            { id: "3", value: "$0", description: "Hidden Fees" },
            { id: "4", value: "100%", description: "Fee Transparency" }
          ]}
          carouselMode="buttons"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pricing-testimonial" data-section="pricing-testimonial">
        <TestimonialCardFifteen
          testimonial="The Premium Portfolio transformed our family's financial future. The personalized attention and sophisticated strategies delivered returns that exceeded our highest expectations. Worth every penny."
          rating={5}
          author="David Park, Family Office Manager"
          avatars={[
            { 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/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/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="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>
  );
}