"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function FaqPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PitchDrive"
          navItems={[
            { name: "About", id: "/about" },
            { name: "Team", id: "/team" },
            { name: "FAQ", id: "/faq" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get Started",            href: "/contact"
          }}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about PitchDrive and our investment process."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/people-using-digital-device-while-meeting_23-2149085917.jpg"
          imageAlt="FAQ support"
          faqs={[
            {
              id: "1",              title: "What is your typical investment size?",              content: "We invest €500K to €3M in early-stage startups. Our check sizes scale with founder traction and market opportunity. We're flexible and willing to discuss larger or smaller rounds depending on your stage and needs."
            },
            {
              id: "2",              title: "What sectors do you focus on?",              content: "We're particularly interested in B2B SaaS, deep tech, and European-focused ventures. We look for founders solving significant problems with innovative solutions and teams with strong potential for exponential growth."
            },
            {
              id: "3",              title: "How long does your investment process take?",              content: "From first meeting to term sheet typically takes 6-12 weeks, depending on due diligence complexity. We move quickly for founders we believe in, with decision timelines often accelerated based on momentum and clarity."
            },
            {
              id: "4",              title: "Do you take board seats?",              content: "Yes, we typically take a board seat in companies we invest in. We believe in active partnership and want to be deeply involved in strategic decisions and milestone achievements."
            },
            {
              id: "5",              title: "How can I apply for funding?",              content: "Submit your pitch deck, business plan, and a brief introduction via our contact form. We review all submissions and follow up within 2-3 weeks if we'd like to learn more."
            },
            {
              id: "6",              title: "What makes PitchDrive different?",              content: "We're founder-led, which means we understand your challenges firsthand. We bring operational experience, an extensive European network, and genuine commitment to your success—not just capital."
            }
          ]}
        />
      </div>

      <div id="investment-approach" data-section="investment-approach">
        <MediaAbout
          title="Our Investment Approach"
          description="We invest in early-stage companies where we can make the most meaningful impact. Our sweet spot is working with technical founders who are building solutions to complex problems in large markets. We look for teams with exceptional potential and the drive to execute at the highest level."
          tag="How We Invest"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991374.jpg"
          imageAlt="Investment strategy and approach"
          buttons={[
            { text: "Submit Your Pitch", href: "/contact" }
          ]}
        />
      </div>

      <div id="ready-to-apply" data-section="ready-to-apply">
        <ContactSplit
          tag="Ready to Apply"
          title="Submit Your Pitch Today"
          description="If you're building something extraordinary and looking for founder-led investors who understand your journey, we'd love to hear from you. Submit your information and we'll get back to you within 2-3 weeks."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/business-team-collaborating-corporate-culture-initiatives-development_482257-90929.jpg"
          imageAlt="Submit your pitch to PitchDrive"
          mediaPosition="right"
          inputPlaceholder="founder@yourcompany.com"
          buttonText="Submit Pitch"
          termsText="By submitting your pitch, you agree to our privacy policy. We'll review your application and get back to you within 2-3 weeks."
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/young-colleagues-sitting-while-work-with-laptops-desk_171337-16969.jpg"
        imageAlt="PitchDrive office in Antwerp"
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive Venture Capital. All rights reserved."
        columns={[
          {
            title: "Company",            items: [
              { label: "About", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",            items: [
              { label: "Investment Thesis", href: "/thesis" },
              { label: "FAQ", href: "/faq" },
              { label: "Apply for Funding", href: "/contact" }
            ]
          },
          {
            title: "Connect",            items: [
              { label: "LinkedIn", href: "https://linkedin.com/company/pitchdrive" },
              { label: "Twitter", href: "https://twitter.com/pitchdrive" },
              { label: "Email", href: "mailto:hello@pitchdrive.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}