"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { TrendingUp, BarChart3, PieChart, LineChart, HelpCircle } from 'lucide-react';
import Link from 'next/link';

export default function InsightsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="StartUp Capital"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Services", id: "/services" },
            { name: "Insights", id: "/insights" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Get Started", href: "/contact" }}
        />
      </div>

      <div id="insights-intro" data-section="insights-intro">
        <TextSplitAbout
          title="Market Insights & Research"
          description={[
            "Stay ahead of market trends with our comprehensive research and analysis. Our investment team provides regular insights into emerging markets, sector analysis, and investment opportunities.",
            "From quarterly market reviews to deep-dive sector reports, we share our institutional-quality research with our investor community to help inform your investment decisions.",
            "Access exclusive content including portfolio company spotlights, market trend analysis, and strategic investment frameworks used by our team."
          ]}
          buttons={[{ text: "Subscribe to Updates", href: "/contact" }]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="market-data" data-section="market-data">
        <MetricCardThree
          title="Market Performance Indicators"
          description="Key metrics and trends we're tracking across our investment sectors and markets."
          tag="Market Data"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="scale-rotate"
          metrics={[
            { id: "1", icon: BarChart3, title: "Sector Growth", value: "+24%" },
            { id: "2", icon: PieChart, title: "New Opportunities", value: "156" },
            { id: "3", icon: LineChart, title: "Market Expansion", value: "+31%" },
            { id: "4", icon: TrendingUp, title: "Portfolio Value", value: "+18.5%" }
          ]}
        />
      </div>

      <div id="insights-faq" data-section="insights-faq">
        <FaqSplitMedia
          title="Investment Research & Insights FAQ"
          description="Common questions about our research methodology, market analysis, and how we identify investment opportunities."
          tag="Research FAQ"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
          imageAlt="Investment research and analysis"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do you identify emerging market opportunities?",
              content: "Our research team combines quantitative analysis with on-ground market intelligence. We track over 200 key indicators across 15 sectors and maintain relationships with industry leaders to spot trends before they become mainstream opportunities."
            },
            {
              id: "2",
              title: "What sectors are you most bullish on currently?",
              content: "We're particularly excited about FinTech innovation, sustainable energy solutions, and B2B SaaS platforms serving underserved markets. Our latest research indicates these sectors show strong fundamentals and scalable business models."
            },
            {
              id: "3",
              title: "How often do you publish market insights?",
              content: "We publish quarterly comprehensive market reviews, monthly sector updates, and weekly trend alerts. Institutional investors receive additional real-time insights and can access our research portal 24/7."
            },
            {
              id: "4",
              title: "Can I access your research if I'm not an investor?",
              content: "We offer a monthly newsletter with high-level insights available to everyone. Detailed research reports and analysis are reserved for our investor community. Contact us to learn about accessing our research platform."
            },
            {
              id: "5",
              title: "How do you validate your investment theses?",
              content: "Every investment opportunity undergoes our 6-stage due diligence process, including market analysis, competitive positioning, team assessment, financial modeling, and risk evaluation. We maintain a 89% success rate using this methodology."
            }
          ]}
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/about" },
              { label: "Careers", href: "/contact" },
              { label: "Blog", href: "/insights" }
            ]
          },
          {
            title: "Investments",
            items: [
              { label: "Venture Growth", href: "/services" },
              { label: "Private Equity", href: "/services" },
              { label: "Global Fund", href: "/services" },
              { label: "Performance", href: "/" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Investor FAQ", href: "/#faq" },
              { label: "Documentation", href: "/contact" },
              { label: "Market Insights", href: "/insights" },
              { label: "Contact Us", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "/" },
              { label: "Terms of Service", href: "/" },
              { label: "Compliance", href: "/" },
              { label: "Disclosures", href: "/" }
            ]
          }
        ]}
        bottomLeftText="© 2025 StartUp Capital. All rights reserved."
        bottomRightText="Investing for Tomorrow's Growth"
      />
    </ThemeProvider>
  );
}