"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Rocket, Zap, Network, Handshake, Globe, TrendingUp } from 'lucide-react';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Strategy", id: "/strategy" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="PitchDrive"
          bottomLeftText="Based in Belgium"
          bottomRightText="hello@pitchdrive.io"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Story & Mission"
          description="Founded in Brussels with a vision to accelerate Europe's next generation of breakthrough companies. We combine deep technical expertise with strategic market insights to help ambitious founders transform industries and create lasting value."
          tag="About PitchDrive"
          tagIcon={Rocket}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="left"
          bulletPoints={[
            {
              title: "Deep Tech Focus",
              description: "Specialized expertise in AI, quantum computing, blockchain, and emerging technologies",
              icon: Zap
            },
            {
              title: "Founder-First Philosophy", 
              description: "We back exceptional founders with bold visions and execution capability",
              icon: Network
            },
            {
              title: "Strategic Value Creation",
              description: "Beyond capital - we provide strategic guidance, talent networks, and market access",
              icon: Handshake
            },
            {
              title: "European Excellence",
              description: "Bridging European innovation with global markets and opportunities",
              icon: Globe
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/workers-long-wooden-table_1262-810.jpg"
          imageAlt="PitchDrive venture capital team workspace"
          buttons={[
            { text: "Meet Our Team", href: "/team" },
            { text: "View Strategy", href: "/strategy" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Track Record"
          description="Proven results delivering value to founders and investors across European markets"
          tag="Impact"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              value: "€500M+",
              title: "Capital Invested",
              description: "Deployed across 75+ portfolio companies since inception",
              imageSrc: "https://img.b2bpic.net/free-photo/investment-new-business-launch-plan-concept_53876-127405.jpg",
              imageAlt: "Investment capital and business metrics dashboard"
            },
            {
              id: "2", 
              value: "12x",
              title: "Average MOIC",
              description: "Consistent superior returns across successful portfolio exits",
              imageSrc: "https://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311465.jpg",
              imageAlt: "Portfolio performance and investment returns analysis"
            }
          ]}
        />
      </div>

      <FooterBase
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive VC | Belgium"
        columns={[
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Portfolio", href: "#" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Pitch Guide", href: "#" },
              { label: "FAQ", href: "#" },
              { label: "Investment Criteria", href: "#" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "LinkedIn", href: "https://linkedin.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "Email", href: "mailto:hello@pitchdrive.io" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}