diff --git a/src/app/globals.css b/src/app/globals.css
index 6b717ad..a45bba3 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -18,4 +18,4 @@ body {
   color: var(--foreground);
   background: var(--background);
   font-family: Arial, Helvetica, sans-serif;
-}
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e7d692c..4cd8ee4 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,9 +2,8 @@
 
 import "tailwindcss/tailwind.css";
 
-
 import Script from "next/script";
-import React, { useEffect, useState } from "react";
+import React, { Suspense, useEffect, useState } from "react";
 import NightModeToggle from "@/components/NightModeToggle";
 import Navbar from "@/components/NavigationBar";
 import KofiWidget from "@/components/KofiWidget";
@@ -34,6 +33,17 @@ export default function RootLayout({ children }: { children: React.ReactNode })
     document.documentElement.classList.toggle("dark", !isDarkMode);
   };
 
+  const Default_Fallback = () => (
+    <div className="flex items-center justify-center min-h-screen bg-gray-200 dark:bg-gray-800 text-gray-600 dark:text-gray-300">
+    <img
+      src="/logo.png" // Replace this with the actual path to your logo
+      alt="Loading..."
+      className="h-16 w-16 animate-bounce" // Add animation if desired
+    />
+    <span className="ml-3 text-lg">Loading content...</span>
+  </div>
+  )
+
   return (
     <html lang="en" className={isDarkMode ? "dark" : ""} suppressHydrationWarning>
        <head>
@@ -72,7 +82,9 @@ export default function RootLayout({ children }: { children: React.ReactNode })
       <body className="bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100 min-h-screen">
         <KofiWidget />
         <Navbar />
-        <main className="relative">{children}</main>
+        <Suspense fallback={<Default_Fallback />}>
+          <main className="relative">{children}</main>
+        </Suspense>
         <div className="fixed bottom-4 right-4">
           <NightModeToggle isDarkMode={isDarkMode} toggleDarkMode={toggleDarkMode} />
         </div>
