42 lines
990 B
TypeScript
42 lines
990 B
TypeScript
|
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 (
|
||
|
|
<html lang="en" className={`${inter.variable} ${playfair.variable}`}>
|
||
|
|
<body className="font-sans">
|
||
|
|
{children}
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
)
|
||
|
|
}
|