diff --git a/src/Client/src/main.tsx b/src/Client/src/main.tsx
index 91efbdc..28f3be7 100644
--- a/src/Client/src/main.tsx
+++ b/src/Client/src/main.tsx
@@ -1,11 +1,14 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { RouterProvider } from 'react-router-dom'
-import './index.css'
-import router from './routes.tsx'
+import React, { Suspense } from "react";
+import ReactDOM from "react-dom/client";
+import { RouterProvider } from "react-router-dom";
+import Loading from "./components/Loading.tsx";
+import "./index.css";
+import router from "./routes.tsx";
-ReactDOM.createRoot(document.getElementById('root')!).render(
+ReactDOM.createRoot(document.getElementById("root")!).render(
-
- ,
-)
+ }>
+
+
+
+);
diff --git a/src/Client/src/pages/AboutPage.tsx b/src/Client/src/pages/AboutPage.tsx
index 2cd3277..734d435 100644
--- a/src/Client/src/pages/AboutPage.tsx
+++ b/src/Client/src/pages/AboutPage.tsx
@@ -16,11 +16,6 @@ export default function AboutPage() {
.
-
- I'm planning to integrate a simple blog as part of this app that will
- dive into more specific implementation details so check back soon for
- more!
-
>
);
diff --git a/src/Client/src/routes.tsx b/src/Client/src/routes.tsx
index 44ddd1e..640da93 100644
--- a/src/Client/src/routes.tsx
+++ b/src/Client/src/routes.tsx
@@ -1,8 +1,10 @@
+import React from "react";
import { createBrowserRouter } from "react-router-dom";
import Layout from "./pages/Layout";
-import HomePage from "./pages/HomePage";
-import ContactPage from "./pages/ContactPage";
-import AboutPage from "./pages/AboutPage";
+
+const HomePage = React.lazy(() => import("./pages/HomePage"));
+const ContactPage = React.lazy(() => import("./pages/ContactPage"));
+const AboutPage = React.lazy(() => import("./pages/AboutPage"));
const router = createBrowserRouter([
{