247 lines
9.8 KiB
TypeScript
247 lines
9.8 KiB
TypeScript
"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>
|
|
)
|
|
} |