"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Users, Award, Linkedin } from 'lucide-react';

export default function AboutPage() {
  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="about-detail" data-section="about-detail">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Award}
          title="Building Wealth, Building Trust"
          description="Founded in 2004 by a team of former Wall Street executives, Smart Money was born from a simple belief: every investor deserves transparent, professional wealth management. We've weathered multiple market cycles, economic downturns, and unprecedented global events while maintaining our commitment to our clients' financial success. Our approach combines institutional-grade investment strategies with personalized service, ensuring that whether you're investing your first $5,000 or your fifth million, you receive the attention and expertise you deserve."
          metrics={[
            { value: "$15B", title: "Assets Under Management" },
            { value: "150K+", title: "Satisfied Clients" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/couple-cheerful-business-colleagues-watching-content-computer-monitor-smiling-laughing-while-sitting-workplace-business-communication-concept_74855-11647.jpg"
          imageAlt="Smart Money team collaborating"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Our Leadership Team"
          description="Meet the experienced professionals guiding your investment journey with decades of combined expertise in finance and wealth management."
          tag="Expert Team"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          members={[
            {
              id: "1",
              name: "James Mitchell",
              role: "Chief Investment Officer",
              description: "Former analyst at Goldman Sachs with 25 years in institutional investing and portfolio management.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "James Mitchell",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "2",
              name: "Sarah Chen",
              role: "Head of Client Relations",
              description: "Dedicated to ensuring every client receives personalized attention and achieves their financial goals.",
              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg",
              imageAlt: "Sarah Chen",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "3",
              name: "David Rodriguez",
              role: "Senior Portfolio Manager",
              description: "Expert in quantitative analysis and risk management with a PhD in Finance from MIT.",
              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1551.jpg",
              imageAlt: "David Rodriguez",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "4",
              name: "Emily Thompson",
              role: "Wealth Strategist",
              description: "Specializes in tax-efficient investing and estate planning for high-net-worth individuals.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
              imageAlt: "Emily Thompson",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            }
          ]}
        />
      </div>

      <div id="values" data-section="values">
        <MetricSplitMediaAbout
          tag="Our Values"
          tagIcon={Award}
          title="Principles That Guide Every Decision"
          description="At Smart Money, our values aren't just words on a wall—they're the foundation of every client relationship and investment decision. We believe in radical transparency, meaning you'll always know exactly where your money is invested and why. Our fiduciary commitment ensures we always act in your best interest, not ours. We maintain the highest standards of professional integrity while remaining accessible and approachable to every client, regardless of portfolio size."
          metrics={[
            { value: "100%", title: "Fiduciary Standard" },
            { value: "24/7", title: "Client Support" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/couple-cheerful-business-colleagues-watching-content-computer-monitor-smiling-laughing-while-sitting-workplace-business-communication-concept_74855-11647.jpg"
          imageAlt="Smart Money office environment"
          useInvertedBackground="noInvert"
        />
      </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>
  );
}