"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay 
          brandName="SmartYourMoney"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Pricing", id: "/pricing" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get Started",
            href: "https://app.smartyourmoney.com"
          }}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Mission: Democratizing Professional Investment Management"
          description="We believe everyone deserves access to institutional-quality investment management, regardless of their wealth level. That's why we built SmartYourMoney."
          tabs={[
            {
              id: "mission",
              label: "Our Mission",
              description: "To make professional-grade investment management accessible to everyone. We're breaking down the barriers that have traditionally kept sophisticated investment strategies available only to the ultra-wealthy."
            },
            {
              id: "vision",
              label: "Our Vision",
              description: "A world where anyone can build meaningful wealth through intelligent, data-driven investment strategies. We envision a future where financial success isn't determined by your starting point, but by your commitment to smart investing."
            },
            {
              id: "values",
              label: "Our Values",
              description: "Transparency, innovation, and client success drive everything we do. We're committed to providing clear, honest advice and cutting-edge technology to help our clients achieve their financial goals."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg"
          imageAlt="SmartYourMoney leadership team"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Founded in 2018, SmartYourMoney has grown from a small fintech startup to one of the most trusted names in digital wealth management."
          tag="Our Story"
          metrics={[
            {
              id: "1",
              value: "6 Years",
              description: "Of continuous innovation in investment technology and client service"
            },
            {
              id: "2",
              value: "150K+",
              description: "Individual investors trust us with their financial future"
            },
            {
              id: "3",
              value: "$12B+",
              description: "Assets under management across all investment strategies"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Community Says"
          description="Real stories from real investors who've transformed their financial future with SmartYourMoney."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              handle: "CFO, TechVentures Inc",
              testimonial: "The level of sophistication in their investment algorithms is remarkable. I've seen consistent outperformance compared to my previous advisor.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Richardson",
              handle: "Entrepreneur & Investor",
              testimonial: "SmartYourMoney's team understands the unique challenges of building wealth as an entrepreneur. Their tax optimization strategies have saved me thousands.",
              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",
              imageAlt: "James Richardson"
            },
            {
              id: "3",
              name: "Emily Chen",
              handle: "Wealth Manager",
              testimonial: "As a financial professional, I appreciate their commitment to transparency and education. They treat clients like partners, not just account numbers.",
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
              imageAlt: "Emily Chen"
            },
            {
              id: "4",
              name: "Michael Rodriguez",
              handle: "Startup Founder",
              testimonial: "The educational resources and market insights have made me a better investor. I feel more confident about my financial decisions than ever before.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",
              imageAlt: "Michael Rodriguez"
            },
            {
              id: "5",
              name: "Lisa Thompson",
              handle: "Real Estate Developer",
              testimonial: "Their holistic approach to wealth management considers all aspects of my financial life, not just my investment portfolio. It's been transformative.",
              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",
              imageAlt: "Lisa Thompson"
            },
            {
              id: "6",
              name: "David Kim",
              handle: "Financial Advisor",
              testimonial: "I recommend SmartYourMoney to clients who want institutional-quality management with the personal touch of a boutique firm.",
              imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
              imageAlt: "David Kim"
            }
          ]}
          speed={40}
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Platform",
            items: [
              { label: "Dashboard", href: "https://app.smartyourmoney.com" },
              { label: "Pricing", href: "/pricing" },
              { label: "Features", href: "/services" },
              { label: "Mobile App", href: "https://app.smartyourmoney.com/mobile" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Blog", href: "https://blog.smartyourmoney.com" },
              { label: "Careers", href: "https://careers.smartyourmoney.com" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Learning Center", href: "https://learn.smartyourmoney.com" },
              { label: "Market Research", href: "https://research.smartyourmoney.com" },
              { label: "FAQ", href: "/faq" },
              { label: "Support", href: "https://support.smartyourmoney.com" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "https://smartyourmoney.com/privacy" },
              { label: "Terms of Service", href: "https://smartyourmoney.com/terms" },
              { label: "Disclaimer", href: "https://smartyourmoney.com/disclaimer" },
              { label: "Compliance", href: "https://smartyourmoney.com/compliance" }
            ]
          }
        ]}
        bottomLeftText="© 2025 SmartYourMoney. All rights reserved."
        bottomRightText="Invest Smarter, Grow Faster"
      />
    </ThemeProvider>
  );
}