"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function StrategyPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Strategy", id: "/strategy" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="PitchDrive"
          bottomLeftText="Based in Belgium"
          bottomRightText="hello@pitchdrive.io"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Our Investment Strategy"
          description="Three core pillars guiding our approach to identifying and building exceptional technology companies that will define the future"
          tag="Investment Approach"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="blur-reveal"
          features={[
            {
              id: 1,
              title: "Deep Technology Focus",
              description: "We invest in companies leveraging artificial intelligence, blockchain, quantum computing, and emerging technologies to solve complex problems and create entirely new markets. Our technical expertise allows us to evaluate breakthrough innovations and support founders pushing the boundaries of what's possible.",
              imageSrc: "https://img.b2bpic.net/free-photo/business-colleagues-banner-concept-with-copy-space_23-2149601494.jpg",
              imageAlt: "Advanced technology investment strategy and analysis"
            },
            {
              id: 2,
              title: "Founder-Centric Approach",
              description: "We believe exceptional founders build exceptional companies. Beyond providing capital, our team offers strategic mentorship, operational guidance, and access to our extensive network of industry leaders. We work closely with founders to navigate challenges and accelerate growth at every stage.",
              imageSrc: "https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991374.jpg",
              imageAlt: "Founder support, mentoring and strategic guidance"
            },
            {
              id: 3,
              title: "Portfolio Synergies",
              description: "We actively create synergies among our portfolio companies, enabling strategic partnerships, talent exchange, cross-selling opportunities, and collaborative innovation. This interconnected ecosystem amplifies growth potential and creates competitive advantages for all portfolio companies.",
              imageSrc: "https://img.b2bpic.net/free-photo/business-team-collaborating-corporate-culture-initiatives-development_482257-90929.jpg",
              imageAlt: "Portfolio management, synergies and collaborative growth"
            }
          ]}
        />
      </div>

      <FooterBase
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive VC | Belgium"
        columns={[
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Portfolio", href: "#" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Pitch Guide", href: "#" },
              { label: "FAQ", href: "#" },
              { label: "Investment Criteria", href: "#" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "LinkedIn", href: "https://linkedin.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "Email", href: "mailto:hello@pitchdrive.io" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}