import type React from "react"
import type { Metadata } from "next"
import { Analytics } from "@vercel/analytics/next"
import "./globals.css"
import "../styles/parallax.css"
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { Suspense } from "react"
import { ScrollToTop } from "@/components/scroll-to-top"

export const metadata: Metadata = {
  title: 'Asociación Cultural Sanmartiniana "Cuna de la Bandera"',
  description:
    "Asociación dedicada a preservar y difundir el legado del General San Martín y la historia del Cruce de los Andes.",
  generator: "v0.app",
  openGraph: {
    title: 'Asociación Cultural Sanmartiniana "Cuna de la Bandera"',
    description:
      "Asociación dedicada a preservar y difundir el legado del General San Martín y la historia del Cruce de los Andes.",
    type: "website",
    locale: "es_AR",
  },
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="es">
      <body className="font-sans antialiased">
        <ScrollToTop />
        <Suspense fallback={<div>Loading...</div>}>
          <Header />
          <main className="min-h-screen">{children}</main>
          <Footer />
        </Suspense>
        <Analytics />
      </body>
    </html>
  )
}