"use client";

import { ThemeProvider } from '@/components/ThemeProvider';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, Shield, Package, Rocket } from 'lucide-react';

export default function NestJSPage() {
  return (
    <ThemeProvider 
      defaultButtonVariant="text-stagger" 
      defaultTextAnimation="entrance-slide" 
      borderRadius="rounded"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
    >
      <NavbarStyleApple 
        brandName="NestJS"
        navItems={[
          { name: 'Overview', id: 'overview' },
          { name: 'Documentation', id: 'https://docs.nestjs.com' },
          { name: 'Courses', id: 'courses' },
          { name: 'Enterprise', id: 'enterprise' },
          { name: 'Support', id: 'support' }
        ]}
      />
      
      <div id="overview" data-section="overview">
        <HeroBillboard
          title="A progressive Node.js framework"
          description="NestJS is a framework for building efficient, scalable Node.js web applications. It uses modern JavaScript, is built with TypeScript and combines elements of OOP, FP, and FRP."
          tag="Framework"
          tagIcon={Rocket}
          imageSrc="/images/logo-small-gradient.0ed287ce-1768915123008.svg"
          imageAlt="NestJS Logo"
          buttons={[
            { text: 'Get Started', href: 'https://docs.nestjs.com' },
            { text: 'Learn More', href: '#features' }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Why choose NestJS?"
          description="Discover the powerful features that make NestJS the go-to framework for building scalable Node.js applications"
          tag="Features"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          features={[
            {
              title: "Type Safety",              description: "Built with TypeScript from the ground up, providing excellent type safety and developer experience",              imageSrc: "/images/type-safety.34453790-1768915123024.svg",              imageAlt: "Type Safety"
            },
            {
              title: "Dependency Injection", 
              description: "Powerful DI system that makes your applications modular, testable, and maintainable",              imageSrc: "/images/di.a0b12f44-1768915123048.svg",              imageAlt: "Dependency Injection"
            },
            {
              title: "Rich Ecosystem",              description: "Extensive collection of modules and integrations for databases, authentication, and more",              imageSrc: "/images/ecosystem.eaa69289-1768915123066.svg",              imageAlt: "Rich Ecosystem"
            },
            {
              title: "Performance",              description: "Optimized for high performance with support for microservices and scalable architectures",              imageSrc: "/images/rocket.518dadfa-1768915123077.svg",              imageAlt: "Performance"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Trusted by developers worldwide"
          description="See what the community is saying about NestJS"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Microsoft",              handle: "@microsoft",              testimonial: "NestJS provides the perfect foundation for building enterprise-grade applications with TypeScript.",              imageSrc: "/images/microsoft-logo.77c662a4-1768915123150.png",              imageAlt: "Microsoft"
            },
            {
              id: "2", 
              name: "RedHat",              handle: "@redhat",              testimonial: "The decorator-based architecture makes building scalable APIs incredibly intuitive and maintainable.",              imageSrc: "/images/red-hat-logo.17d10010-1768915123319.svg",              imageAlt: "RedHat"
            },
            {
              id: "3",              name: "JetBrains",              handle: "@jetbrains", 
              testimonial: "Excellent TypeScript support and IDE integration make development a pleasure with NestJS.",              imageSrc: "/images/jetbrains-logo.d24f46f1-1768915123319.svg",              imageAlt: "JetBrains"
            },
            {
              id: "4",              name: "Valor Software",              handle: "@valorsoftware",              testimonial: "NestJS strikes the perfect balance between flexibility and structure for modern applications.",              imageSrc: "/images/valor-software.b334df62-1768915123326.png",              imageAlt: "Valor Software"
            },
            {
              id: "5",              name: "Trilon",              handle: "@trilon",              testimonial: "The modular architecture and dependency injection system make large codebases manageable.",              imageSrc: "/images/trilon.22c96544-1768915123319.svg",              imageAlt: "Trilon"
            },
            {
              id: "6",              name: "Netlify",              handle: "@netlify",              testimonial: "Building APIs has never been more straightforward thanks to NestJS's elegant design patterns.",              imageSrc: "/images/netlify-logo.9322c2d1-1768915123320.svg",              imageAlt: "Netlify"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="NestJS"
          columns={[
            {
              title: "Framework",              items: [
                { label: "Overview", href: "overview" },
                { label: "Documentation", href: "https://docs.nestjs.com" },
                { label: "Examples", href: "https://github.com/nestjs/nest/tree/master/sample" }
              ]
            },
            {
              title: "Community", 
              items: [
                { label: "Discord", href: "https://discord.gg/nestjs" },
                { label: "GitHub", href: "https://github.com/nestjs/nest" },
                { label: "Twitter", href: "https://twitter.com/nestjs" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Enterprise", href: "enterprise" },
                { label: "Courses", href: "courses" },
                { label: "Consulting", href: "support" }
              ]
            }
          ]}
          copyrightText="© 2025 NestJS"
        />
      </div>
    </ThemeProvider>
  );
}