"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Linkedin, Twitter, Mail } from 'lucide-react';
import Link from 'next/link';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Show Your Idea"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Services", id: "/services" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Pitch Your Idea", href: "/contact" }}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout 
          tag="Our Story"
          title="Building the Future of Entrepreneurial Excellence"
          description="Founded by successful entrepreneurs who understand the challenges of scaling innovative ventures, Show Your Idea emerged from a vision to create more than just an investment firm. We recognized that exceptional startups need more than capital—they need experienced partners who can provide strategic guidance, open doors to essential networks, and offer the mentorship that transforms promising ideas into market-leading companies. Our decade-long journey has been defined by backing visionary founders and helping them navigate the complex path from concept to sustainable growth."
          metrics={[
            { value: "10+", title: "Years of Experience" },
            { value: "95%", title: "Portfolio Success Rate" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571034.jpg"
          imageAlt="Show Your Idea founding team collaboration"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen 
          title="Meet the Visionaries Behind Show Your Idea"
          tag="Our Team"
          members={[
            {
              id: "1",              name: "Alexandra Chen",              imageSrc: "https://img.b2bpic.net/free-photo/man-woman-discussing-hiring-application-queue-waiting-join-job-interview-meeting-nervous-people-with-employment-papers-cv-having-conversation-office-lobby-work-selection_482257-44175.jpg"
            },
            {
              id: "2",              name: "Michael Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-people-learning_23-2149300715.jpg"
            },
            {
              id: "3",              name: "Sarah Patel",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-colleagues-learning-work_23-2149300714.jpg"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-people-studying-language-together_23-2149300725.jpg"
            }
          ]}
          memberVariant="card"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard 
          logoText="Show Your Idea"
          copyrightText="© 2025 Show Your Idea | Transforming Ideas Into Impact"
          socialLinks={[
            { icon: Linkedin, href: "https://linkedin.com/company/show-your-idea", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com/showyouridea", ariaLabel: "Twitter" },
            { icon: Mail, href: "mailto:info@showyouridea.com", ariaLabel: "Email" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}