import type { Metadata, Viewport } from 'next'
import './globals.css'
import BottomNav from '@/components/BottomNav'
import DesktopNav from '@/components/DesktopNav'

export const metadata: Metadata = {
  title: 'SmartAccès — Accès automatisé sécurisé',
  description: 'Réservez, payez et accédez à votre espace en toute autonomie.',
}

export const viewport: Viewport = {
  width: 'device-width',
  initialScale: 1,
  maximumScale: 1,
  userScalable: false,
  viewportFit: 'cover',
  themeColor: '#4f46e5',
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="fr">
      <body className="bg-gray-50 text-gray-900 antialiased">
        <DesktopNav />
        <main className="min-h-screen pb-24 md:pb-8 md:pt-20">
          {children}
        </main>
        <BottomNav />
      </body>
    </html>
  )
}
