Implement theme context provider with localStorage persistence and add toggle button to header. Update Dashboard, StatsCard, QuitPlanCard, SubstanceTrackingPage, and UsageCalendar components with theme-aware gradients and colors. Also add daily inspirational quotes to calendar and fix usage prompt to only show once per day.
28 lines
906 B
TypeScript
28 lines
906 B
TypeScript
import type { Metadata } from "next";
|
|
import "./globals.css";
|
|
import { Providers } from "@/components/Providers";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "QuitTraq - Track Your Journey to Quit Smoking",
|
|
description: "Track and manage your smoking habits, set goals, and quit safely with personalized plans.",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en">
|
|
<head>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
|
|
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet" />
|
|
</head>
|
|
<body className="antialiased">
|
|
<Providers>{children}</Providers>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|