"use client"

import { ThemeProvider } from '@/components/theme/ThemeProvider'
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'
import HeroOverlay from '@/components/sections/hero/HeroOverlay'
import FeatureCardTwo from '@/components/sections/feature/FeatureCardTwo'
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne'
import BlogCardThree from '@/components/sections/blog/BlogCardThree'
import HeroSplit from '@/components/sections/hero/HeroSplit'
import TextAbout from '@/components/sections/about/TextAbout'
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'
import ContactCenter from '@/components/sections/contact/ContactCenter'
import FooterBase from '@/components/sections/footer/FooterBase'
import { Code, Layers, Gem, Puzzle, Rocket, Syringe, Shield, Cpu, Microchip, Globe, Github, Twitter, Linkedin } from 'lucide-react'

export default function Home() {
  return (
    <ThemeProvider 
      defaultButtonVariant="text-stagger" 
      defaultTextAnimation="entrance-slide" 
      borderRadius="rounded" 
      contentWidth="medium" 
      sizing="medium" 
      background="aurora" 
      cardStyle="glass-elevated" 
      primaryButtonStyle="gradient" 
      secondaryButtonStyle="glass"
      theme={{
        "--background": "#080000",
        "--card": "#1e0d0d",
        "--foreground": "#ffe6e6",
        "--primary-cta": "#ff3d4a",
        "--secondary-cta": "#1f0a0a",
        "--accent": "#7b2d2d",
        "--background-accent": "#b8111f"
      }}
    >
      <NavbarStyleApple 
        brandName="NestJS"
        navItems={[
          { name: "Documentation", id: "https://docs.nestjs.com" },
          { name: "Enterprise", id: "enterprise" },
          { name: "Resources", id: "resources" }
        ]}
      />
      
      <HeroOverlay
        title="Hello, nest!"
        description="A progressive Node.js framework for building efficient, reliable and scalable server-side applications."
        imageSrc="https://nestjs.com/header.e5c9eff6.webp"
        imageAlt="NestJS Hero Background"
        textPosition="center"
        showBlur={true}
        showDimOverlay={true}
        buttons={[
          { text: "Documentation", href: "https://docs.nestjs.com" },
          { text: "Source code", href: "https://github.com/nestjs/nest" }
        ]}
      />
      
      <FeatureCardTwo
        title="Core Features"
        description="Everything you need to build modern server-side applications"
        textboxLayout="default"
        animationType="slide-up"
        useInvertedBackground="noInvert"
        features={[
          {
            id: "1",
            title: "EXTENSIBLE",
            description: "Provides unparalleled flexibility through its meticulously crafted modular architecture.",
            imageSrc: "https://nestjs.com/3d.cfabe065.svg"
          },
          {
            id: "2",
            title: "VERSATILE",
            description: "Serves as a robust, elegant, and well-structured foundation for all kinds of server-side applications.",
            imageSrc: "https://nestjs.com/magic-wand.ff01fe1d.svg"
          },
          {
            id: "3",
            title: "PROGRESSIVE",
            description: "Introduces design patterns and well-established solutions to the Node.js landscape.",
            imageSrc: "https://nestjs.com/quality.d1d04ce8.svg"
          }
        ]}
      />
      
      <TextAbout
        title="Everything you need.."
        useInvertedBackground="noInvert"
        buttons={[
          { text: "Learn More", href: "https://docs.nestjs.com" }
        ]}
      />
      
      <FeatureCardOne
        title="Build robust, powerful, and scalable server-side applications and stop reinventing the wheel."
        description="Comprehensive toolkit for modern backend development"
        textboxLayout="default"
        animationType="slide-up"
        gridVariant="four-items-2x2-equal-grid"
        useInvertedBackground="noInvert"
        features={[
          {
            title: "MODULARITY",
            description: "Streamline upkeep by organizing applications into self-contained modules.",
            imageSrc: "https://nestjs.com/puzzle.c9dfc495.svg"
          },
          {
            title: "SCALABILITY",
            description: "Scale seamlessly with efficient, battle-tested components.",
            imageSrc: "https://nestjs.com/rocket.518dadfa.svg"
          },
          {
            title: "DEPENDENCY INJECTION",
            description: "Elevate testability with a sophisticated dependency injection system.",
            imageSrc: "https://nestjs.com/di.a0b12f44.svg"
          },
          {
            title: "TYPE SAFETY",
            description: "Mitigate errors through the robust type safety features of TypeScript.",
            imageSrc: "https://nestjs.com/type-safety.34453790.svg"
          },
          {
            title: "RICH ECOSYSTEM",
            description: "Explore a rich ecosystem offering versatile tools to craft solutions tailored to your needs.",
            imageSrc: "https://nestjs.com/ecosystem.eaa69289.svg"
          },
          {
            title: "ENTERPRISE-READY",
            description: "Trusted by thousands of leading companies and organizations worldwide.",
            imageSrc: "https://nestjs.com/chip.3b61cda8.svg"
          },
          {
            title: "MICROSERVICES",
            description: "Create loosely coupled, independently deployable services for increased agility and scalability.",
            imageSrc: "https://nestjs.com/microservices.e0074903.svg"
          },
          {
            title: "WEB APPS",
            description: "Build REST APIs, GraphQL APIs, Queues, and real-time & event-driven applications in no time.",
            imageSrc: "https://nestjs.com/api.67807f71.svg"
          }
        ]}
      />
      
      <BlogCardThree
        title="Platform Services"
        description="Comprehensive solutions for modern development"
        textboxLayout="default"
        animationType="slide-up"
        useInvertedBackground="noInvert"
        blogs={[
          {
            id: "1",
            category: "Infrastructure",
            categoryIcon: Code,
            title: "Deploy, mau!",
            description: "Provision and manage your infrastructure on AWS without the hassle and extra DevOps work.",
            imageSrc: "https://nestjs.com/header.e5c9eff6.webp"
          },
          {
            id: "2",
            category: "Development",
            categoryIcon: Layers,
            title: "Explore your graph",
            description: "Identify dependencies and connections between modules, and dive deep into the inner workings of your classes.",
            imageSrc: "https://nestjs.com/header.e5c9eff6.webp"
          },
          {
            id: "3",
            category: "Education",
            categoryIcon: Gem,
            title: "Official NestJS Courses",
            description: "Learn everything you need to master NestJS and tackle modern backend applications at any scale.",
            imageSrc: "https://nestjs.com/header.e5c9eff6.webp"
          }
        ]}
      />
      
      <HeroSplit
        title="The open source platform designed for the future. Build enterprise."
        description="A complete development kit for building scalable server-side apps. Contact us to find out more about expertise consulting, on-site enterprise support, trainings, and private sessions."
        imageSrc="https://nestjs.com/support.1356a495.png"
        imageAlt="Enterprise Support"
        imagePosition="right"
        buttons={[
          { text: "Learn more about support offerings", href: "https://enterprise.nestjs.com" }
        ]}
      />
      
      <TestimonialCardTwelve
        cardTitle="Support us - Nest is an MIT-licensed open-source project. Hence, it grows thanks to the sponsors and support by the amazing backers. Please, consider supporting us!"
        cardTag="Open Source"
        useInvertedBackground="noInvert"
        testimonials={[
          { id: "1", name: "Trilon", imageSrc: "https://nestjs.com/trilon.22c96544.svg" },
          { id: "2", name: "Red Hat", imageSrc: "https://nestjs.com/red-hat-logo.17d10010.svg" },
          { id: "3", name: "JetBrains", imageSrc: "https://nestjs.com/jetbrains-logo.d24f46f1.svg" },
          { id: "4", name: "Movavi", imageSrc: "https://nestjs.com/movavi-logo.eee1bd94.svg" }
        ]}
      />
      
      <ContactCenter
        tag="Newsletter"
        title="Join our Newsletter"
        description="Subscribe to stay up to date with the latest Nest updates, features, and videos!"
        useInvertedBackground="noInvert"
        inputPlaceholder="Enter your email"
        buttonText="Subscribe"
        termsText="By subscribing you agree to receive updates from the NestJS team."
      />
      
      <FooterBase
        logoText="NestJS"
        copyrightText="Copyright © 2017-2026 Kamil Mysliwiec"
        columns={[
          {
            title: "Resources",
            items: [
              { label: "Documentation", href: "https://docs.nestjs.com" },
              { label: "Enterprise", href: "https://enterprise.nestjs.com" },
              { label: "Courses", href: "https://courses.nestjs.com" }
            ]
          },
          {
            title: "Community",
            items: [
              { label: "GitHub", href: "https://github.com/nestjs/nest" },
              { label: "Discord", href: "https://discord.gg/nestjs" },
              { label: "Twitter", href: "https://twitter.com/nestframework" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "Consulting", href: "https://trilon.io" },
              { label: "Sponsors", href: "https://opencollective.com/nest" },
              { label: "中文说明", href: "https://docs.nestjs.cn" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  )
}