Leon-in
95eb362bfc
QuantumLab template converted to Next.js 16 + React 19 + TypeScript: - 8 page routes (home, about, blog, contact, careers, team-members, coming-soon, 404) - Dynamic routes for blog posts, career positions, and team members - GSAP animations (marquee, counters, button hovers) - IntersectionObserver-based scroll reveal (blur-to-clear transitions) - Dark mode with next-themes - React Hook Form + Zod contact form - Framer Motion page transitions - Lottie animations via lottie-web Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
63 lines
1.6 KiB
TypeScript
63 lines
1.6 KiB
TypeScript
import type { Metadata } from "next"
|
|
import { Inter, Inter_Tight } from "next/font/google"
|
|
import { ThemeProvider } from "next-themes"
|
|
import Header from "@/components/Header"
|
|
import Footer from "@/components/Footer"
|
|
import GsapAnimations from "@/components/GsapAnimations"
|
|
import RevealObserver from "@/components/RevealObserver"
|
|
import PageTransition from "@/components/PageTransition"
|
|
import "./webflow.css"
|
|
import "./globals.css"
|
|
|
|
const inter = Inter({
|
|
subsets: ["latin"],
|
|
weight: ["400", "500", "600"],
|
|
variable: "--font-inter",
|
|
display: "swap",
|
|
})
|
|
|
|
const interTight = Inter_Tight({
|
|
subsets: ["latin"],
|
|
weight: ["400", "500", "600"],
|
|
variable: "--font-inter-tight",
|
|
display: "swap",
|
|
})
|
|
|
|
export const metadata: Metadata = {
|
|
title: {
|
|
default: "DalCode - AI Code Intelligence",
|
|
template: "%s | DalCode",
|
|
},
|
|
description: "DalCode - AI-powered code intelligence platform for innovation-driven teams.",
|
|
openGraph: {
|
|
type: "website",
|
|
siteName: "DalCode",
|
|
},
|
|
}
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode
|
|
}>) {
|
|
return (
|
|
<html
|
|
lang="en"
|
|
className={`w-mod-js ${inter.variable} ${interTight.variable}`}
|
|
suppressHydrationWarning
|
|
>
|
|
<body className={inter.className}>
|
|
<ThemeProvider attribute="class" defaultTheme="light" enableSystem>
|
|
<div className="page-wrapper">
|
|
<Header />
|
|
<PageTransition>{children}</PageTransition>
|
|
<Footer />
|
|
</div>
|
|
<RevealObserver />
|
|
<GsapAnimations />
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|