"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Target, TrendingUp, HelpCircle, 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-intro" data-section="contact-intro">
        <TestimonialAboutCard
          tag="Get in Touch"
          tagIcon={Target}
          title="Ready to partner with CapitalVenture? Whether you're a founder seeking strategic capital or an investor exploring opportunities, we're here to discuss how we can create transformative value together."
          description="Investment Partnerships"
          subdescription="Building the future, one company at a time"
          icon={TrendingUp}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-customer-support-or-investment-advisor-1771526892603-85b03c78.png?_wi=1"
          imageAlt="A customer support or investment advisory professional helping clients"
          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-1771526892603-85b03c78.png?_wi=2"
          imageAlt="Investment advisory professional helping clients"
          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="contact-metrics" data-section="contact-metrics">
        <MetricCardSeven
          title="Partnership Benefits"
          description="When you partner with CapitalVenture, you gain access to more than capital—you join a network of innovation, expertise, and strategic advantage."
          tag="Why Partner With Us"
          tagIcon={BarChart3}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",
              value: "24/7",
              title: "Strategic Support Available",
              items: ["Dedicated relationship management", "Real-time market intelligence and guidance"]
            },
            {
              id: "2",
              value: "500+",
              title: "Executive Network Connections",
              items: ["Fortune 500 partnerships", "Industry leader introductions"]
            },
            {
              id: "3",
              value: "45+",
              title: "Countries with Market Access",
              items: ["Global expansion support", "International partnership facilitation"]
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <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" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}