import type React from "react"
import type { Metadata } from "next"
import { Analytics } from "@vercel/analytics/next"
import "./globals.css"
import LadderClimb from "@/components/ladderclimber"
import Navbar from "@/components/navbar"

export const metadata: Metadata = {
  title: "School For Schools",
  description: "Combining expertise in education with cutting-edge technology",
}

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body
        className="font-sans antialiased scrollbar-hide"
        style={{ fontFamily: "DIN Alternate, sans-serif" }}
      >

        <Navbar />

        {/* LadderClimb is now global */}
        <LadderClimb />

        {/* All page content */}
        {children}
        <Analytics />
      </body>
    </html>
  )
}