"use client";

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

export default function PricingPage() {
  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="pricing-plans" data-section="pricing-plans">
        <PricingCardNine
          title="Investment Plans & Pricing"
          description="Choose the investment plan that aligns with your financial goals, risk tolerance, and investment timeline. All plans include our core investment management services."
          tag="Transparent Pricing"
          tagIcon={DollarSign}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "starter",
              title: "Starter",
              price: "$5,000",
              period: "minimum investment",
              imageSrc: "https://img.b2bpic.net/free-photo/manager-working-graphs-with-feet-table-two-screens_482257-32835.jpg",
              imageAlt: "Starter Plan",
              button: { text: "Open Account", href: "/contact" },
              features: [
                "Personal investment advisor",
                "Quarterly portfolio reviews",
                "Access to core investment products",
                "Online portfolio dashboard",
                "Mobile app access"
              ]
            },
            {
              id: "professional",
              title: "Professional",
              price: "$50,000",
              period: "minimum investment",
              imageSrc: "https://img.b2bpic.net/free-photo/unrecognizable-businessman-pointing-printed-chart-showing-graph-colleagues-professional-content-partners-making-notes-statistics-cooperation-communication-partnership-concept_74855-14267.jpg",
              imageAlt: "Professional Plan",
              button: { text: "Get Started", href: "/contact" },
              features: [
                "Dedicated portfolio manager",
                "Monthly advisory calls",
                "Premium investment strategies",
                "Tax optimization planning",
                "Priority customer support",
                "Advanced reporting tools"
              ]
            },
            {
              id: "elite",
              title: "Elite",
              price: "$250,000",
              period: "minimum investment",
              imageSrc: "https://img.b2bpic.net/free-photo/invest-investment-financial-income-profit-costs-concept_53876-134068.jpg",
              imageAlt: "Elite Plan",
              button: { text: "Schedule Consultation", href: "/contact" },
              features: [
                "White-glove wealth management",
                "Custom portfolio construction",
                "Direct access to investment team",
                "Estate and succession planning",
                "24/7 concierge service",
                "Exclusive investment opportunities"
              ]
            }
          ]}
        />
      </div>

      <div id="pricing-comparison" data-section="pricing-comparison">
        <MetricCardTen
          title="Fee Structure Breakdown"
          description="Our transparent fee structure ensures you know exactly what you're paying and what value you're receiving at every investment level."
          tag="Fee Transparency"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              title: "Starter Plan Fee",
              subtitle: "Annual Management Fee",
              category: "Starter",
              value: "0.75%"
            },
            {
              id: "2",
              title: "Professional Plan Fee",
              subtitle: "Annual Management Fee",
              category: "Professional",
              value: "0.55%"
            },
            {
              id: "3",
              title: "Elite Plan Fee",
              subtitle: "Custom Pricing Available",
              category: "Elite",
              value: "0.45%"
            },
            {
              id: "4",
              title: "Transaction Costs",
              subtitle: "All Plans Included",
              category: "Trading",
              value: "$0"
            },
            {
              id: "5",
              title: "Account Setup",
              subtitle: "No Setup Fees",
              category: "Setup",
              value: "$0"
            },
            {
              id: "6",
              title: "Advisory Consultations",
              subtitle: "Included in All Plans",
              category: "Advisory",
              value: "$0"
            }
          ]}
        />
      </div>

      <div id="value-proposition" data-section="value-proposition">
        <PricingCardNine
          title="Why Choose Smart Money"
          description="Beyond competitive fees, Smart Money delivers exceptional value through our comprehensive approach to wealth management and client service."
          tag="Added Value"
          tagIcon={DollarSign}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "transparency",
              title: "Full Transparency",
              price: "Always",
              period: "included",
              imageSrc: "https://img.b2bpic.net/free-photo/manager-working-graphs-with-feet-table-two-screens_482257-32835.jpg",
              imageAlt: "Transparency Value",
              button: { text: "Learn More", href: "/about" },
              features: [
                "Clear fee structure",
                "No hidden charges",
                "Regular performance reporting",
                "Open communication"
              ]
            },
            {
              id: "expertise",
              title: "Expert Management",
              price: "20+ Years",
              period: "experience",
              imageSrc: "https://img.b2bpic.net/free-photo/unrecognizable-businessman-pointing-printed-chart-showing-graph-colleagues-professional-content-partners-making-notes-statistics-cooperation-communication-partnership-concept_74855-14267.jpg",
              imageAlt: "Expertise Value",
              button: { text: "Meet Team", href: "/about" },
              features: [
                "Seasoned investment professionals",
                "Proven track record",
                "Institutional-grade strategies",
                "Continuous market research"
              ]
            }
          ]}
        />
      </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>
  );
}