portfolio/src/app/layout.tsx

47 lines
1.1 KiB
TypeScript

import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import Header from "../components/Header";
import Footer from "../components/Footer";
import Background from "../components/Background";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
display: "swap",
preload: false,
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
display: "swap",
preload: false,
});
export const metadata: Metadata = {
title: "André Kempf | Portfolio",
description: "My personal portfolio, built with React (Next.js)",
icons: {
icon: "/assets/icons/favicon.ico",
shortcut: "/assets/icons/favicon.ico",
apple: "/assets/images/apple-touch-icon.png",
},
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" className={`${geistSans.variable} ${geistMono.variable}`}>
<body>
<Background />
<Header />
<main className="grow">{children}</main>
<Footer />
</body>
</html>
);
}