"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { TrendingUp, Linkedin, Mail } from "lucide-react";

export default function HomePage() {
  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>

      {/* Hero Section */}
      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Global Investment Research Excellence Since 2005"
          description="JMN Investments Research delivers offshore equity and fixed income research services to the world's leading financial institutions. Our team of CFA charterholders and analysts provides comprehensive market intelligence and research solutions."
          background={{ variant: "plain" }}
          kpis={[
            { value: "20+", label: "Years Wall Street Experience" },
            { value: "CFA", label: "Certified Charter Holders" },
            { value: "Global", label: "Client Coverage" },
          ]}
          enableKpiAnimation={true}
          tag="Investment Research"
          tagIcon={TrendingUp}
          buttons={[
            { text: "Learn More", href: "#services" },
            { text: "Contact Us", href: "/contact" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/middle-age-executive-female-reading-charst-conference-room-young-businesswoman-background_482257-31194.jpg"
          imageAlt="investment research financial analysis professional workspace modern office"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      {/* About Section */}
      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          title="Founded on principles of excellence and innovation in investment research, JMN Investments Research has been empowering global financial professionals with actionable market intelligence and comprehensive analytical services since 2005."
          useInvertedBackground={false}
          buttons={[{ text: "Explore Our Approach", href: "/about" }]}
        />
      </div>

      {/* Services Section */}
      <div id="services" data-section="services">
        <FeatureCardTwelve
          features={[
            {
              id: "equity-research",              label: "Equity",              title: "Comprehensive Equity Research Coverage",              items: [
                "Fundamental analysis and valuations",                "Sector coverage and company reports",                "Market insights and trends",                "Investment recommendations"],
            },
            {
              id: "fixed-income",              label: "Fixed Income",              title: "Fixed Income Research and Analytics",              items: [
                "Bond market analysis",                "Credit research and ratings",                "Yield analysis and forecasting",                "Portfolio optimization insights"],
            },
            {
              id: "technical-analysis",              label: "Technical",              title: "Technical Research Excellence",              items: [
                "Daily pitch books generation",                "Weekly market analysis",                "Monthly research publications",                "Round-the-clock support services"],
            },
          ]}
          animationType="slide-up"
          title="Our Core Research Services"
          description="Comprehensive research solutions tailored to support senior analysts and drive business growth for global financial services firms."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Services"
        />
      </div>

      {/* Research Capabilities Section */}
      <div id="capabilities" data-section="capabilities">
        <ProductCardThree
          products={[
            {
              id: "1",              name: "Periodical Pitch Books",              price: "Daily, Weekly & Monthly",              imageSrc:
                "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg?_wi=1",              imageAlt: "technical analysis financial charts data visualization market research"},
            {
              id: "2",              name: "Idea Generation & Analysis",              price: "Customized Solutions",              imageSrc:
                "http://img.b2bpic.net/free-photo/analyzing-business-chart_1098-19461.jpg?_wi=1",              imageAlt: "fundamental analysis equity research financial reports data analysis"},
            {
              id: "3",              name: "24/7 Research Support",              price: "Timely Publications",              imageSrc:
                "http://img.b2bpic.net/free-photo/cut-out-business-scene_23-2147626414.jpg?_wi=1",              imageAlt: "fixed income bond market credit research financial analysis"},
          ]}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          title="Research Capabilities"
          description="Specialized research services designed to maximize analyst productivity and client satisfaction."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Expertise"
        />
      </div>

      {/* Team Section */}
      <div id="team" data-section="team">
        <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=1",              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=1",              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=1",              imageAlt: "professional portrait finance team analyst headshot business professional",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
              ],
            },
            {
              id: "4",              name: "Credit Analyst",              role: "Fixed Income Specialist",              description:
                "Dedicated to credit research and fixed income analytics. Provides deep market insights for portfolio optimization.",              imageSrc:
                "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "team member portrait financial analyst professional headshot researcher",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
              ],
            },
          ]}
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          title="Leadership Team"
          description="Industry veterans and seasoned analysts dedicated to research excellence and client success."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Team"
        />
      </div>

      {/* Social Proof Section */}
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Goldman Sachs",            "Morgan Stanley",            "JPMorgan Chase",            "BlackRock",            "Vanguard",            "Fidelity",            "Renaissance Technologies",            "Citadel"]}
          title="Trusted by Global Financial Leaders"
          description="JMN serves investment firms, hedge funds, and financial institutions across North America, Europe, and Asia."
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
          tag="Global Reach"
        />
      </div>

      {/* Contact CTA Section */}
      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Partnership Opportunities"
          tagIcon={Mail}
          title="Ready to Enhance Your Research Capabilities?"
          description="Partner with JMN Investments Research for customized offshore research solutions that drive business growth and analyst productivity. Our team is ready to discuss your research needs."
          buttons={[
            { text: "Schedule Consultation", href: "/contact" },
            { text: "Request Proposal", href: "mailto:bala@jmnirl.com" },
          ]}
          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>
  );
}