import type { Metadata } from 'next'
import './globals.css'
import ServiceWorkerRegistration from '@/components/ServiceWorkerRegistration'
import OfflineIndicator from '@/components/OfflineIndicator'
export const metadata: Metadata = {
title: 'Ultimate Lists',
description: 'The ultimate todo list app with advanced task management',
manifest: '/manifest.json',
themeColor: '#3B82F6',
viewport: {
width: 'device-width',
initialScale: 1,
maximumScale: 1,
userScalable: false,
viewportFit: 'cover',
},
appleWebApp: {
capable: true,
statusBarStyle: 'black-translucent',
title: 'Ultimate Lists',
},
applicationName: 'Ultimate Lists',
icons: {
icon: [
{ url: '/favicon.svg', type: 'image/svg+xml' },
{ url: '/icon-192.png', sizes: '192x192', type: 'image/png' },
{ url: '/icon-512.png', sizes: '512x512', type: 'image/png' },
],
apple: [
{ url: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png' },
],
},
other: {
'mobile-web-app-capable': 'yes',
'apple-mobile-web-app-capable': 'yes',
},
}
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
{/* Favicon */}
{/* Apple Touch Icons */}
{/* Apple Web App Meta Tags */}
{/* PWA Meta Tags */}
{/* iOS Splash Screens - Optional but recommended */}
{children}
)
}