import type { Metadata, Viewport } from 'next' import { Inter, Playfair_Display } from 'next/font/google' import './globals.css' const inter = Inter({ subsets: ['latin'], variable: '--font-sans', }) const playfair = Playfair_Display({ subsets: ['latin'], variable: '--font-serif', }) export const viewport: Viewport = { width: 'device-width', initialScale: 1, viewportFit: 'cover', // Critical for iOS Safari safe areas } export const metadata: Metadata = { title: 'Harbor Smith - Personalized Service Maintenance For Your Boat', description: 'Reliable Care Above and Below the Waterline. Servicing the Bay Area and Beyond!', appleWebApp: { capable: true, statusBarStyle: 'black-translucent', }, } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) }