"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"
    >
      <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>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Mission"
          tagIcon={Target}
          title="We identify and nurture the most promising technology companies reshaping industries worldwide."
          description="CapitalVenture Partners"
          subdescription="Since 2015 - $2.3B+ Assets Under Management"
          icon={TrendingUp}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-professional-image-showing-investment--1771525021240-525f2d0e.png?_wi=3"
          useInvertedBackground={false}
        />
      </div>

      <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-1771525079166-4d900f52.png',
              imageAlt: 'Robert Martinez - Senior Investment Professional'
            },
            {
              id: '2',
              name: 'Jennifer Lee',
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-portrait-of-a-technology-ad-1771525085355-170d036d.png',
              imageAlt: 'Jennifer Lee - Technology Advisor'
            },
            {
              id: '3',
              name: 'Alexander Khan',
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-portrait-of-a-business-deve-1771525091358-38ee0d53.png',
              imageAlt: 'Alexander Khan - Business Development Director'
            },
            {
              id: '4',
              name: 'Victoria Chen',
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-portrait-of-an-operations-o-1771525099005-841b1ed1.png',
              imageAlt: 'Victoria Chen - Operations Manager'
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Proven Track Record"
          description="Our investment metrics demonstrate consistent success in identifying and scaling transformative tech companies."
          tag="Performance Metrics"
          tagIcon={BarChart3}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          metrics={[
            {
              id: '1',
              value: '87%',
              title: 'Portfolio Companies with Successful Exits',
              items: ['Average 12.3x return on investment', 'Successful IPOs and strategic acquisitions']
            },
            {
              id: '2',
              value: '156+',
              title: 'Companies Funded & Scaled',
              items: ['Across 15+ technology sectors', 'Global presence spanning 45+ countries']
            },
            {
              id: '3',
              value: '$2.3B',
              title: 'Assets Under Management',
              items: ['Deployed across 8 active investment funds', 'Continuous capital deployment strategy']
            }
          ]}
        />
      </div>

      <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>
  );
}