"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Star, Mail, Twitter, Linkedin, Github } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="AIFlow"
          bottomLeftText="Enterprise AI Solutions"
          bottomRightText="hello@aiflow.io"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Journey"
          description={[
            "Founded by AI researchers from Stanford and MIT, AIFlow emerged from the need to bridge the gap between cutting-edge artificial intelligence research and practical enterprise applications. Our founding team spent over a decade at leading tech companies, witnessing firsthand how AI could transform business operations.",            "We recognized that while large tech companies had unlimited resources to build custom AI solutions, most enterprises were left behind. Traditional software vendors offered basic automation, but nothing that could truly harness the power of modern machine learning and deep learning technologies.",            "Today, AIFlow serves over 500 enterprise customers across 40 countries, from Fortune 500 corporations to fast-growing mid-market companies. Our platform has processed over 100 billion data points, automated millions of workflows, and delivered measurable ROI to organizations in every major industry."
          ]}
          buttons={[
            { text: "Join Our Team", href: "/contact" }
          ]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="leadership" data-section="leadership">
        <TestimonialCardTwo
          title="Leadership Team"
          description="Meet the visionaries behind AIFlow's enterprise AI revolution"
          tag="Our Team"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Dr. Sarah Chen",              role: "CEO & Co-founder",              testimonial: "Former VP of AI at Google, PhD in Computer Science from Stanford. Sarah has led AI initiatives for some of the world's largest companies and brings 15 years of experience in scaling AI technologies.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/professional-headshot-of-a-confident-bus-1772134341710-5fc75227.png?_wi=2",              imageAlt: "Dr. Sarah Chen"
            },
            {
              id: "2",              name: "Michael Rodriguez",              role: "CTO & Co-founder",              testimonial: "Former Principal Engineer at Meta, MS in Machine Learning from MIT. Michael architected AI systems serving billions of users and leads our engineering vision for enterprise-grade AI infrastructure.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/professional-headshot-of-a-tech-savvy-ce-1772134342760-a6943e9e.png?_wi=2",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",              name: "Jennifer Park",              role: "VP of Enterprise Sales",              testimonial: "Former Director of Enterprise Sales at Salesforce with 12 years of experience helping Fortune 500 companies adopt transformative technologies. Jennifer understands the unique challenges of enterprise AI adoption.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/professional-headshot-of-a-business-dire-1772134342190-467788e3.png?_wi=2",              imageAlt: "Jennifer Park"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Connect With Us"
          title="Ready to Learn More About AIFlow?"
          description="Discover how AIFlow can transform your enterprise operations. Our team is ready to show you the possibilities of enterprise-grade AI for your specific use case."
          tagIcon={Mail}
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="your.email@company.com"
          buttonText="Get In Touch"
          termsText="We respect your privacy and will only use your information to discuss AIFlow solutions."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="AIFlow"
          copyrightText="© 2025 AIFlow. All rights reserved."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/aiflow", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/aiflow", ariaLabel: "LinkedIn" },
            { icon: Github, href: "https://github.com/aiflow", ariaLabel: "GitHub" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
