"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TextAbout from "@/components/sections/about/TextAbout";
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Linkedin, Mail } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="large"
      background="fluid"
      cardStyle="gradient-mesh"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      {/* Navigation */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="JMN"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Get in Touch", href: "/contact" }}
          animateOnLoad={true}
        />
      </div>

      {/* About Deep Dive */}
      <div id="about-deep" data-section="about-deep">
        <TextAbout
          tag="Our Mission"
          title="At JMN Investments Research, we are committed to empowering financial professionals with world-class research and market intelligence. Since 2005, we have established ourselves as a trusted partner for investment firms, hedge funds, and financial institutions globally, delivering actionable insights that drive strategic decision-making."
          useInvertedBackground={false}
          buttons={[
            { text: "Discover Our Values", href: "#" },
            { text: "View Expertise", href: "#" },
          ]}
        />
      </div>

      {/* Team Full Profile */}
      <div id="team-about" data-section="team-about">
        <TeamCardTwo
          members={[
            {
              id: "1",
              name: "S.V. Balachander",
              role: "Founder & CEO",
              description:
                "Industry veteran with over two decades of Wall Street experience. Visionary leader championing experiential learning and innovative research methodologies.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
              imageAlt: "executive portrait CEO professional business leader headshot",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
              ],
            },
            {
              id: "2",
              name: "Research Analyst",
              role: "Senior Analyst",
              description:
                "CFA charter holder with expertise in equity and fundamental research. Passionate about generating actionable investment insights.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg?_wi=2",
              imageAlt: "analyst portrait finance professional research analyst business headshot",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
              ],
            },
            {
              id: "3",
              name: "Technical Analyst",
              role: "Technical Research Lead",
              description:
                "Expert in technical analysis and market research. Specializes in generating daily, weekly, and monthly research publications.",
              imageSrc:
                "http://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?_wi=2",
              imageAlt: "professional portrait finance team analyst headshot business professional",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
              ],
            },
          ]}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          title="Our Research Leadership"
          description="Meet the experts leading our research initiatives and client success."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Team"
        />
      </div>

      {/* Call to Action */}
      <div id="contact-about" data-section="contact-about">
        <ContactCTA
          tag="Learn More"
          tagIcon={Mail}
          title="Interested in Our Services?"
          description="Explore how JMN Investments Research can support your firm's research capabilities and drive analyst productivity. Contact our team to discuss your specific research needs."
          buttons={[
            { text: "Schedule a Call", href: "/contact" },
            { text: "Learn About Services", href: "/#services" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="JMN"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}