"use client";

import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Linkedin, Twitter, Globe } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Kapitoshka"
          button={{
            text: "Get In Touch",
            href: "/contact"
          }}
        />
      </div>

      <div id="about-detailed" data-section="about-detailed" className="mx-auto px-4 md:px-6">
        <SplitAbout
          title="Our Mission & Values"
          description="Kapitoshka was founded on the belief that exceptional founders can create transformative companies that solve the world's most pressing challenges. We are committed to identifying and supporting visionary entrepreneurs building innovative solutions at the intersection of technology, sustainability, and global market opportunity."
          tag="About Kapitoshka"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="left"
          bulletPoints={[
            {
              title: "Purpose-Driven Investing",
              description: "We invest in companies that create positive impact while generating exceptional returns. Our portfolio focuses on climate technology, enterprise software, and financial infrastructure that drives meaningful change."
            },
            {
              title: "Operational Excellence",
              description: "Our team combines deep venture capital experience with operational expertise from building and scaling successful companies. We provide hands-on support in strategy, product development, and market expansion."
            },
            {
              title: "Global Network",
              description: "We leverage our international network of entrepreneurs, executives, and advisors to create value for our portfolio companies through strategic partnerships and market access."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/cheerful-business-team-watching-presentation-laptop-sitting-workplace-staring-display-smiling-copy-space-business-meeting-concept_74855-11583.jpg"
          imageAlt="investment team office corporate business professionals"
        />
      </div>

      <div id="team-detailed" data-section="team-detailed" className="mx-auto px-4 md:px-6">
        <TeamCardTwo
          title="Meet Our Leadership Team"
          description="Our experienced team of investors and operators brings decades of expertise in building and scaling successful companies across multiple industries and markets."
          tag="Leadership"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          members={[
            {
              id: "1",
              name: "Alexander Volkov",
              role: "Founder & Managing Partner",
              description: "Serial entrepreneur with 15+ years in venture capital. Previously founded two successful tech startups and invested in 50+ companies across climate tech, fintech, and enterprise software.",
              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
              imageAlt: "professional business portrait founder ceo leadership",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",
              name: "Elena Petrov",
              role: "Partner, Climate & Sustainability",
              description: "Former Chief Investment Officer at a global climate fund with $2B+ AUM. Expert in sustainable technology investments and ESG-focused portfolio strategy with deep network in climate tech ecosystem.",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
              imageAlt: "female professional business portrait investor partner executive",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "3",
              name: "Boris Mikhailov",
              role: "Partner, Enterprise Software",
              description: "Former VP Product at a $10B enterprise SaaS company. Deep expertise in B2B sales, product-market fit, and scaling operations from startup to IPO with proven track record of successful exits.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
              imageAlt: "male professional business portrait partner investor executive",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Globe, url: "https://example.com" }
              ]
            },
            {
              id: "4",
              name: "Natasha Sokolov",
              role: "Investment Associate",
              description: "Recent MBA graduate from Wharton with investment banking background at Goldman Sachs. Specializes in financial modeling, due diligence, and market analysis for early-stage technology deals.",
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
              imageAlt: "professional portrait business analyst advisor expert",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            }
          ]}
        />
      </div>

      <div id="values" data-section="values" className="mx-auto px-4 md:px-6">
        <SplitAbout
          title="Our Investment Philosophy"
          description="We believe in partnering with founders who share our commitment to building sustainable, scalable businesses that create value for all stakeholders while addressing global challenges."
          tag="Philosophy"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          bulletPoints={[
            {
              title: "Long-term Partnership",
              description: "We build lasting relationships with founders, supporting them through multiple funding rounds and business milestones. Our average investment timeline spans 7-10 years."
            },
            {
              title: "Value Creation Focus",
              description: "Beyond capital, we provide strategic guidance, operational support, and network access to help portfolio companies achieve sustainable growth and market leadership."
            },
            {
              title: "Responsible Growth",
              description: "We prioritize companies that demonstrate strong ESG principles and sustainable business practices while delivering exceptional financial returns to our limited partners."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/start-up-business-goals-strategy_53876-124798.jpg"
          imageAlt="venture capital investment startup business growth"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Fund", href: "/fund" },
              { label: "Team", href: "/team" },
              { label: "Portfolio", href: "/portfolio" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Investment Thesis", href: "/investment-thesis" },
              { label: "Founder Resources", href: "/resources" },
              { label: "Blog", href: "/blog" },
              { label: "Press", href: "/press" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Get In Touch", href: "/contact" },
              { label: "Apply to Fund", href: "/apply" },
              { label: "hello@kapitoshka.vc", href: "mailto:hello@kapitoshka.vc" },
              { label: "LinkedIn", href: "https://linkedin.com" }
            ]
          }
        ]}
        copyrightText="© 2025 Kapitoshka Venture Capital. All rights reserved."
      />
    </ThemeProvider>
  );
}