Spaces:
Running
Running
File size: 1,685 Bytes
dce7eca | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import AuthProvider from "@/components/AuthProvider";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "PanoAI - 360° Scene Creator",
description: "Generate immersive 360-degree panoramas from photos or text using AI.",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<head>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css"
/>
<script
src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"
async
></script>
</head>
<body className={`${inter.className} min-h-screen antialiased`} suppressHydrationWarning>
<AuthProvider>
<div className="fixed inset-0 -z-10 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-indigo-900/20 via-slate-900 to-black overflow-hidden">
<div className="absolute top-0 left-1/4 w-[500px] h-[500px] bg-primary/20 blur-[120px] rounded-full animate-glow opacity-30" />
<div className="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-accent/20 blur-[120px] rounded-full animate-glow opacity-30 delay-1000" />
</div>
{children}
</AuthProvider>
</body>
</html>
);
}
|