diff --git a/package-lock.json b/package-lock.json
index 1e828ce..a2d7eff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5786,6 +5786,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/typescript": {
+      "version": "5.6.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
+      "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
diff --git a/src/app/page.js b/src/app/page.js
index c47fdd6..9e36f33 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -31,7 +31,7 @@ export default function Home() {
           backgroundPosition: "bottom",
         }}
       >
-        <h1 className="text-4xl sm:text-5xl font-bold text-white">
+        <h1 className="text-4xl sm:text-5xl font-bold text-zinc-900">
           We are GDG-BU
         </h1>
 
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index fc4e1f2..cb7affc 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -46,12 +46,13 @@ export default function  Navbar () {
             </span>
           </a>
           <div className="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
-            <button
-              type="button"
-              className="text-white  hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 text-center dark:bg-blue-600 dark:hover: dark:focus:ring-blue-800"
-            >
-              Get started
-            </button>
+          <button
+  type="button"
+  className="text-black text-lg border-2 border-gray-500 hover:bg-zinc-800 focus:ring-4 focus:outline-none focus:ring-zinc-300 font-medium rounded-lg text-sm  px-4 py-2 text-center bg-white hover:border-zinc-900 dark:bg-zinc-600 dark:hover:bg-zinc-700 dark:focus:ring-zinc-800"
+>
+  Get Started
+</button>
+
             <button
               data-collapse-toggle="navbar-sticky"
               type="button"
@@ -85,7 +86,7 @@ export default function  Navbar () {
               <li>
                 <a
                   href="#"
-                  className="block py-2 px-3 text-white  rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500"
+                  className=" block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700"
                   aria-current="page"
                 >
                   Home