"use client";

import Link from "next/link";
import { Target, Lightbulb, Zap } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmall"
      background="plain"
      cardStyle="glass-elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PitchDrive"
          navItems={[
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get Started",
            href: "/contact"
          }}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About PitchDrive"
          tagIcon={Target}
          title="Founder-Led Investment for the Next Generation"
          description="Meet the founders behind PitchDrive VC"
          subdescription="Antwerp, Belgium - Founded 2022"
          icon={Lightbulb}
          imageSrc="https://img.b2bpic.net/free-photo/group-multiethnic-business-partners-having-creative-business-team-meeting-modern-office_181624-26572.jpg"
          imageAlt="PitchDrive founders leading innovation"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Our Investment Process"
          description="A streamlined approach to identifying and supporting exceptional founders"
          tag="How We Work"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              tag: "Stage 1",
              title: "Pitch & Discovery",
              subtitle: "Initial Evaluation",
              description: "We review your pitch deck and business fundamentals. Our team conducts initial conversations to understand your vision, market opportunity, and founding team dynamics.",
              imageSrc: "https://img.b2bpic.net/free-photo/business-team-collaborating-corporate-culture-initiatives-development_482257-90929.jpg"
            },
            {
              id: 2,
              tag: "Stage 2",
              title: "Due Diligence",
              subtitle: "Deep Analysis",
              description: "Comprehensive evaluation of financials, market fit, competitive positioning, and team capabilities. We partner with industry experts to validate assumptions and identify potential risks.",
              imageSrc: "https://img.b2bpic.net/free-photo/business-scene-top-view_23-2147626514.jpg"
            },
            {
              id: 3,
              tag: "Stage 3",
              title: "Investment & Support",
              subtitle: "Partnership Begins",
              description: "Upon decision, we close the deal and become an active partner. Ongoing support includes strategic guidance, network introductions, and operational mentorship to accelerate growth.",
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-team-people-working-with-documents-calculating-earnings_1098-17380.jpg"
            }
          ]}
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/two-businesspeople-with-laptop-sitting-restaurant_23-2147876708.jpg"
        imageAlt="PitchDrive VC - Antwerp headquarters"
        logoText="PitchDrive VC"
        copyrightText="© 2024 PitchDrive VC. All rights reserved. Based in Antwerp, Belgium."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Portfolio", href: "/portfolio" },
              { label: "Team", href: "/team" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Investment Process", href: "/about" },
              { label: "FAQ", href: "/contact" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Antwerp, Belgium", href: "#" },
              { label: "hello@pitchdrive.vc", href: "mailto:hello@pitchdrive.vc" },
              { label: "LinkedIn", href: "https://linkedin.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}