Neah-Enkun/front/app/layout.tsx

48 lines
1.4 KiB
TypeScript

"use client";
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import { MainNav } from "@/components/main-nav";
import Link from "next/link";
import { SessionProvider } from "next-auth/react";
const inter = Inter({ subsets: ["latin"] });
interface RootLayoutProps {
children: React.ReactNode;
}
export default function RootLayout({
children,
}: Readonly<RootLayoutProps>): JSX.Element {
return (
<html lang='en'>
<body className={`${inter.className} bg-background text-foreground`}>
<SessionProvider>
<div className='min-h-screen flex flex-col'>
<MainNav />
<main className='flex-1'>{children}</main>
<footer className='w-full p-4 bg-black text-white/80'>
<div className='flex space-x-4 text-sm'>
<Link href='/support' className='hover:text-white'>
Support
</Link>
<Link href='/help' className='hover:text-white'>
Help Center
</Link>
<Link href='/privacy' className='hover:text-white'>
Privacy
</Link>
<Link href='/tos' className='hover:text-white'>
Terms of Service
</Link>
</div>
</footer>
</div>
</SessionProvider>
</body>
</html>
);
}