style: enhance layout and styling of components with improved animations and responsiveness

2025-02-04 00:38:40 +01:00
parent b1e8775346
commit e7735e8521
10 changed files with 366 additions and 522 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,36 +1,33 @@
 // app/layout.tsx

-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import type {Metadata} from "next";
 import "./globals.css";

-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
+import {Roboto} from 'next/font/google'
+import React from "react";
+
+const roboto = Roboto({
+    variable: '--font-roboto',
+    weight: '400',
+    subsets: ['latin'],
+})

-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});

 export const metadata: Metadata = {
-  title: "Dennis's Portfolio",
-  description: "A portfolio website showcasing my work and skills.",
+    title: "Dennis's Portfolio",
+    description: "A portfolio website showcasing my work and skills.",
 };

 export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
+                                       children,
+                                   }: {
+    children: React.ReactNode;
 }) {
-  return (
-    <html lang="en" className="dark">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
+    return (
+        <html lang="en">
+        <body className={roboto.variable}>
        {children}
-      </body>
-    </html>
-  );
-}
+        </body>
+        </html>
+    );
+}