hair-colour / app /layout.tsx
Esteves Enzo
try to deploy
7b92dc3
raw
history blame
858 Bytes
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "@/assets/globals.css";
import { Header } from "@/components/header";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body className={inter.className}>
<div id="background__noisy" />
<main className="min-h-screen max-w-2xl mx-auto flex-col gap-4 flex relative justify-center">
<Header />
{children}
<div className="absolute -bottom-0 w-full blur-[240px] bg-gradient-to-r h-[300px] from-indigo-600 to-teal-400 rounded-t-full -z-[1]" />
</main>
</body>
</html>
);
}