diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 17c0fe9..44fcfc6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,16 +1,15 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
-import "./styles/variables.css";
-import "./styles/base.css";
 import "./globals.css";
 
 const inter = Inter({
   variable: "--font-inter",  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });
 
 export const metadata: Metadata = {
-  title: "Jobee - Find Your Dream Job in the Netherlands",  description:
-    "Discover thousands of job opportunities across all 12 Dutch provinces. Connect with top employers and build your career with Jobee."};
+  title: "Jobee - Dutch Job Listings & Recruitment Platform",  description:
+    "Find your dream job in the Netherlands with Jobee. Browse thousands of opportunities across all 12 Dutch provinces and connect with top employers."};
 
 export default function RootLayout({
   children,
@@ -22,20 +21,12 @@ export default function RootLayout({
       <body className={`${inter.variable}`}>
         {children}
         <script
-          dangerouslySetInnerHTML={{
-            __html: `
-              (function() {
-                try {
-                  const theme = localStorage.getItem('theme') || 'light';
-                  if (theme === 'dark') {
-                    document.documentElement.classList.add('dark');
-                  } else {
-                    document.documentElement.classList.remove('dark');
-                  }
-                } catch (e) {}
-              })()
-            `,
-          }}
+          async
+          src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js"
+        />
+        <script
+          async
+          src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/ScrollTrigger.min.js"
         />
       
         <script
