feat: initial commit — Webflow to Next.js conversion
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>
This commit is contained in:
@@ -0,0 +1,62 @@
|
||||
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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user