"use client";

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

export default function AboutPage() {
  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="company-metrics" data-section="company-metrics">
        <MetricCardTwo
          title="Our Track Record"
          description="Decades of experience delivering exceptional investment returns and building lasting client relationships"
          tag="Company History"
          tagIcon={Award}
          metrics={[
            { id: "1", value: "1999", description: "Founded with Vision" },
            { id: "2", value: "15,000+", description: "Investors Trust Us" },
            { id: "3", value: "250+", description: "Investment Professionals" },
            { id: "4", value: "40+", description: "Countries Served" }
          ]}
          carouselMode="buttons"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="client-testimonials" data-section="client-testimonials">
        <TestimonialCardFifteen
          testimonial="The team at SUKA doesn't just manage investments—they understand our goals, our fears, and our dreams. Their personalized approach and consistent communication have made all the difference in our financial journey."
          rating={5}
          author="Sarah Johnson, Entrepreneur"
          avatars={[
            { 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/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Michael Chen" },
            { 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/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="invertDefault"
        />
      </div>

      <div id="about-contact" data-section="about-contact">
        <ContactCenter
          tag="Learn More"
          title="Discover Our Story"
          description="Get deeper insights into our investment philosophy, meet our leadership team, and learn how we've helped thousands achieve financial freedom."
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Get Company Info"
          termsText="Receive our company overview, leadership profiles, and detailed investment philosophy documentation."
          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>
  );
}