"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextAbout from '@/components/sections/about/TextAbout';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="PitchDrive VC"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Apply for Funding",
            href: "/contact"
          }}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Founded by entrepreneurs who understand the journey from idea to scale, PitchDrive VC brings unparalleled operational expertise to European startups. Based in Antwerp's thriving innovation ecosystem, we leverage our deep network across Belgium and Europe to accelerate founder success. We invest in exceptional teams building category-defining companies with strong unit economics and ambitious market potential."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Meet Our Team", href: "/team" },
            { text: "View Investment Thesis", href: "/thesis" }
          ]}
        />
      </div>

      <FooterBase
        logoText="PitchDrive VC"
        copyrightText="© 2025 PitchDrive Ventures. Based in Antwerp, Belgium."
        columns={[
          {
            title: "Firm",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/team" },
              { label: "Investment Thesis", href: "/thesis" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "For Founders",
            items: [
              { label: "Apply for Funding", href: "/contact" },
              { label: "Portfolio", href: "/portfolio" },
              { label: "Resources", href: "#" },
              { label: "FAQ", href: "#" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Twitter", href: "https://twitter.com" },
              { label: "LinkedIn", href: "https://linkedin.com" },
              { label: "Email", href: "hello@pitchdrive.vc" },
              { label: "Antwerp, Belgium", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}