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
+68
View File
@@ -0,0 +1,68 @@
export interface BlogPost {
slug: string
title: string
excerpt: string
date: string
category: string
image: string
imageAlt: string
}
export const BLOG_CATEGORIES = ["All", "Trends", "Applications", "Ethics"] as const
export const BLOG_POSTS: BlogPost[] = [
{
slug: "ai-powered-predictive-models-and-their-impact-across-industries",
title: "AI-powered predictive models and their impact across industries",
excerpt: "Lorem ipsum dolor sit amet consectetur sit mi lacus quis vitae sed pellentesque libero ultricies neque.",
date: "Jun, 2025",
category: "Trends",
image: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e7e2a643b738b2cb06fc_ai-powered-predictive-models-and-their-impact-thumbnail-quantum-webflow-template.png",
imageAlt: "AI-powered predictive models and their impact across industries",
},
{
slug: "how-ai-is-shaping-the-future-of-healthcare-and-medicine",
title: "How AI is shaping the future of healthcare and medicine",
excerpt: "Lorem ipsum dolor sit amet consectetur sit mi lacus quis vitae sed pellentesque libero ultricies neque.",
date: "Jun, 2025",
category: "Applications",
image: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e7c24025d4081cbfa426_how-ai-is-shaping-the-future-thumbnail-quantum-webflow-template.png",
imageAlt: "How AI is shaping the future of healthcare and medicine",
},
{
slug: "the-role-of-transparency-in-ai-development-and-innovation",
title: "The role of transparency in AI development and innovation",
excerpt: "Lorem ipsum dolor sit amet consectetur sit mi lacus quis vitae sed pellentesque libero ultricies neque.",
date: "Jun, 2025",
category: "Ethics",
image: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e7967b59be67bb3b9a64_the-role-of-transparency-in-ai-thumbnail-quantum-webflow-template.png",
imageAlt: "The role of transparency in AI development and innovation",
},
{
slug: "revolutionizing-business-insights-with-ai-data-analytics",
title: "Revolutionizing business insights with AI data analytics",
excerpt: "Lorem ipsum dolor sit amet consectetur sit mi lacus quis vitae sed pellentesque libero ultricies neque.",
date: "Jun, 2025",
category: "Applications",
image: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e766a2a14a56c3716545_revolutionizing-business-insights-with-ai-thumbnail-quantum-webflow-template.png",
imageAlt: "Revolutionizing business insights with AI data analytics",
},
{
slug: "how-ai-is-optimizing-business-operations-for-maximum-efficiency",
title: "How AI is optimizing business operations for maximum efficiency",
excerpt: "Lorem ipsum dolor sit amet consectetur sit mi lacus quis vitae sed pellentesque libero ultricies neque.",
date: "Jun, 2025",
category: "Trends",
image: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e73c22149c3c4d1276f2_how-ai-is-optimizing-business-thumbnail-quantum-webflow-template.png",
imageAlt: "How AI is optimizing business operations for maximum efficiency",
},
{
slug: "ethical-ai-and-the-balance-between-innovation-and-responsibilities",
title: "Ethical AI and the balance between innovation and responsibility",
excerpt: "Lorem ipsum dolor sit amet consectetur sit mi lacus quis vitae sed pellentesque libero ultricies neque.",
date: "Jun, 2025",
category: "Ethics",
image: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e640d87281a090067c41_ethical-ai-and-the-balance-between-thumbnail-quantum-webflow-template.png",
imageAlt: "Ethical AI and the balance between innovation and responsibility",
},
]
+43
View File
@@ -0,0 +1,43 @@
export interface Career {
slug: string
title: string
department: string
location: string
type: string
description: string
}
export const CAREERS: Career[] = [
{
slug: "ai-research-scientist",
title: "AI Research Scientist",
department: "Research",
location: "New York, NY",
type: "Full time",
description: "Lorem ipsum dolor sit amet consectetur ornare dui amet ultrices sed fermentum euismod dictum ut pellentesque aliquet nunc massa sed nisl pretium enim placerat.",
},
{
slug: "machine-learning-engineer",
title: "Machine Learning Engineer",
department: "Research",
location: "Los Angeles, CA",
type: "Part time",
description: "Lorem ipsum dolor sit amet consectetur ornare dui amet ultrices sed fermentum euismod dictum ut pellentesque aliquet nunc massa sed nisl pretium enim placerat.",
},
{
slug: "ai-infrastructure-engineer",
title: "AI Infrastructure Engineer",
department: "Engineering",
location: "Remote",
type: "Part time",
description: "Lorem ipsum dolor sit amet consectetur ornare dui amet ultrices sed fermentum euismod dictum ut pellentesque aliquet nunc massa sed nisl pretium enim placerat.",
},
{
slug: "mlops-engineer",
title: "MLOps Engineer",
department: "Engineering",
location: "Remote",
type: "Full time",
description: "Lorem ipsum dolor sit amet consectetur ornare dui amet ultrices sed fermentum euismod dictum ut pellentesque aliquet nunc massa sed nisl pretium enim placerat.",
},
]
+38
View File
@@ -0,0 +1,38 @@
export interface TeamMember {
slug: string
name: string
role: string
bio: string
image: string
}
export const TEAM_MEMBERS: TeamMember[] = [
{
slug: "john-carter-wy738",
name: "John Carter",
role: "CEO & Founder",
bio: "Lorem ipsum dolor sit amet consectetur diam leo interdum nibh ut at libero elit pharetra in eget.",
image: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e5ff7b59be67bb3ac207_john-carter-avatar-quantum-webflow-template.jpg",
},
{
slug: "sophie-moore",
name: "Sophie Moore",
role: "Director of Operations",
bio: "Lorem ipsum dolor sit amet consectetur diam leo interdum nibh ut at libero elit pharetra in eget.",
image: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e5d29b2f76acd088f052_sophie-moore-avatar-quantum-webflow-template.jpg",
},
{
slug: "lilly-woods",
name: "Lilly Woods",
role: "Lead UX Designer",
bio: "Lorem ipsum dolor sit amet consectetur diam leo interdum nibh ut at libero elit pharetra in eget.",
image: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e5b658f5ca9f60fd5e16_lilly-woods-avatar-quantum-webflow-template.jpg",
},
{
slug: "matt-cannon",
name: "Matt Cannon",
role: "VP of Engineering",
bio: "Lorem ipsum dolor sit amet consectetur diam leo interdum nibh ut at libero elit pharetra in eget.",
image: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e5268e58fa10010ce586_matt-cannon-avatar-quantum-webflow-template.jpg",
},
]