diff --git a/app/layout.tsx b/app/layout.tsx index 63ac4e98..a1de70b4 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,7 +1,10 @@ import { Analytics } from "@vercel/analytics/react"; import { Metadata } from "next"; import "../styles/globals.css"; +import Script from 'next/script'; +import { useState } from 'react'; +// Metadata configuration let title = "Dream Room Generator"; let description = "Generate your dream room in seconds."; let ogimage = "https://roomgpt-demo.vercel.app/og-image.png"; @@ -12,6 +15,9 @@ export const metadata: Metadata = { description, icons: { icon: "/favicon.ico", + apple: "/apple-touch-icon.png", + android: "/android-chrome-192x192.png", + other: "/site.webmanifest", }, openGraph: { images: [ogimage], @@ -35,11 +41,46 @@ export default function RootLayout({ }: { children: React.ReactNode; }) { + const [theme, setTheme] = useState('dark'); + + const toggleTheme = () => { + setTheme(theme === 'dark' ? 'light' : 'dark'); + }; + return ( - - + + + {children} + {/* Google Tag Manager */} +