"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import BlogCardEleven from '@/components/sections/blog/BlogCardEleven';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="plain"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="TECHSHOP II"
          navItems={[
            { name: "About", id: "about" },
            { name: "Focus", id: "features" },
            { name: "Portfolio", id: "product" },
            { name: "Insights", id: "blog" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get in Touch",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="TECHSHOP II"
          description="AI-First Venture Capital Fund Investing in Tomorrow's Intelligence"
          buttons={[
            { text: "Explore Portfolio", href: "product" },
            { text: "Our Strategy", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/milan-cathedral-duomo-vittorio-emanuele-ii-gallery-piazza-del-duomo-lombardy-italy_268835-724.jpg"
          imageAlt="Milan's iconic Duomo cathedral at sunrise"
          showDimOverlay={true}
          logoLineHeight={1.05}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About TECHSHOP II"
          description="Empowering the next generation of AI founders and innovators"
          tabs={[
            {
              id: "mission",              label: "Our Mission",              description: "We identify, fund, and mentor exceptional AI founders who are reshaping industries and solving humanity's most complex challenges. Based in Milan, we bring European innovation to the global AI revolution."
            },
            {
              id: "strategy",              label: "Investment Strategy",              description: "We focus on early-stage AI companies with strong technical foundations, visionary leadership, and clear paths to market impact. Our portfolio spans generative AI, enterprise AI, and AI infrastructure."
            },
            {
              id: "team",              label: "Our Advantage",              description: "Combining deep technical expertise with 20+ years of venture experience, we provide strategic guidance, operational support, and access to our global network of industry leaders and strategic partners."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg"
          imageAlt="Milan's innovation district with modern architecture"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="AI Investment Focus Areas"
          description="We strategically invest across core segments of the AI ecosystem, supporting founders who are building the intelligent infrastructure and applications of the future."
          tag="Investment Thesis"
          features={[
            {
              id: 1,
              title: "Generative AI Applications",              description: "Enterprise solutions leveraging large language models and generative capabilities to transform productivity and decision-making across industries.",              imageSrc: "https://img.b2bpic.net/free-photo/pregnant-woman-having-business-meeting_23-2148944259.jpg"
            },
            {
              id: 2,
              title: "AI Infrastructure & Models",              description: "Foundational technologies including model optimization, edge AI, and infrastructure that enables scalable and efficient AI deployment.",              imageSrc: "https://img.b2bpic.net/free-photo/teens-doing-experiments-robotics-laboratory-boy-protective-glasses-girl-vr-headset_1268-23728.jpg"
            },
            {
              id: 3,
              title: "Enterprise AI Solutions",              description: "Industry-specific AI applications for healthcare, finance, manufacturing, and logistics that drive measurable business value.",              imageSrc: "https://img.b2bpic.net/free-photo/team-working-together-project_23-2149273688.jpg"
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="TECHSHOP II Impact"
          description="Our track record of identifying and scaling transformative AI companies"
          metrics={[
            {
              id: "1",              value: "$350M+",              title: "Assets Under Management",              description: "Deployed across our AI-focused portfolio",              imageSrc: "https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg"
            },
            {
              id: "2",              value: "45+",              title: "Portfolio Companies",              description: "Across generative AI, enterprise AI, and infrastructure",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-checking-report-tablet_482257-120320.jpg"
            },
            {
              id: "3",              value: "8x",              title: "Average Return Multiple",              description: "From seed to exit across our exited companies",              imageSrc: "https://img.b2bpic.net/free-photo/teens-doing-experiments-robotics-laboratory-boy-protective-glasses-girl-vr-headset_1268-23728.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardTwo
          title="Featured Portfolio Companies"
          description="A selection of transformative AI startups we're proud to support"
          products={[
            {
              id: "1",              brand: "AI Innovations",              name: "NeuralScale - Enterprise AI Platform",              price: "Series A",              rating: 5,
              reviewCount: "50+ Enterprise Clients",              imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038853.jpg"
            },
            {
              id: "2",              brand: "AI Infrastructure",              name: "DataFlow - ML Operations Platform",              price: "Series B",              rating: 5,
              reviewCount: "200+ Teams",              imageSrc: "https://img.b2bpic.net/free-photo/people-working-html-codes_23-2150038851.jpg"
            },
            {
              id: "3",              brand: "GenAI Leaders",              name: "LinguaAI - Industry AI Assistant",              price: "Series A+",              rating: 5,
              reviewCount: "100+ Enterprise Users",              imageSrc: "https://img.b2bpic.net/free-photo/meeting-developers_1098-19850.jpg"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardEleven
          title="Latest Insights"
          description="Thought leadership on AI trends, venture strategy, and portfolio insights"
          blogs={[
            {
              id: "1",              title: "The Era of AI Enterprises: Building Defensible Moats in Enterprise AI",              author: "Marco Rossi, Managing Partner",              description: "How the most successful AI startups are creating lasting value through proprietary datasets, specialized models, and deep vertical integration.",              tags: ["Enterprise AI", "Strategy"],
              imageSrc: "https://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165609.jpg"
            },
            {
              id: "2",              title: "European AI Innovation: Why Milan is Becoming the Tech Hub of Southern Europe",              author: "Sofia Marchetti, Investment Director",              description: "Exploring Milan's emergence as a leading AI and tech ecosystem, attracting entrepreneurs, talent, and capital from across the globe.",              tags: ["Ecosystem", "Europe"],
              imageSrc: "https://img.b2bpic.net/free-photo/coworkers-solving-tasks-laptop-tablet-running-ai-software_482257-90874.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Connect With Us"
          title="Ready to Transform with AI?"
          description="Whether you're an AI founder seeking funding or an enterprise looking to invest in the future, we'd love to hear from you. Join us in shaping the AI revolution."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/autumn-morning-prague_181624-54455.jpg"
          imageAlt="Milan skyline at sunset"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. You can unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Fund",              items: [
                { label: "About TECHSHOP II", href: "about" },
                { label: "Investment Strategy", href: "features" },
                { label: "Portfolio", href: "product" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Insights & Blog", href: "blog" },
                { label: "FAQ", href: "#" },
                { label: "Apply Now", href: "contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "hello@techshopii.com", href: "mailto:hello@techshopii.com" },
                { label: "Milan, Italy", href: "#" },
                { label: "LinkedIn", href: "https://www.linkedin.com" }
              ]
            }
          ]}
          copyrightText="© 2025 TECHSHOP II. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}