"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Target, TrendingUp, BarChart3 } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      {/* Navigation */}
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Start Investing", href: "/contact" }}
          brandName="CapitalVenture"
        />
      </div>

      {/* About Section */}
      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="Our Story"
          tagIcon={Target}
          title="Founded in 2015, CapitalVenture Partners has evolved into one of the most trusted names in technology investment, with a proven track record of identifying and scaling breakthrough innovations."
          description="Our Mission"
          subdescription="Empowering tomorrow's technology leaders today"
          icon={TrendingUp}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-professional-image-showing-investment--1771523978385-8a17a5a6.png?_wi=3"
          useInvertedBackground={false}
        />
      </div>

      {/* Team Section */}
      <div id="team" data-section="team">
        <TeamCardTen 
          title="Led by visionary investors with 200+ combined years of technology investment expertise and proven track record of building billion-dollar companies."
          tag="Leadership Team"
          tagAnimation="entrance-slide"
          membersAnimation="slide-up"
          memberVariant="default"
          useInvertedBackground={true}
          members={[
            {
              id: "1",
              name: "Robert Martinez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-portrait-of-a-senior-invest-1771524036517-ae36e8be.png",
              imageAlt: "Professional portrait of a senior investment professional or fund manager. Confident appearance in b"
            },
            {
              id: "2",
              name: "Jennifer Lee",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-portrait-of-a-technology-ad-1771524043391-b8bd31e1.png",
              imageAlt: "Professional portrait of a technology advisor or chief technical officer. Knowledgeable tech profess"
            },
            {
              id: "3",
              name: "Alexander Khan",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-portrait-of-a-business-deve-1771524050159-671d8149.png",
              imageAlt: "Professional portrait of a business development or partnership director. Engaging business professio"
            },
            {
              id: "4",
              name: "Victoria Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-portrait-of-an-operations-o-1771524057797-248401d6.png",
              imageAlt: "Professional portrait of an operations or portfolio manager. Organized, efficient business professio"
            }
          ]}
        />
      </div>

      {/* Values Section (Using Metrics) */}
      <div id="values" data-section="values">
        <MetricCardSeven 
          title="Our Core Values"
          description="The principles that guide our investment decisions and partnership approach with technology companies."
          tag="Values"
          tagIcon={BarChart3}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",
              value: "Trust",
              title: "Building Long-term Partnerships",
              items: ["Transparent communication", "Ethical investment practices", "Founder-first approach"]
            },
            {
              id: "2",
              value: "Innovation",
              title: "Investing in Breakthrough Technologies",
              items: ["Emerging tech focus", "Disruptive solutions", "Future-ready investments"]
            },
            {
              id: "3",
              value: "Excellence",
              title: "Delivering Exceptional Results",
              items: ["Strategic value creation", "Operational excellence", "Measurable impact"]
            }
          ]}
        />
      </div>

      {/* Footer */}
      <FooterBase 
        logoText="CapitalVenture"
        copyrightText="© 2025 CapitalVenture Partners. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "Home", href: "/" },
              { label: "About Us", href: "/about" },
              { label: "Our Portfolio", href: "/portfolio" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Investment Process", href: "#" },
              { label: "Market Insights", href: "#" },
              { label: "News & Updates", href: "#" },
              { label: "Careers", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "SEC Disclosures", href: "#" },
              { label: "Contact Us", href: "/contact" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}