"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { HelpCircle } from "lucide-react";

export default function FaqPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            { name: "About", id: "/about" },
            { name: "Focus Areas", id: "/focus" },
            { name: "Team", id: "/team" },
            { name: "FAQ", id: "/faq" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Apply Now", href: "/contact" }}
          brandName="Pitchdrive"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about Pitchdrive and our investment process."
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What stage of companies do you invest in?",
              content: "We focus on early-stage startups (Seed to Series A) with proven product-market fit or strong validation signals. We typically invest €250K to €2M per round."
            },
            {
              id: "2",
              title: "What sectors are you most interested in?",
              content: "We have a passion for B2B SaaS, deep tech, sustainability, and fintech. We're particularly excited about companies solving problems specific to European markets."
            },
            {
              id: "3",
              title: "Do you require any equity stake in the company?",
              content: "Yes, we typically take 8-15% equity stakes in our investments. We believe in aligning incentives and being true partners in your growth journey."
            },
            {
              id: "4",
              title: "How long is your investment decision process?",
              content: "From initial pitch to investment decision typically takes 6-12 weeks, depending on due diligence requirements and market conditions."
            },
            {
              id: "5",
              title: "Can international founders apply?",
              content: "Absolutely! While we're based in Antwerp, we invest in European founders regardless of location. We believe the best talent is distributed across the continent."
            },
            {
              id: "6",
              title: "What support do you provide beyond capital?",
              content: "We offer strategic mentorship, introductions to potential customers and partners, help with hiring, and access to our network of advisors and service providers."
            }
          ]}
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-coffee-cup_23-2148780609.jpg"
        imageAlt="Pitchdrive team in strategic meeting"
        logoText="Pitchdrive"
        copyrightText="© 2025 Pitchdrive VC. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Portfolio", href: "#" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Founder Guide", href: "#" },
              { label: "Investment Thesis", href: "#" },
              { label: "Blog", href: "#" },
              { label: "Newsletter", href: "#" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "LinkedIn", href: "https://linkedin.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "Email", href: "mailto:hello@pitchdrive.be" },
              { label: "Antwerp, Belgium", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}