"use client";

import Link from "next/link";
import { Target, CheckCircle } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Invest King"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Courses", id: "/courses" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Join Now",            href: "/pricing"
          }}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Target}
          title="Transforming Lives Through Financial Education"
          description="Founded by industry veterans with over two decades of investment experience, Invest King emerged from a simple belief: that everyone deserves access to the financial knowledge and strategies that create lasting wealth. Our founders noticed that the most effective investment strategies were typically reserved for institutional investors and the ultra-wealthy. We set out to change that by creating a comprehensive educational platform that democratizes access to proven wealth-building techniques. Today, we've helped over 10,000 individuals transform their relationship with money and build sustainable financial futures."
          metrics={[
            { value: "2019", title: "Founded by Investment Veterans" },
            { value: "150+", title: "Expert Instructors & Mentors" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136874.jpg"
          imageAlt="Invest King founding team and advisors"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Our commitment to excellence is reflected in the success of our community members across all experience levels."
          tag="Impact & Results"
          metrics={[
            {
              id: "1",              value: "87%",              description: "Of beginners achieve positive returns within their first 6 months of completing our Foundation program"
            },
            {
              id: "2",              value: "10,000+",              description: "Active community members sharing insights, strategies, and supporting each other's financial journeys"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg"
            },
            {
              id: "2",              name: "Sarah Chen",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg"
            },
            {
              id: "3",              name: "David Williams",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg"
            },
            {
              id: "4",              name: "Jessica Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1588.jpg"
            }
          ]}
          cardTitle="Trusted by Industry Leaders and Everyday Investors Alike"
          cardTag="What Our Members Say"
          cardTagIcon={CheckCircle}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterLogoReveal
        logoText="Invest King"
      />
    </ThemeProvider>
  );
}