import type React from "react"
import type { Metadata } from "next"
import { GeistSans } from "geist/font/sans"
import { GeistMono } from "geist/font/mono"
import { Inter } from "next/font/google"
// import { Analytics } from "@vercel/analytics/next"
import { Suspense } from "react"
import "./globals.css"
import Header from "@/components/header"
import Footer from "@/components/footer"
import ScrollToTop from "@/components/scroll-to-top"

const inter = Inter({ subsets: ["latin"] })

export const metadata: Metadata = {
  title: "Tera - Cooperativa de Tecnología",
  description:
    "Cooperativa de tecnología con 10 años de experiencia. Software a medida, talento IT e infraestructura robusta.",
  generator: "v0.app",
  icons: {
    icon: "/images/favicon-negro.jpg",
    shortcut: "/images/favicon-negro.jpg",
    apple: "/images/favicon-negro.jpg",
  },
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en">
      <body className={`font-sans ${GeistSans.variable} ${GeistMono.variable} ${inter.className}`}>
        <Header />
        <ScrollToTop />
        <Suspense fallback={null}>{children}</Suspense>
        {/* <Analytics /> */}
        <Footer />
      </body>
    </html>
  )
}