Create initial frontend with global styles and basic layout components

2026-01-04 19:19:07 +01:00
parent bd1ceca25c
commit 04afa75b7f
3 changed files with 70 additions and 0 deletions
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -0,0 +1,35 @@
+import type { Metadata } from "next";
+import {Geist, Geist_Mono, Ubuntu_Mono, Ubuntu_Sans} from "next/font/google";
+import "./globals.css";
+
+const ubuntuSans = Ubuntu_Sans({
+  variable: "--font-ubuntu-sans",
+  subsets: ["latin"],
+});
+
+const ubuntuMono = Ubuntu_Mono({
+  variable: "--font-geist-mono",
+  weight: ['400', '700'],
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "MemeGoat",
+  icons: "/memegoat-color.svg"
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body
+        className={`${ubuntuSans.variable} ${ubuntuMono.variable} antialiased`}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}