"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TeamCardThree from '@/components/sections/team/TeamCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { TrendingUp, Lightbulb, BarChart3, Users, Star, Building2, DollarSign, Globe, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumLarge"
      background="noise"
      cardStyle="elevated-accent"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Atomico"
          navItems={[
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Impact", id: "metrics" },
            { name: "Team", id: "team" }
          ]}
          button={{
            text: "Get In Touch",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Backing Europe's Most Ambitious Founders"
          description="Atomico invests in the most exceptional European technology companies at every stage. We combine capital, strategic expertise, and a unique global network to accelerate transformational growth."
          tag="Venture Capital"
          tagIcon={TrendingUp}
          buttons={[
            { text: "Explore Portfolio", href: "portfolio" },
            { text: "Learn Our Approach", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/business-meeting-office_1268-21517.jpg"
          imageAlt="Venture capital team in strategic discussion"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout
          title="Investing in Tomorrow's Leaders"
          description="Founded on the belief that Europe's best entrepreneurs deserve world-class capital and support. We've backed over 250+ companies across seed to growth stages, with a focus on deep tech, fintech, and enterprise software transforming entire industries."
          tag="Our Vision"
          imageSrc="https://img.b2bpic.net/free-photo/business-meeting-cafe_53876-94719.jpg"
          imageAlt="Atomico team collaborating on investment strategy"
          buttons={[
            { text: "Our Track Record", href: "metrics" }
          ]}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <FeatureCardTwentyOne
          title="Our Investment Approach"
          description="We believe in backing founders with conviction, providing not just capital but strategic guidance, industry connections, and operational expertise to scale globally."
          tag="Strategy"
          tagIcon={Lightbulb}
          imageSrc="https://img.b2bpic.net/free-photo/shares-sharing-give-togetherness-community-concept_53876-21162.jpg"
          imageAlt="Portfolio company growth and success metrics"
          mediaPosition="left"
          useInvertedBackground="invertDefault"
          accordionItems={[
            {
              id: "1",              title: "Early Stage & Seed",              content: "We back brilliant founders from day one. Our seed investments provide capital, market validation, and introductions to shape the future leaders of European tech."
            },
            {
              id: "2",              title: "Growth & Scale",              content: "At series A through growth stages, we provide strategic capital, board expertise, and international expansion guidance to accelerate market penetration."
            },
            {
              id: "3",              title: "Deep Sector Expertise",              content: "Our team has operating experience in deep tech, fintech, enterprise software, and climate tech. We co-invest alongside industry veterans who mentor our founders."
            },
            {
              id: "4",              title: "Global Network",              content: "Access to our investor network spanning US, Asia, and Europe. We facilitate strategic partnerships and secondary financing rounds for our portfolio companies."
            }
          ]}
          buttons={[
            { text: "View Portfolio Companies", href: "#" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Impact By Numbers"
          description="A decade of backing Europe's best founders, generating measurable returns and transformative impact across the continent."
          tag="Performance"
          tagIcon={BarChart3}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertCard"
          gridVariant="four-items-2x2-equal-grid"
          metrics={[
            {
              id: "1",              icon: Building2,
              title: "Portfolio Companies",              value: "250+"
            },
            {
              id: "2",              icon: DollarSign,
              title: "AUM",              value: "$2.2B"
            },
            {
              id: "3",              icon: TrendingUp,
              title: "Unicorns",              value: "15+"
            },
            {
              id: "4",              icon: Globe,
              title: "Countries",              value: "20+"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardThree
          title="Meet Our Team"
          description="Industry veterans, successful founders, and strategic thinkers committed to backing Europe's most ambitious entrepreneurs."
          tag="Leadership"
          tagIcon={Users}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          members={[
            {
              id: "1",              name: "Niklas Zennström",              role: "Founder & Partner",              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg",              imageAlt: "Niklas Zennström",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",              name: "Cristina Dolan",              role: "Partner",              imageSrc: "https://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg",              imageAlt: "Cristina Dolan",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "3",              name: "Kaspar Korjus",              role: "Investment Partner",              imageSrc: "https://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg",              imageAlt: "Kaspar Korjus",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "4",              name: "Guido Appenzeller",              role: "Partner",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",              imageAlt: "Guido Appenzeller",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Portfolio Companies Say"
          description="Hear directly from the founders we back about their experience working with Atomico."
          tag="Success Stories"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Erik Berglind, CEO of Klarna",              date: "Date: 2024",              title: "The Right Partner at Every Stage",              quote: "Atomico's approach to partnership goes far beyond capital. They provided strategic guidance, industry connections, and operational expertise that were instrumental in scaling Klarna to a global fintech powerhouse.",              tag: "Series C",              avatarSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",              avatarAlt: "Erik Berglind",              imageSrc: "https://img.b2bpic.net/free-photo/identity-branding-commercial-copyright-marketing-concept_53876-15819.jpg",              imageAlt: "Klarna team celebrating growth milestone"
            },
            {
              id: "2",              name: "Sabine Heller, Founder of SoundCloud",              date: "Date: 2024",              title: "European Capital with Global Reach",              quote: "What sets Atomico apart is their genuine commitment to European innovation. They understand our market deeply while providing access to global networks and opportunities that accelerated our international expansion.",              tag: "Series A",              avatarSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",              avatarAlt: "Sabine Heller",              imageSrc: "https://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-123887.jpg",              imageAlt: "SoundCloud team in collaborative workspace"
            },
            {
              id: "3",              name: "Edith Yeung, CEO of AI Startup (Portfolio)",              date: "Date: 2024",              title: "Navigating Deep Tech Challenges",              quote: "In deep tech, capital alone isn't enough—you need operators who understand the space. Atomico's hands-on approach and industry expertise helped us overcome critical technical and market challenges.",              tag: "Series B",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              avatarAlt: "Edith Yeung",              imageSrc: "https://img.b2bpic.net/free-photo/business-team-planning-marketing-strategy_53876-102032.jpg",              imageAlt: "AI startup team celebrating product launch"
            },
            {
              id: "4",              name: "Marcus Schmidt, Co-Founder of Zalando",              date: "Date: 2024",              title: "Long-Term Partnership Built on Trust",              quote: "Atomico's multi-stage investment approach allowed us to build a relationship beyond any single funding round. They've been true partners in our journey to become Europe's leading e-commerce platform.",              tag: "Growth",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",              avatarAlt: "Marcus Schmidt",              imageSrc: "https://img.b2bpic.net/free-photo/statistical-documents-office-table_1098-2508.jpg",              imageAlt: "Zalando team during investment round celebration"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Ready to Scale Your Vision?"
          description="Whether you're a founder seeking capital and strategic partnership, or an LP interested in our latest fund, we'd love to hear from you. Get in touch with our team today."
          useInvertedBackground="invertCard"
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "company",              type: "text",              placeholder: "Company / Organization",              required: true
            },
            {
              name: "interest",              type: "text",              placeholder: "Area of Interest (Founder / LP / Partnership)",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your vision or investment interest...",            rows: 5,
            required: true
          }}
          buttonText="Send Inquiry"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Company",              items: [
                { label: "About", href: "about" },
                { label: "Portfolio", href: "portfolio" },
                { label: "Team", href: "team" },
                { label: "Impact", href: "metrics" }
              ]
            },
            {
              title: "Investors",              items: [
                { label: "Fund Information", href: "#" },
                { label: "Performance", href: "#" },
                { label: "Limited Partners", href: "#" },
                { label: "Investor Portal", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#" },
                { label: "Insights", href: "#" },
                { label: "Contact", href: "contact" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Atomico. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}