"use client";

import Link from 'next/link';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import { HelpCircle, Target, TrendingUp, BarChart3 } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: 'Home', id: '/' },
            { name: 'About', id: '/about' },
            { name: 'Portfolio', id: '/portfolio' },
            { name: 'Contact', id: '/contact' }
          ]}
          button={{ text: 'Start Investing', href: '/contact' }}
          brandName="CapitalVenture"
        />
      </div>

      <div id="contact-info" data-section="contact-info">
        <TestimonialAboutCard
          tag="Contact Us"
          tagIcon={Target}
          title="Ready to partner with us? Let's discuss how CapitalVenture can accelerate your technology company's growth and success."
          description="CapitalVenture Partners"
          subdescription="Get Started Today"
          icon={TrendingUp}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-customer-support-or-investment-advisor-1771525105242-3a6139a5.png?_wi=1"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Investment FAQs"
          description="Clear answers to common questions about our investment process, fund structure, and partnership opportunities."
          tag="Questions"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          mediaAnimation="slide-up"
          mediaPosition="left"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-customer-support-or-investment-advisor-1771525105242-3a6139a5.png?_wi=2"
          imageAlt="Investment Advisory Support"
          faqs={[
            {
              id: '1',
              title: 'What types of companies do you invest in?',
              content: 'We focus on technology companies across artificial intelligence, fintech, SaaS, enterprise software, cybersecurity, and emerging technologies. We invest from seed stage through growth and expansion rounds, with ticket sizes ranging from $500K to $50M+.'
            },
            {
              id: '2',
              title: 'What is your typical investment timeline?',
              content: 'We take a patient capital approach with investment horizons of 7-10 years. We\'re committed to supporting our companies through multiple funding rounds and helping them achieve sustainable growth and successful exits.'
            },
            {
              id: '3',
              title: 'How much hands-on involvement do you provide?',
              content: 'We\'re actively involved in strategic decision-making, board representation, and operational guidance. Our team provides market intelligence, introduces key partnerships, and helps with talent recruitment and investor relations.'
            },
            {
              id: '4',
              title: 'What geographic regions do you focus on?',
              content: 'While we\'re headquartered in North America, we have a global investment strategy with presence in Europe, Asia-Pacific, and emerging markets. We seek the best technology innovations regardless of geography.'
            },
            {
              id: '5',
              title: 'How do I apply for investment?',
              content: 'You can submit your company information through our website, or reach out directly to our investment team. We typically review executive summaries, pitch decks, and financial projections during our initial evaluation process.'
            },
            {
              id: '6',
              title: 'What makes CapitalVenture different from other VCs?',
              content: 'Our combination of deep industry expertise, extensive founder networks, and commitment to long-term value creation sets us apart. We focus on sustainable growth rather than quick exits, and we actively mentor management teams.'
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Why Choose CapitalVenture"
          description="Our proven track record demonstrates our commitment to building successful technology partnerships."
          tag="Success Metrics"
          tagIcon={BarChart3}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          metrics={[
            {
              id: '1',
              value: '87%',
              title: 'Portfolio Companies with Successful Exits',
              items: ['Average 12.3x return on investment', 'Successful IPOs and strategic acquisitions']
            },
            {
              id: '2',
              value: '156+',
              title: 'Companies Funded & Scaled',
              items: ['Across 15+ technology sectors', 'Global presence spanning 45+ countries']
            }
          ]}
        />
      </div>

      <FooterBase
        logoText="CapitalVenture"
        copyrightText="© 2025 CapitalVenture Partners. All rights reserved."
        columns={[
          {
            title: 'Company',
            items: [
              { label: 'Home', href: '/' },
              { label: 'About Us', href: '/about' },
              { label: 'Our Portfolio', href: '/portfolio' },
              { label: 'Contact', href: '/contact' }
            ]
          },
          {
            title: 'Resources',
            items: [
              { label: 'Investment Process', href: '#' },
              { label: 'Market Insights', href: '#' },
              { label: 'News & Updates', href: '#' },
              { label: 'Careers', href: '#' }
            ]
          },
          {
            title: 'Legal',
            items: [
              { label: 'Privacy Policy', href: '#' },
              { label: 'Terms of Service', href: '#' },
              { label: 'SEC Disclosures', href: '#' },
              { label: 'Contact Us', href: '/contact' }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}