"use client";

import Link from 'next/link';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Rocket, Twitter, Linkedin, Github } from 'lucide-react';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Pitchdrive"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "How It Works", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Story & Mission"
          description="Founded by entrepreneurs who understand the funding journey firsthand. We've been in your shoes."
          tabs={[
            {
              id: "mission",
              label: "Our Mission",
              description: "To democratize access to capital by making fundraising more transparent, efficient, and founder-friendly. Every startup deserves a fair shot at telling their story to the right investors."
            },
            {
              id: "vision",
              label: "Our Vision",
              description: "A world where great ideas get funded faster. Where founders spend more time building and less time chasing investors. Where the best solutions rise to the top through merit, not connections."
            },
            {
              id: "values",
              label: "Core Values",
              description: "Transparency, speed, and founder empowerment drive everything we do. We believe in building tools that work for real people solving real problems, not just checking boxes for investors."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg"
          imageAlt="Pitchdrive team collaboration"
          imagePosition="left"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet the Team"
          description="Founders and investors who get it. Who've lived it."
          members={[
            {
              id: "1",
              name: "Alex Chen",
              role: "Co-Founder & CEO",
              description: "Former VP at Sequoia. Raised $50M for three startups. Invested in 30+ Series A companies.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Alex Chen",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",
              name: "Jessica Rodriguez",
              role: "Co-Founder & Head of Product",
              description: "Built product at Stripe and Figma. YC '18. Designed the tools she needed to pitch her own successful exit.",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
              imageAlt: "Jessica Rodriguez",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "3",
              name: "Marcus Thompson",
              role: "Investor Relations",
              description: "Ex-Goldman Sachs investment banker. Deep network across 15+ major VC firms. Connects founders with the right investors.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
              imageAlt: "Marcus Thompson",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "4",
              name: "Priya Patel",
              role: "Head of Data",
              description: "ML researcher from MIT. Built the analytics engine that shows you investor sentiment in real-time.",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
              imageAlt: "Priya Patel",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Github, url: "https://github.com" }
              ]
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Join Us"
          title="Ready to change how founders raise capital?"
          description="Join our mission to make fundraising faster, fairer, and more transparent for every entrepreneur with a bold vision."
          tagIcon={Rocket}
          inputPlaceholder="your@email.com"
          buttonText="Get Started"
          termsText="Be part of the movement. Subscribe for updates on our latest features and funding success stories."
          useInvertedBackground="noInvert"
          onSubmit={(email) => console.log('Newsletter signup:', email)}
        />
      </div>

      <FooterCard
        logoText="Pitchdrive"
        copyrightText="© 2025 Pitchdrive Inc. All rights reserved. Making founders unstoppable."
        socialLinks={[
          {
            icon: Twitter,
            href: "https://twitter.com/pitchdrive",
            ariaLabel: "Follow us on Twitter"
          },
          {
            icon: Linkedin,
            href: "https://linkedin.com/company/pitchdrive",
            ariaLabel: "Follow us on LinkedIn"
          },
          {
            icon: Github,
            href: "https://github.com/pitchdrive",
            ariaLabel: "Visit our GitHub"
          }
        ]}
      />
    </ThemeProvider>
  );
}