import type { Metadata } from 'next'
import './globals.css'
import { NavBar } from '@/components/layout'
import { Footer } from '@/components/layout'
import { CookieBanner } from '@/components/layout/CookieBanner'
import { GoogleAnalytics } from '@/components/layout/GoogleAnalytics'
import { Providers } from './Providers'

export const metadata: Metadata = {
  title: 'OndeVoar.pt — Onde há céu, há possibilidades',
  description: 'A plataforma de referência em Portugal para saber onde voar drones. Spots, zonas ANAC, meteorologia e comunidade.',
  icons: {
    icon: [
      { url: '/brand/png/favicon-16.png', sizes: '16x16', type: 'image/png' },
      { url: '/brand/png/favicon-32.png', sizes: '32x32', type: 'image/png' },
      { url: '/brand/png/favicon-64.png', sizes: '64x64', type: 'image/png' },
      { url: '/brand/png/favicon-512.png', sizes: '512x512', type: 'image/png' },
    ],
    apple: '/brand/png/favicon-180.png',
  },
}

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="pt">
      <body>
        <Providers>
          <NavBar />
          <main>{children}</main>
          <Footer />
          <CookieBanner />
          <GoogleAnalytics />
        </Providers>
      </body>
    </html>
  )
}
