"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Mail } from "lucide-react";

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

      {/* Detailed Services */}
      <div id="services-detail" data-section="services-detail">
        <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",
              ],
              buttons: [
                { text: "Learn More", href: "#" },
                { text: "Request Info", href: "/contact" },
              ],
            },
            {
              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",
              ],
              buttons: [
                { text: "Learn More", href: "#" },
                { text: "Request Info", href: "/contact" },
              ],
            },
            {
              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",
              ],
              buttons: [
                { text: "Learn More", href: "#" },
                { text: "Request Info", href: "/contact" },
              ],
            },
          ]}
          animationType="slide-up"
          title="Our Research Services"
          description="Comprehensive research solutions tailored to support senior analysts and drive business growth for global financial services firms. Each service is customized to meet your specific analytical needs."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Services"
        />
      </div>

      {/* Research Deliverables */}
      <div id="deliverables" data-section="deliverables">
        <ProductCardThree
          products={[
            {
              id: "1",
              name: "Daily Pitch Books",
              price: "Real-Time Intelligence",
              imageSrc:
                "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg?_wi=2",
              imageAlt: "technical analysis financial charts data visualization market research",
            },
            {
              id: "2",
              name: "Weekly Analysis Reports",
              price: "Comprehensive Insights",
              imageSrc:
                "http://img.b2bpic.net/free-photo/analyzing-business-chart_1098-19461.jpg?_wi=2",
              imageAlt: "fundamental analysis equity research financial reports data analysis",
            },
            {
              id: "3",
              name: "Monthly Research Publications",
              price: "Strategic Intelligence",
              imageSrc:
                "http://img.b2bpic.net/free-photo/cut-out-business-scene_23-2147626414.jpg?_wi=2",
              imageAlt: "fixed income bond market credit research financial analysis",
            },
          ]}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          title="Key Deliverables"
          description="Our research team provides consistent, high-quality deliverables across multiple time horizons to support your investment decision-making."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Deliverables"
        />
      </div>

      {/* Call to Action */}
      <div id="contact-services" data-section="contact-services">
        <ContactCTA
          tag="Let's Get Started"
          tagIcon={Mail}
          title="Ready to Elevate Your Research Capabilities?"
          description="Partner with JMN Investments Research to access world-class research services that deliver competitive advantages. Our team specializes in customizing solutions for your firm's unique needs."
          buttons={[
            { text: "Contact Our Team", href: "/contact" },
            { text: "Request a 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>
  );
}