import "@/styles/globals.css"; import "@/styles/sandpack.css"; import type {Metadata, Viewport} from "next"; import {clsx} from "@heroui/shared-utils"; import {Analytics} from "@vercel/analytics/next"; import {Providers} from "./providers"; import {Cmdk} from "@/components/cmdk"; import manifest from "@/config/routes.json"; import {siteConfig} from "@/config/site"; import {fonts} from "@/config/fonts"; import {Navbar} from "@/components/navbar"; import {Footer} from "@/components/footer"; import {RandomBanner} from "@/components/random-banner"; export const metadata: Metadata = { title: { default: siteConfig.name, template: `%s | ${siteConfig.name}`, }, description: siteConfig.description, keywords: [ "React", "Next.js", "NextUI", "Tailwind CSS", "HeroUI", "React Aria", "Server Components", "React Components", "UI Components", "UI Kit", "UI Library", "UI Framework", "UI Design System", ], icons: { icon: "/favicon.ico", shortcut: "/favicon-32x32.png", apple: "/apple-touch-icon.png", }, manifest: "/manifest.json", twitter: siteConfig.twitter, openGraph: siteConfig.openGraph, authors: [ { name: "hero_ui", url: "https://x.com/hero_ui", }, ], creator: "heroui-inc", alternates: { canonical: "https://heroui.com", types: { "application/rss+xml": [{url: "https://heroui.com/feed.xml", title: "HeroUI RSS Feed"}], }, }, }; export const viewport: Viewport = { themeColor: [ {color: "#f4f4f5", media: "(prefers-color-scheme: light)"}, {color: "#111111", media: "(prefers-color-scheme: dark)"}, ], width: "device-width", initialScale: 1, maximumScale: 1, userScalable: false, }; export default function RootLayout({children}: {children: React.ReactNode}) { return (

{children}

); }