"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Users } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function FaqPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PitchDrive"
          navItems={[
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "FAQ", id: "/faq" }
          ]}
          button={{
            text: "Get in Touch",
            href: "/contact"
          }}
        />
      </div>

      <div id="faq-detailed" data-section="faq-detailed">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Everything founders need to know about working with PitchDrive"
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "What stage do you typically invest in?",
              content: "We focus on Seed and Series A rounds, typically investing between €250k and €2M. We're looking for founders with strong technical depth and clear market insights."
            },
            {
              id: "2",
              title: "What's your investment process?",
              content: "Initial meeting → Due diligence (4-6 weeks) → Term sheet → Legal close. We move quickly for founders we believe in, but we're thorough in our evaluation."
            },
            {
              id: "3",
              title: "How involved are you post-investment?",
              content: "Very involved. Our partners join boards, participate in hiring decisions, and introduce you to our network. We bring operational expertise, not just capital."
            },
            {
              id: "4",
              title: "What geographic regions do you focus on?",
              content: "We're based in Antwerp but invest across Europe, with particular strength in Benelux, Germany, and Scandinavia. However, great founders can be anywhere."
            },
            {
              id: "5",
              title: "How do I pitch to PitchDrive?",
              content: "Send us a brief intro with your deck, financial model, and a short founder narrative. Warm introductions help, but we review all submissions seriously."
            },
            {
              id: "6",
              title: "What do you look for beyond traction?",
              content: "Founder resilience, clear unit economics, defensible technology, and market timing. We believe in people, but we're data-driven in our decision making."
            }
          ]}
          buttons={[
            { text: "Apply Now", href: "/contact" },
            { text: "Schedule Call", href: "/contact" }
          ]}
        />
      </div>

      <div id="team-contact" data-section="team-contact">
        <TeamCardOne
          title="Ready to Connect?"
          description="Our team is always excited to meet ambitious founders building the future"
          tag="Get in Touch"
          tagIcon={Users}
          members={[
            {
              id: "1",
              name: "Marcus van der Berg",
              role: "Founding Partner",
              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
              imageAlt: "Marcus van der Berg, Founding Partner"
            },
            {
              id: "2",
              name: "Sophie Laurent",
              role: "Partner",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
              imageAlt: "Sophie Laurent, Partner"
            },
            {
              id: "3",
              name: "Thomas Müller",
              role: "Partner",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
              imageAlt: "Thomas Müller, Partner"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Schedule Meeting", href: "/contact" }
          ]}
        />
      </div>

      <div id="next-steps" data-section="next-steps">
        <TestimonialAboutCard
          tag="What's Next?"
          title="Ready to take the next step? We'd love to hear your story and learn about the problem you're solving."
          description="Start Your Journey"
          subdescription="PitchDrive Partnership"
          icon={Users}
          imageSrc="https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg"
          imageAlt="founders startup entrepreneurship business meeting"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-vector/dark-technology-abstract-background_23-2148173906.jpg"
        imageAlt="abstract gradient technology innovation modern"
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive VC. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Portfolio", href: "/portfolio" },
              { label: "News", href: "/news" }
            ]
          },
          {
            title: "For Founders",
            items: [
              { label: "How We Invest", href: "/invest" },
              { label: "Application", href: "/apply" },
              { label: "FAQ", href: "/faq" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "/privacy" },
              { label: "Terms of Service", href: "/terms" },
              { label: "Impressum", href: "/impressum" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}