"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Phone, Mail, Clock, MapPin, HelpCircle } from 'lucide-react';
import Link from 'next/link';

export default function ContactPage() {
  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="contact" data-section="contact">
        <ContactSplitForm
          title="Start Your Investment Journey"
          description="Get in touch with our investment specialists today. We're ready to discuss your financial goals and explore opportunities tailored to your needs."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/business-people-video-call-meeting_53876-15181.jpg"
          imageAlt="Investment consultation meeting"
          mediaPosition="right"
          inputs={[
            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
            { name: "investmentAmount", type: "text", placeholder: "Intended Investment Amount", required: false }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your investment goals and interests...",
            rows: 5,
            required: true
          }}
          buttonText="Schedule Consultation"
        />
      </div>

      <div id="contact-info" data-section="contact-info">
        <MetricCardThree
          title="Get in Touch"
          description="Multiple ways to reach our team and start your investment journey with StartUp Capital."
          tag="Contact Information"
          tagIcon={Phone}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            { id: "1", icon: Phone, title: "Phone", value: "(555) 123-4567" },
            { id: "2", icon: Mail, title: "Email", value: "info@startup.capital" },
            { id: "3", icon: Clock, title: "Business Hours", value: "Mon-Fri 9-6" },
            { id: "4", icon: MapPin, title: "Location", value: "New York, NY" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our investment strategies, processes, and how to get started."
          tag="Help Center"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
          imageAlt="Investment consultation and support"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is the minimum investment amount?",
              content: "Our Venture Growth Fund requires a minimum investment of $50,000. For other funds and institutional partnerships, minimums vary. We recommend contacting our team to discuss options tailored to your situation."
            },
            {
              id: "2",
              title: "How often do I receive performance reports?",
              content: "All investors receive quarterly performance reports detailing fund performance, portfolio composition, and market outlook. Institutional investors also have access to monthly briefings and real-time reporting dashboards."
            },
            {
              id: "3",
              title: "What is your investment track record?",
              content: "Since 2015, StartUp Capital has delivered an average annual return of 18.5% with an 89% successful exit rate. Our track record is independently verified and detailed in our investor prospectus."
            },
            {
              id: "4",
              title: "Can I withdraw my investment early?",
              content: "Investment terms vary by fund. Most of our funds have a 5-7 year commitment period, but we offer secondary market liquidity options for accredited investors in certain circumstances."
            },
            {
              id: "5",
              title: "How do you select investments?",
              content: "Our investment team uses a rigorous due diligence process including deep market analysis, management team evaluation, and financial modeling. We focus on sectors with strong growth potential and clear paths to profitability."
            },
            {
              id: "6",
              title: "Are there tax advantages to investing?",
              content: "We work with qualified tax advisors to structure investments in ways that may provide tax efficiency. We recommend consulting your personal tax advisor about specific benefits applicable to your situation."
            }
          ]}
        />
      </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>
  );
}