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:
Leon-in
2026-04-26 18:19:56 +08:00
commit 95eb362bfc
134 changed files with 25831 additions and 0 deletions
+62
View File
@@ -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>
)
}