"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { TrendingUp, Users, Euro, Star, CheckCircle, Rocket } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          navItems={[
            { name: "Portfolio", id: "portfolio" },
            { name: "Team", id: "team" },
            { name: "Stories", id: "stories" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Pitchdrive"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          background={{ variant: 'sparkles-gradient' }}
          title="We empower founders to build next level startups"
          description="Early-stage VC run by experienced entrepreneurs. Backing founders during their crazy startup ride. Buckle up."
          tag="Early-stage VC 🚀"
          tagIcon={Rocket}
          buttons={[
            { text: "Pitch to Us", href: "contact" },
            { text: "View Portfolio", href: "portfolio" }
          ]}
          imageSrc="https://cdn.prod.website-files.com/63d7a1f905e6a1dc5864c2b0/63ea3f2bf21752118d5cb50c_pitchdrive-vc.jpg"
          imageAlt="Pitchdrive VC team"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Investing in the potential of tomorrow"
          description="Track record of supporting ambitious founders across Europe"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              icon: Euro,
              title: "Fund Size",              value: "€50M"
            },
            {
              id: "2",              icon: TrendingUp,
              title: "Startups",              value: "60+"
            },
            {
              id: "3",              icon: Users,
              title: "Tickets",              value: "€250K-€2M"
            }
          ]}
        />
      </div>

      <div id="stories" data-section="stories">
        <BlogCardOne
          title="Latest Success Stories"
          description="Read about our portfolio companies and their journey"
          tag="Portfolio Updates"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          blogs={[
            {
              id: "1",              category: "Series A",              title: "OTIV Accelerates with €9M in New Fuel",              excerpt: "Early conviction pays off as OTIV secures major growth funding",              imageSrc: "https://cdn.prod.website-files.com/63d90fe29e8bf43980780590/69118c343e55c10529840a9b_20250916-DSC05948-2.webp",              imageAlt: "OTIV team",              authorName: "Pitchdrive Team",              authorAvatar: "https://cdn.prod.website-files.com/63d7a1f905e6a1dc5864c2b0/63e38b64b40e370058bd15a1_pitchdrive-logo.svg",              date: "Jan 2025"
            },
            {
              id: "2",              category: "Series A",              title: "Introw Raises $3M to Redefine Partner Sales with AI",              excerpt: "Revolutionary AI-powered partner sales platform scales rapidly",              imageSrc: "https://cdn.prod.website-files.com/63d90fe29e8bf43980780590/69397367c169d84eb0cccc2c__2329844.jpg",              imageAlt: "Introw team",              authorName: "Pitchdrive Team",              authorAvatar: "https://cdn.prod.website-files.com/63d7a1f905e6a1dc5864c2b0/63e38b64b40e370058bd15a1_pitchdrive-logo.svg",              date: "Dec 2024"
            },
            {
              id: "3",              category: "Series A",              title: "Donna Raises $4.8M to Supercharge Field Sales with AI",              excerpt: "AI-powered field sales platform revolutionizes customer engagement",              imageSrc: "https://cdn.prod.website-files.com/63d90fe29e8bf43980780590/69282ce47f48f7c5eff9fc49_20250925-_DONNA-founders_2.webp",              imageAlt: "Donna founders",              authorName: "Pitchdrive Team",              authorAvatar: "https://cdn.prod.website-files.com/63d7a1f905e6a1dc5864c2b0/63e38b64b40e370058bd15a1_pitchdrive-logo.svg",              date: "Nov 2024"
            }
          ]}
        />
      </div>

      <div id="approach" data-section="approach">
        <FeatureCardOne
          title="Our Investment Approach"
          description="How we support ambitious founders throughout their journey"
          tag="Our Process"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="invertDefault"
          features={[
            {
              title: "€50M Fund",              description: "Deploying our third entrepreneur-led fund with tickets between €250K and €2M",              imageSrc: "https://cdn.prod.website-files.com/63d7a1f905e6a1dc5864c2b0/63e4e5972348310fb2ec088a_icon-feature-1.svg",              imageAlt: "Fund icon",              button: { text: "Learn More", href: "about" }
            },
            {
              title: "24/7 Support",              description: "Support from experienced entrepreneurs who already did the startup ride",              imageSrc: "https://cdn.prod.website-files.com/63d7a1f905e6a1dc5864c2b0/63e4e597fbcc313fd91a3001_icon-feature-2.svg",              imageAlt: "Support icon",              button: { text: "Meet Team", href: "team" }
            },
            {
              title: "B2B Focus",              description: "Focus on ambitious founders in B2B tech, e-commerce and software-driven hardware",              imageSrc: "https://cdn.prod.website-files.com/63d7a1f905e6a1dc5864c2b0/63e4e59748194dd8649aff65_icon-feature-3.svg",              imageAlt: "B2B focus icon",              button: { text: "View Portfolio", href: "portfolio" }
            },
            {
              title: "Elite Network",              description: "Surrounded by an elite mentor network of successful entrepreneurs and industry experts",              imageSrc: "https://cdn.prod.website-files.com/63d7a1f905e6a1dc5864c2b0/63e4e5978c122b264244a3b4_icon-feature-4.svg",              imageAlt: "Network icon",              button: { text: "Join Network", href: "contact" }
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="By and for entrepreneurs, taken to a next level"
          description="We back founders with the right execution mindset who turn good ideas into great companies. Read about our story."
          tag="Our Story"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "Angel to Seed",              description: "Supporting startups from angel to seed rounds with meaningful ticket sizes",              icon: TrendingUp
            },
            {
              title: "Experienced Team",              description: "Led by entrepreneurs who have built and scaled successful companies",              icon: Users
            },
            {
              title: "European Focus",              description: "Based across Antwerp, Ghent, Amsterdam, Berlin, Barcelona and London",              icon: Star
            }
          ]}
          imageSrc="https://cdn.prod.website-files.com/63d90fe29e8bf43980780590/68de811f4b2dba1ebb1023ac_25-09-10%20Pitchdrive-94%20copy.jpeg"
          imageAlt="Pitchdrive team meeting"
          buttons={[
            { text: "Read Our Story", href: "about" },
            { text: "Pitch to Us", href: "contact" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Founders Say About Us"
          description="Hear from the entrepreneurs we've backed on their journey"
          tag="Testimonials"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="invertDefault"
          members={[
            {
              id: "1",              name: "Casimir Morobé-Toqua",              role: "Founder",              imageSrc: "https://cdn.prod.website-files.com/63d90fe29e8bf43980780590/6464d87c016004cf8fb73d8a_casimir.png",              imageAlt: "Casimir Morobé-Toqua"
            },
            {
              id: "2",              name: "Roy Jeunen",              role: "Founder, NineID",              imageSrc: "https://cdn.prod.website-files.com/63d90fe29e8bf43980780590/6464d8868bb5fa81edf8b108_roy.png",              imageAlt: "Roy Jeunen"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Team"
          description="The experienced entrepreneurs backing the next generation of founders"
          tag="Team"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="noInvert"
          members={[
            {
              id: "1",              name: "Boris Bogaert",              role: "Co-founder & Managing Partner",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Boris Bogaert"
            },
            {
              id: "2",              name: "Koen Christiaens",              role: "Co-founder & Managing Partner",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Koen Christiaens"
            },
            {
              id: "3",              name: "Wim Derkinderen",              role: "Co-founder & Managing Partner",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Wim Derkinderen"
            },
            {
              id: "4",              name: "Emily Kegels",              role: "Investment Manager",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Emily Kegels"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Pitch?"
          title="Send us your pitch deck"
          description="We are looking for the most talented and ambitious entrepreneurs with a passion for innovation. Whether you are working on a revolutionary new technology, a disruptive business model, or a socially impactful project... Let's get in touch."
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Pitch to Us"
          termsText="By submitting, you agree to our terms and privacy policy. We're always looking for European-focused, pre-seed and seed stage startups."
          onSubmit={(email) => console.log('Pitch submitted:', email)}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Pitchdrive"
          columns={[
            {
              title: "Company",              items: [
                { label: "Our Story", href: "about" },
                { label: "How We Work", href: "about" },
                { label: "Team", href: "team" },
                { label: "Portfolio", href: "portfolio" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Stories", href: "stories" },
                { label: "Academy", href: "academy" },
                { label: "Glossary", href: "glossary" },
                { label: "Insights", href: "insights" }
              ]
            },
            {
              title: "Locations",              items: [
                { label: "Antwerp (HQ)", href: "contact" },
                { label: "Ghent", href: "contact" },
                { label: "Amsterdam", href: "contact" },
                { label: "Berlin", href: "contact" }
              ]
            }
          ]}
          copyrightText="© 2026 Pitchdrive. All rights reserved."
          onPrivacyClick={() => console.log('Privacy policy clicked')}
        />
      </div>
    </ThemeProvider>
  );
}
