"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Lightbulb, Target, Users } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PitchDrive"
          navItems={[
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "FAQ", id: "/faq" }
          ]}
          button={{
            text: "Get in Touch",
            href: "/contact"
          }}
        />
      </div>

      <div id="about-detailed" data-section="about-detailed">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Lightbulb}
          title="Founded by entrepreneurs who understand the challenges of building from zero to one."
          description="Marcus van der Berg & Team"
          subdescription="Serial Entrepreneurs, Antwerp"
          icon={Lightbulb}
          imageSrc="https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg"
          imageAlt="innovation startup workspace collaboration technology"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="values" data-section="values">
        <FeatureCardTwentyFour
          title="Our Core Values"
          description="The principles that guide every investment decision and partnership we make"
          tag="What Drives Us"
          tagIcon={Target}
          features={[
            {
              id: "1",
              title: "Founder First",
              author: "Core Principle",
              description: "We believe exceptional founders build exceptional companies. Our job is to amplify their vision, not replace it.",
              tags: ["Leadership", "Trust", "Partnership"],
              imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg",
              imageAlt: "founders startup entrepreneurship business meeting"
            },
            {
              id: "2",
              title: "Long-term Thinking",
              author: "Strategic Focus",
              description: "We invest in companies building sustainable competitive advantages, not just quick wins or market timing plays.",
              tags: ["Strategy", "Patience", "Growth"],
              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg",
              imageAlt: "technology product startup innovation digital"
            },
            {
              id: "3",
              title: "Operational Excellence",
              author: "Hands-On Support",
              description: "Having built and scaled companies ourselves, we provide practical guidance on product, hiring, and go-to-market strategy.",
              tags: ["Operations", "Experience", "Guidance"],
              imageSrc: "https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg",
              imageAlt: "innovation startup workspace collaboration technology"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="team-expanded" data-section="team-expanded">
        <TeamCardOne
          title="Meet Our Partners"
          description="A diverse team of operators, investors, and industry experts committed to founder success"
          tag="Leadership Team"
          tagIcon={Users}
          members={[
            {
              id: "1",
              name: "Marcus van der Berg",
              role: "Founding Partner",
              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
              imageAlt: "Marcus van der Berg, Founding Partner"
            },
            {
              id: "2",
              name: "Sophie Laurent",
              role: "Partner",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
              imageAlt: "Sophie Laurent, Partner"
            },
            {
              id: "3",
              name: "Thomas Müller",
              role: "Partner",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
              imageAlt: "Thomas Müller, Partner"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-vector/dark-technology-abstract-background_23-2148173906.jpg"
        imageAlt="abstract gradient technology innovation modern"
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive VC. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Portfolio", href: "/portfolio" },
              { label: "News", href: "/news" }
            ]
          },
          {
            title: "For Founders",
            items: [
              { label: "How We Invest", href: "/invest" },
              { label: "Application", href: "/apply" },
              { label: "FAQ", href: "/faq" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "/privacy" },
              { label: "Terms of Service", href: "/terms" },
              { label: "Impressum", href: "/impressum" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}