"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Target, TrendingUp, Users, Star, Mail } from "lucide-react";

export default function AtomicoLandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="medium"
      background="circleGradient"
      cardStyle="spotlight"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Atomico"
          navItems={[
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Insights", id: "insights" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Global Venture Capital"
          bottomRightText="hello@atomico.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Backing the future of European technology"
          description="Atomico invests in the most ambitious entrepreneurs building transformative technology companies across deep tech, climate, and digital."
          tag="Venture Capital"
          tagIcon={Sparkles}
          buttons={[
            { text: "Learn About Our Funds", href: "#portfolio" },
            { text: "Apply for Investment", href: "#contact" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg",              imageAlt: "Atomico founders and startup team collaboration"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/happy-successful-startup-team-with-laptops-posing-boardroom_74855-3535.jpg",              imageAlt: "Technology innovation and startup workspace"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571107.jpg",              imageAlt: "Investment analysis and business growth"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg",              imageAlt: "Startup pitch and founder presentation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg",              imageAlt: "Venture capital portfolio growth"
            }
          ]
          ariaLabel="Hero section introducing Atomico venture capital"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We believe European technology" },
            { type: "text", content: "will reshape the world." }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Our Investment Thesis", href: "/insights" },
            { text: "View Our Portfolio", href: "#portfolio" }
          ]}
          ariaLabel="About section describing Atomico's investment philosophy"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <FeatureCardTwenty
          images={[
            {
              id: 1,
              imageSrc: "https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg",              imageAlt: "Early stage startup investment and founder support"
            },
            {
              id: 2,
              imageSrc: "https://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136836.jpg",              imageAlt: "Scaling and growth stage investment strategies"
            },
            {
              id: 3,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-colleagues-sitting-office-coworking_171337-17674.jpg",              imageAlt: "Technology and AI innovation investment focus"
            },
            {
              id: 4,
              imageSrc: "https://img.b2bpic.net/free-photo/group-office-portrait-happy-diverse-colleagues_93675-134770.jpg",              imageAlt: "Climate and sustainability technology investment"
            }
          ]}
          title="Investment Focus Areas"
          description="Atomico invests across multiple technology sectors, from seed-stage founders building the next generation of transformative companies to scaling platforms that define industries. We partner with visionary founders across deep tech, climate innovation, AI, and digital services, providing capital, expertise, and global networks."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Portfolio Strategy"
          tagIcon={Target}
          buttons={[
            { text: "Explore Our Funds", href: "/funds" }
          ]}
          ariaLabel="Feature section highlighting investment focus areas"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          metrics={[
            {
              id: "1",              value: "50+",              title: "Portfolio Companies",              items: [
                "Including multiple unicorns and category leaders",                "Across Europe and international markets",                "Active investors and board participants"
              ]
            },
            {
              id: "2",              value: "$1.5B+",              title: "Assets Under Management",              items: [
                "Invested across multiple fund generations",                "Supporting founders from seed to scale",                "Global diversification and market exposure"
              ]
            },
            {
              id: "3",              value: "20+",              title: "Years of Investing",              items: [
                "Established track record since early 2000s",                "Witnessed and shaped European tech evolution",                "Continuous adaptation to market changes"
              ]
            },
            {
              id: "4",              value: "€10B+",              title: "Portfolio Valuation",              items: [
                "Cumulative value creation across companies",                "Multiple successful exits and IPOs",                "Strong returns for limited partners"
              ]
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          title="Market Impact & Achievement"
          description="Atomico's portfolio companies and investment track record demonstrate significant market leadership and venture capital excellence."
          tag="Performance"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          ariaLabel="Metrics section showing Atomico's investment performance"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          members={[
            {
              id: "1",              name: "Niklas Zennström",              role: "Founder & Partner",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",              imageAlt: "Niklas Zennström, Founder of Atomico"
            },
            {
              id: "2",              name: "Charlotte Lindqvist",              role: "General Partner",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Charlotte Lindqvist, General Partner at Atomico"
            },
            {
              id: "3",              name: "Lasse Bruun",              role: "Venture Partner",              imageSrc: "https://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",              imageAlt: "Lasse Bruun, Venture Partner at Atomico"
            },
            {
              id: "4",              name: "Sandra Navidi",              role: "Investment Manager",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",              imageAlt: "Sandra Navidi, Investment Manager at Atomico"
            },
            {
              id: "5",              name: "Magnus Bergstrand",              role: "Partner",              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-leader-using-smartphone-lobby_1262-5089.jpg",              imageAlt: "Magnus Bergstrand, Partner at Atomico"
            },
            {
              id: "6",              name: "Emma Blomqvist",              role: "Associate",              imageSrc: "https://img.b2bpic.net/free-photo/executive-office_23-2147707177.jpg",              imageAlt: "Emma Blomqvist, Associate at Atomico"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          title="Meet the Atomico Team"
          description="Experienced investors and entrepreneurs passionate about supporting the next generation of European technology leaders."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Investment Leaders"
          tagIcon={Users}
          ariaLabel="Team section showcasing Atomico investors and leaders"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",              title: "Transformative capital and mentorship",              quote: "Atomico's support went far beyond capital. They provided strategic guidance, network introductions, and believed in our vision when it mattered most. Their global perspective helped us scale internationally.",              name: "Johan Sidén",              role: "Founder & CEO",              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",              imageAlt: "Johan Sidén, Founder of Recorded Future"
            },
            {
              id: "2",              title: "European venture capital at its finest",              quote: "What sets Atomico apart is their deep understanding of European technology markets combined with genuine care for founder success. They're not just investors—they're partners in building something meaningful.",              name: "Hjalmar Winblad",              role: "CEO",              imageSrc: "https://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",              imageAlt: "Hjalmar Winblad, CEO of iZettle"
            },
            {
              id: "3",              title: "Backed through scaling and maturation",              quote: "From our early days to becoming a market leader, Atomico was consistently there with advice and resources. Their patience and long-term perspective aligned perfectly with our growth trajectory.",              name: "Simon Layfield",              role: "Founder",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              imageAlt: "Simon Layfield, Founder contributor to Spotify"
            },
            {
              id: "4",              title: "Global network, local expertise",              quote: "Atomico opened doors across Europe and beyond. Their international network and regional knowledge proved invaluable as we expanded our operations globally.",              name: "Kersten Michael",              role: "Co-founder",              imageSrc: "https://img.b2bpic.net/free-photo/happy-man-white_1368-6366.jpg",              imageAlt: "Kersten Michael, Co-founder of SoundCloud"
            },
            {
              id: "5",              title: "Aligned with long-term vision",              quote: "Unlike investors focused only on quick returns, Atomico genuinely cares about the companies they back. They give founders the freedom to build while providing the support to accelerate growth.",              name: "Ludvig Strigeus",              role: "Founder",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",              imageAlt: "Ludvig Strigeus, Founder of Pirate Bay"
            },
            {
              id: "6",              title: "Building European tech champions",              quote: "Atomico invests in the ambition, not just the idea. Their conviction in European founders and commitment to supporting category leaders is exactly what our company needed.",              name: "Sabina Tingali",              role: "Founder & CEO",              imageSrc: "https://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",              imageAlt: "Sabina Tingali, Founder of Wrapp"
            }
          ]}
          title="Trusted by Founders"
          description="Hear from the entrepreneurs and founders who have built transformative companies with Atomico's partnership and support."
          tag="Portfolio Success"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertCard"
          ariaLabel="Testimonials from successful Atomico portfolio founders"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          faqs={[
            {
              id: "1",              title: "What is Atomico's investment thesis?",              content: "Atomico invests in ambitious European founders building transformative technology companies. We focus on deep tech, climate innovation, artificial intelligence, and digital services—sectors where European innovation can create global impact. Our conviction is that European technology will reshape the world."
            },
            {
              id: "2",              title: "What stage companies does Atomico invest in?",              content: "We invest across the entire startup lifecycle, from early-stage seed investments through scaling and growth rounds. Our portfolio includes companies at pre-seed, seed, Series A/B/C, and beyond. We believe in supporting founders from their earliest days and growing with them as they scale globally."
            },
            {
              id: "3",              title: "How do I apply for Atomico investment?",              content: "We review investment applications through our website and accept founder referrals from our network. The best way to get in touch is to email us directly or submit your information through our contact form. We also actively source opportunities through our venture partner network across Europe."
            },
            {
              id: "4",              title: "What support does Atomico provide beyond capital?",              content: "Beyond funding, we provide strategic guidance, operational expertise, and introductions to our extensive network of executives, founders, and industry experts. We take board seats, facilitate customer and partner introductions, and help founders scale their organizations. Our team brings decades of startup and scaling experience."
            },
            {
              id: "5",              title: "Does Atomico have geographical restrictions?",              content: "While founded in Europe and deeply rooted in European markets, we actively invest in companies with European founders or operations across global regions. We believe the best technology and talent are often location-agnostic, but we remain committed to European ecosystem development."
            },
            {
              id: "6",              title: "How can I stay updated on Atomico insights?",              content: "We share regular insights on technology trends, portfolio company stories, and market analysis through our newsletter and blog. You can subscribe to our updates directly, follow our social channels, or reach out to join our founder community and receive regular market intelligence."
            }
          ]}
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about investing with Atomico and our approach to venture capital."
          textPosition="left"
          useInvertedBackground="noInvert"
          showCard={true}
          animationType="smooth"
          ariaLabel="FAQ section answering common Atomico investment questions"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          tagIcon={Mail}
          title="Stay Updated on Venture Opportunities"
          description="Subscribe to our newsletter for insights on European technology, portfolio updates, and investment opportunities. Join founders and investors who follow Atomico's perspective on the future of tech."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571034.jpg"
          imageAlt="Atomico investment and partnership opportunities"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy and will only send you relevant updates about Atomico insights and opportunities."
          ariaLabel="Contact and newsletter signup section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/young-colleagues-sitting-while-work-with-laptops-desk_171337-16969.jpg"
          imageAlt="Atomico founders and team innovation"
          logoText="Atomico"
          copyrightText="© 2025 Atomico. All rights reserved."
          columns={[
            {
              title: "Investing",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Funds", href: "/funds" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "Apply for Investment", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Insights & Articles", href: "/insights" },
                { label: "Blog", href: "/blog" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "/careers" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Twitter", href: "https://twitter.com/atomico" },
                { label: "LinkedIn", href: "https://linkedin.com/company/atomico" },
                { label: "Email", href: "mailto:hello@atomico.com" },
                { label: "Privacy Policy", href: "/privacy" }
              ]
            }
          ]}
          ariaLabel="Site footer with navigation and company information"
        />
      </div>
    </ThemeProvider>
  );
}