"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 FooterMedia from '@/components/sections/footer/FooterMedia';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[
            { name: "About", id: "/about" },
            { name: "Investment Focus", id: "/services" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "FAQ", id: "/contact" }
          ]}
          brandName="PitchDrive"
          button={{ text: "Get in Touch", href: "/contact" }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch With PitchDrive"
          description="Ready to discuss your startup's growth trajectory? We'd love to hear from you. Fill out the form below and we'll be in touch within 48 hours."
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15495.jpg"
          imageAlt="PitchDrive contact team"
          buttonText="Send Message"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "your@email.com", required: true },
            { name: "company", type: "text", placeholder: "Your Company Name", required: true },
            { name: "stage", type: "text", placeholder: "Current Stage (e.g., Pre-seed, Series A)", required: false }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your startup and what you're building...",
            rows: 5,
            required: true
          }}
          onSubmit={(data) => {
            console.log('Form submitted:', data);
            alert('Thank you for your message. We\'ll be in touch within 48 hours!');
          }}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Got questions about investing with PitchDrive? We've got answers."
          tag="FAQs"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15495.jpg"
          imageAlt="PitchDrive team discussion"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What stage startups do you invest in?",
              content: "We primarily focus on Series A and B stage startups with proven product-market fit and strong founders. We typically invest €500K to €3M per round, though we're flexible for exceptional founders and opportunities."
            },
            {
              id: "2",
              title: "How can I pitch my startup to PitchDrive?",
              content: "We accept pitches through our website, warm introductions from existing portfolio companies and advisors, and at industry events. Start by submitting your pitch deck and a brief overview of your company through our contact form."
            },
            {
              id: "3",
              title: "What support does PitchDrive provide beyond capital?",
              content: "We actively support our founders with strategic guidance, product feedback, introductions to customers and partners, hiring support, and governance advice. We take board seats in our investments."
            },
            {
              id: "4",
              title: "Do you invest in non-European companies?",
              content: "While based in Antwerp, we invest in companies with strong European operations or founders. We're open to discussions about market expansion opportunities."
            },
            {
              id: "5",
              title: "What's your investment timeline?",
              content: "From initial pitch to term sheet typically takes 4-6 weeks for promising candidates. Final close can take 8-12 weeks depending on legal and due diligence requirements."
            },
            {
              id: "6",
              title: "Can I schedule a conversation with the team?",
              content: "Absolutely. Use our contact form or email team@pitchdrive.com to request an initial conversation. We typically respond within 48 hours to promising opportunities."
            }
          ]}
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/cityscape-frankfurt-downtown-germany_1268-20913.jpg"
        imageAlt="Antwerp skyline"
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive VC. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/team" },
              { label: "Portfolio", href: "/portfolio" }
            ]
          },
          {
            title: "Investors",
            items: [
              { label: "Investment Focus", href: "/services" },
              { label: "How We Work", href: "/about" },
              { label: "FAQ", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Get in Touch", href: "/contact" },
              { label: "Email Us", href: "mailto:team@pitchdrive.com" },
              { label: "LinkedIn", href: "https://linkedin.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}