Add Christmas decorations and theme styles

Introduced a ChristmasDecorations component with animated snowflakes, twinkling stars, and festive emojis. Updated global CSS and Tailwind config to include Christmas-themed animations, colors, and effects. Integrated the decorations into the main layout for a seasonal appearance.
2025-12-08 00:13:40 +00:00
parent 48f1b9766d
commit 224342c410
5 changed files with 224 additions and 14 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -6,6 +6,7 @@ import type React from "react"
 import { NotificationProvider } from "@/lib/notification-context"
 import { Metadata, Viewport } from "next"
 import KeepOnlineWrapper from "@/components/layout/KeepOnlineWrapper"
+import { ChristmasDecorations } from "@/components/christmas-decorations"

 const inter = Inter({ subsets: ["latin"] })
  
@@ -74,6 +75,7 @@ export default function RootLayout({
      <body className={inter.className}>
        <ThemeProvider attribute="class" defaultTheme="dark" enableSystem disableTransitionOnChange>
          <NotificationProvider>
+            <ChristmasDecorations />
            <Toaster 
              theme="dark" 
              richColors