"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 FooterBase from '@/components/sections/footer/FooterBase';
import { HelpCircle, Target, TrendingUp } 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"
    >
      {/* Navigation */}
      <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>

      {/* Contact Information */}
      <div id="contact" data-section="contact">
        <TestimonialAboutCard 
          tag="Get In Touch"
          tagIcon={Target}
          title="Ready to partner with us? We're here to discuss your investment opportunities and answer any questions about our approach."
          description="Contact CapitalVenture"
          subdescription="Schedule a consultation with our investment team"
          icon={TrendingUp}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-customer-support-or-investment-advisor-1771524064547-74507903.png?_wi=1"
          useInvertedBackground={false}
        />
      </div>

      {/* FAQ Section */}
      <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-1771524064547-74507903.png?_wi=2"
          imageAlt="A customer support or 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>

      {/* Contact CTA */}
      <div id="contact-cta" data-section="contact-cta">
        <TestimonialAboutCard 
          tag="Ready to Start?"
          tagIcon={Target}
          title="Let's discuss how CapitalVenture can help accelerate your technology company's growth and market success."
          description="Partnership Opportunities"
          subdescription="Email: invest@capitalventure.com | Phone: +1 (555) 123-4567"
          icon={TrendingUp}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-professional-image-showing-investment--1771523978385-8a17a5a6.png?_wi=4"
          useInvertedBackground={true}
        />
      </div>

      {/* 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" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}