Files
dalcode-website/app/layout.tsx
T
Leon-in ded6c67a36 fix: dark mode contrast and visibility issues
Override --font--colors--title-dm/paragraph-dm variables that resolved
to near-black after neutral color inversion. Add comprehensive dark
mode overrides for header nav links (#222 hardcoded), footer text/links/
borders, cards, CTA sections, contact page elements, and more.

Remove inline color styles from contact components that blocked CSS
dark mode overrides. Fix truncated about section text and add w-mod-ix3
class to html element.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-27 00:08:19 +08:00

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 w-mod-ix3 ${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>
)
}