"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay 
          brandName="Pitchdrive"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Submit a Pitch",
            href: "/contact"
          }}
        />
      </div>

      <div id="about-detailed" data-section="about-detailed" className="mx-auto px-4 md:px-6 pt-32">
        <TextSplitAbout 
          title="Investment Philosophy & Strategy"
          description={[
            "Founded in Geneva, Pitchdrive represents a new generation of venture capital focused on transformative technologies. We identify and partner with exceptional founders who are building the infrastructure and solutions for tomorrow's world.",
            "Our investment strategy is built on deep sector expertise across three core verticals: deep technology infrastructure, climate innovation solutions, and next-generation fintech platforms. We provide more than capital—we deliver strategic guidance, operational support, and access to our extensive network of industry leaders and technical experts.",
            "With a disciplined approach to due diligence and a commitment to long-term value creation, we've built a portfolio of companies that are not just successful businesses, but catalysts for positive global change. Our track record speaks to our ability to identify breakthrough technologies early and support their growth to market leadership."
          ]}
          buttons={[
            { text: "View Portfolio", href: "/portfolio" },
            { text: "Investment Criteria", href: "/contact" }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about-values" data-section="about-values" className="mx-auto px-4 md:px-6">
        <TextSplitAbout 
          title="Our Values & Approach"
          description={[
            "We believe the best investments come from understanding both the technology and the market dynamics that will shape the next decade. Our approach combines rigorous technical analysis with deep market insight to identify companies positioned for sustained growth.",
            "Partnership is at the core of our philosophy. We work closely with founders to navigate the challenges of scaling breakthrough technologies, providing strategic support in areas including product development, go-to-market strategy, talent acquisition, and subsequent funding rounds."
          ]}
          buttons={[
            { text: "Meet Our Team", href: "/team" },
            { text: "Submit Your Pitch", href: "/contact" }
          ]}
          showBorder={false}
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterMedia 
        logoText="Pitchdrive"
        imageSrc="https://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-133598.jpg"
        imageAlt="Pitchdrive venture capital"
        copyrightText="© 2025 Pitchdrive AG. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "Home", href: "/" },
              { label: "Investment Thesis", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Careers", href: "#" }
            ]
          },
          {
            title: "Investment",
            items: [
              { label: "Portfolio", href: "/portfolio" },
              { label: "Submit Pitch", href: "/contact" },
              { label: "Fund Structure", href: "#" },
              { label: "LPs", href: "#" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Blog", href: "#" },
              { label: "Insights", href: "#" },
              { label: "Contact", href: "/contact" },
              { label: "Privacy Policy", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}