"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { TrendingUp, CheckCircle, Zap, Users, HelpCircle } from 'lucide-react';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="PitchDrive"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Get Started", href: "/contact" }}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Story & Mission"
          description="Building the future of sales enablement through intelligent technology"
          tabs={[
            {
              id: "story",
              label: "Our Story",
              description: "PitchDrive was founded by a team of sales leaders and AI engineers who experienced firsthand the challenges of modern sales processes. We saw teams struggling with inconsistent pitch quality, lengthy sales cycles, and lack of data-driven insights. Our mission became clear: democratize access to world-class sales tools."
            },
            {
              id: "vision",
              label: "Our Vision",
              description: "We envision a world where every sales professional has access to intelligent coaching and deal insights. Our platform combines cutting-edge AI with proven sales methodologies to help teams perform at their peak, close deals faster, and build lasting customer relationships."
            },
            {
              id: "values",
              label: "Core Values",
              description: "Innovation drives everything we do. We believe in transparency, continuous learning, and putting our customers' success first. Our team is committed to building tools that not just work, but truly transform how sales teams operate and succeed in competitive markets."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
          imageAlt="PitchDrive team collaboration"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="company-metrics" data-section="company-metrics">
        <MetricCardOne
          title="Company Milestones"
          description="Key achievements that define our journey and impact"
          metrics={[
            {
              id: "1",
              value: "2020",
              title: "founded",
              description: "Started with a vision to transform sales",
              icon: TrendingUp
            },
            {
              id: "2",
              value: "50+",
              title: "team members",
              description: "Experienced professionals across sales and tech",
              icon: Users
            },
            {
              id: "3",
              value: "100+",
              title: "enterprise clients",
              description: "Trusted by leading companies worldwide",
              icon: CheckCircle
            },
            {
              id: "4",
              value: "$50M",
              title: "funding raised",
              description: "Backed by top-tier venture capital firms",
              icon: Zap
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about-faq" data-section="about-faq">
        <FaqDouble
          title="About Our Company"
          description="Learn more about PitchDrive's history, culture, and approach"
          tag="Company Info"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What makes PitchDrive different from other sales tools?",
              content: "PitchDrive uniquely combines AI-powered coaching with collaborative features and deal intelligence. Unlike traditional CRMs or simple pitch tools, we provide real-time feedback, predictive insights, and team learning capabilities all in one integrated platform."
            },
            {
              id: "2",
              title: "Who are the founders and leadership team?",
              content: "Our founding team includes former sales VPs from Fortune 500 companies and AI researchers from leading tech firms. Our CEO has 15+ years in enterprise sales, while our CTO previously led AI initiatives at major software companies."
            },
            {
              id: "3",
              title: "What is PitchDrive's company culture like?",
              content: "We foster a culture of continuous learning, customer obsession, and innovation. Our team values transparency, collaboration, and results. We're a remote-first company with team members across multiple time zones, united by our mission to transform sales."
            },
            {
              id: "4",
              title: "How does PitchDrive give back to the community?",
              content: "We offer free access to startups and small businesses through our community program. We also sponsor sales training programs at universities and provide mentorship to emerging sales professionals through industry partnerships."
            },
            {
              id: "5",
              title: "What are PitchDrive's future plans and roadmap?",
              content: "We're continuously expanding our AI capabilities, building new integrations, and developing advanced analytics features. Our roadmap includes enhanced mobile experiences, deeper CRM integrations, and expanded international market support."
            },
            {
              id: "6",
              title: "How can I join the PitchDrive team?",
              content: "We're always looking for talented individuals who share our passion for sales and technology. Check our careers page for current openings in engineering, sales, marketing, and customer success. We offer competitive compensation and equity packages."
            }
          ]}
        />
      </div>

      <FooterLogoReveal logoText="PitchDrive" />
    </ThemeProvider>
  );
}