diff --git a/package-lock.json b/package-lock.json
index e0de5167..7383288f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
         "@react-three/fiber": "^8.17.7",
         "ajv": "^8.17.1",
         "axios": "^1.7.7",
+        "flowbite-react": "^0.10.2",
         "framer-motion": "^11.5.6",
         "hamburger-react": "^2.5.1",
         "lucide-react": "^0.452.0",
@@ -22,6 +23,7 @@
         "react": "^18",
         "react-dom": "^18",
         "react-hot-toast": "^2.4.1",
+        "smooth-scroll": "^16.1.3",
         "styled-components": "^6.1.13",
         "swiper": "^11.1.14",
         "three": "^0.168.0",
@@ -649,6 +651,59 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
+    "node_modules/@floating-ui/core": {
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.6.tgz",
+      "integrity": "sha512-Vkvsw6EcpMHjvZZdMkSY+djMGFbt7CRssW99Ne8tar2WLnZ/l3dbxeTShbLQj+/s35h+Qb4cmnob+EzwtjrXGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.6"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.6.11",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.11.tgz",
+      "integrity": "sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.6.0",
+        "@floating-ui/utils": "^0.2.8"
+      }
+    },
+    "node_modules/@floating-ui/react": {
+      "version": "0.26.21",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.21.tgz",
+      "integrity": "sha512-7P5ncDIiYd6RrwpCDbKyFzvabM014QlzlumtDbK3Bck0UueC+Rp8BLS34qcGBcN1pZCTodl4QNnCVmKv4tSxfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.1.1",
+        "@floating-ui/utils": "^0.2.6",
+        "tabbable": "^6.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
+      "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
+      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
+      "license": "MIT"
+    },
     "node_modules/@formatjs/ecma402-abstract": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.1.0.tgz",
@@ -2554,6 +2609,16 @@
         "url": "https://opencollective.com/unts"
       }
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@react-aria/breadcrumbs": {
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@react-aria/breadcrumbs/-/breadcrumbs-3.5.13.tgz",
@@ -4572,6 +4637,52 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@rollup/plugin-node-resolve": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.3.0.tgz",
+      "integrity": "sha512-9eO5McEICxMzJpDW9OnMYSv4Sta3hmt7VtBFz5zR9273suNOydOyq/FrGeGy+KsTRFm8w0SLVhzig2ILFT63Ag==",
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "@types/resolve": "1.20.2",
+        "deepmerge": "^4.2.2",
+        "is-module": "^1.0.0",
+        "resolve": "^1.22.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^2.78.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.2.tgz",
+      "integrity": "sha512-/FIdS3PyZ39bjZlwqFnWqCOVnW7o963LtKMwQOD0NhQqw22gSr2YY1afu3FxRip4ZCZNsD5jq6Aaz6QV3D/Njw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@rtsao/scc": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
@@ -4624,9 +4735,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
       "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
@@ -4705,6 +4814,12 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/resolve": {
+      "version": "1.20.2",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
+      "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
+      "license": "MIT"
+    },
     "node_modules/@types/semver": {
       "version": "7.5.8",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
@@ -6049,6 +6164,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
     "node_modules/cli-cursor": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-1.0.2.tgz",
@@ -8133,6 +8254,12 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -8400,6 +8527,69 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/flowbite": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/flowbite/-/flowbite-2.5.1.tgz",
+      "integrity": "sha512-7jP1jy9c3QP7y+KU9lc8ueMkTyUdMDvRP+lteSWgY5TigSZjf9K1kqZxmqjhbx2gBnFQxMl1GAjVThCa8cEpKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@popperjs/core": "^2.9.3",
+        "flowbite-datepicker": "^1.3.0",
+        "mini-svg-data-uri": "^1.4.3"
+      }
+    },
+    "node_modules/flowbite-datepicker": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/flowbite-datepicker/-/flowbite-datepicker-1.3.0.tgz",
+      "integrity": "sha512-CLVqzuoE2vkUvWYK/lJ6GzT0be5dlTbH3uuhVwyB67+PjqJWABm2wv68xhBf5BqjpBxvTSQ3mrmLHpPJ2tvrSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/plugin-node-resolve": "^15.2.3",
+        "flowbite": "^2.0.0"
+      }
+    },
+    "node_modules/flowbite-react": {
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/flowbite-react/-/flowbite-react-0.10.2.tgz",
+      "integrity": "sha512-qkayK6IFmfH7zuuDnHmS0hJxLtL0KpW4vo4i/VQfZ6ZfaNlUsNLQxCGcmXwbZZtUm2WVw8x71aaDOAxftG9tmg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "1.6.6",
+        "@floating-ui/react": "0.26.21",
+        "classnames": "2.5.1",
+        "debounce": "2.1.0",
+        "flowbite": "2.5.1",
+        "react-icons": "5.2.1",
+        "tailwind-merge": "2.4.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18",
+        "tailwindcss": "^3"
+      }
+    },
+    "node_modules/flowbite-react/node_modules/debounce": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/debounce/-/debounce-2.1.0.tgz",
+      "integrity": "sha512-OkL3+0pPWCqoBc/nhO9u6TIQNTK44fnBnzuVtJAbp13Naxw9R6u21x+8tVTka87AhDZ3htqZ2pSSsZl9fqL2Wg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flowbite-react/node_modules/tailwind-merge": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.4.0.tgz",
+      "integrity": "sha512-49AwoOQNKdqKPd9CViyH5wJoSKsCDjUlzL8DxuGp3P1FsGY36NJDAa18jLZcaHAUUuTj+JB8IAo8zWgBNvBF7A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
     "node_modules/follow-redirects": {
       "version": "1.15.9",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
@@ -9446,6 +9636,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-module": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
+      "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==",
+      "license": "MIT"
+    },
     "node_modules/is-my-ip-valid": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-my-ip-valid/-/is-my-ip-valid-1.0.1.tgz",
@@ -10561,6 +10757,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/mini-svg-data-uri": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+      "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+      "license": "MIT",
+      "bin": {
+        "mini-svg-data-uri": "cli.js"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -11737,6 +11942,15 @@
         "react-dom": ">=16"
       }
     },
+    "node_modules/react-icons": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz",
+      "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -12394,6 +12608,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/smooth-scroll": {
+      "version": "16.1.3",
+      "resolved": "https://registry.npmjs.org/smooth-scroll/-/smooth-scroll-16.1.3.tgz",
+      "integrity": "sha512-ca9U+neJS/cbdScTBuUTCZvUWNF2EuMCk7oAx3ImdeRK5FPm+xRo9XsVHIkeEVkn7MBRx+ufVEhyveM4ZhaTGA==",
+      "license": "MIT"
+    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -13001,6 +13221,12 @@
         "url": "https://opencollective.com/unts"
       }
     },
+    "node_modules/tabbable": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+      "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==",
+      "license": "MIT"
+    },
     "node_modules/table": {
       "version": "3.8.3",
       "resolved": "https://registry.npmjs.org/table/-/table-3.8.3.tgz",
diff --git a/package.json b/package.json
index cbd55426..b384a0f3 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
     "react": "^18",
     "react-dom": "^18",
     "react-hot-toast": "^2.4.1",
+    "smooth-scroll": "^16.1.3",
     "styled-components": "^6.1.13",
     "swiper": "^11.1.14",
     "three": "^0.168.0",
diff --git a/src/components/AboutUs/Body.jsx b/src/components/AboutUs/Body.jsx
index 205e8994..71075ea5 100644
--- a/src/components/AboutUs/Body.jsx
+++ b/src/components/AboutUs/Body.jsx
@@ -43,7 +43,7 @@ export const Body = () => {
 
   return (
     <>
-      <MainContainer>
+      <MainContainer id='about us'>
         <BodyWrapper>
           <BodyGradient />
           <BodyTitle>aBOUT US</BodyTitle>
@@ -54,7 +54,7 @@ export const Body = () => {
                 {trimmedFirstCol}
                 {isMobile && (
                   <button
-                    className='underline mx-2'
+                    className='mx-2 underline'
                     onClick={() => setReadMoreFirstCol(!readMoreFirstCol)}
                   >
                     {readMoreFirstCol ? 'See Less' : 'See More'}
diff --git a/src/components/EventsSection/Header.jsx/header.jsx b/src/components/EventsSection/Header.jsx/header.jsx
index 188c6400..2a18057c 100644
--- a/src/components/EventsSection/Header.jsx/header.jsx
+++ b/src/components/EventsSection/Header.jsx/header.jsx
@@ -3,7 +3,7 @@ import { SubHeader } from './SubHeader';
 export const Header = () => {
   return (
     <>
-      <div>
+      <div id='events'>
         <div className='bg-[#131313] h-[80px] sm:h-[100px] md:h-[110px] lg:h-[150px] w-full flex items-center overflow-hidden'>
           <div className='font-spaceX font-bold text-[32px] sm:text-[40px] md:text-[50px] lg:text-[64px] lg:leading-[97.78] w-full text-center text-[#188FC3]'>
             EVENTS
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index a41a2523..6ebd86ac 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -31,7 +31,7 @@ import { LogoText2 } from '../shared/Typography/Headings';
 
 export const Footer = () => {
   return (
-    <FooterContainer>
+    <FooterContainer id='contact'>
       <FooterWrapper>
         <FooterGradient />
         <FooterTop>
diff --git a/src/components/Marginals/navbar/navbar.jsx b/src/components/Marginals/navbar/navbar.jsx
index 19223a39..e22b0d7a 100644
--- a/src/components/Marginals/navbar/navbar.jsx
+++ b/src/components/Marginals/navbar/navbar.jsx
@@ -2,23 +2,20 @@
 import React from 'react';
 import {
   HamburgerContainer,
-  LogoItem,
-  Logos,
   MainBar,
   MainBarItems,
   MenuLogoItem,
   NavContainer,
   NavCover,
-  RegisterButton,
   ResItem,
   ResList,
   ResMen,
-  ResponsiveMenu,
   HamburgerRegisterButton,
 } from './navbar.styles';
 import Hamburger from 'hamburger-react';
+import SmoothScroll from 'smooth-scroll';
 import { useState } from 'react';
-import { ButtonData, logos, MainNavData } from '../../../config/content/NavbarData/NavData';
+import { ButtonData, logos, navLinks } from '../../../config/content/NavbarData/NavData';
 import Image from 'next/image';
 import Link from 'next/link';
 
@@ -29,45 +26,79 @@ const Navbar = () => {
     setIsOpen(!isOpen);
   }
 
+  function newScrollObject() {
+    return new SmoothScroll('a[href*="#"]', {
+      offset: 100,
+    });
+  }
+
+  function handleScroll(id) {
+    if (typeof window !== 'undefined' && id) {
+      const isHome = window.location.pathname === '/' || window.location.pathname === '/playground';
+      if (isHome) {
+        const scroll = newScrollObject();
+        const anchor = document.getElementById(id);
+        if (anchor) {
+          scroll.animateScroll(anchor);
+        }
+      }
+    }
+  }
+
+  function onClick(id) {
+    handleScroll(id);
+    handleToggle();
+  }
+
   return (
     <NavContainer>
       <NavCover>
-        <Logos>
-          {logos.slice(1).map((logo, index) => (
-            <LogoItem key={index}>
-              <Image src={logo.link} alt={logo.name} width='20' height='20' />
-            </LogoItem>
-          ))}
-        </Logos>
         <MainBar>
           <MenuLogoItem>
-            <Link href='/playground'>
+            <Link href='/'>
               <Image src={logos[0].link} alt={logos[0].name} width='40' height='40' />
             </Link>
           </MenuLogoItem>
-          {MainNavData.map((item, index) => (
-            <MainBarItems key={index}>{item.title}</MainBarItems>
+          {navLinks.map((navLink) => (
+            <MainBarItems key={navLink.id}>
+              {navLink.href ? (
+                <Link href={navLink.href} tabIndex={0}>
+                  {navLink.name}
+                </Link>
+              ) : (
+                <span role='button' tabIndex={0} onClick={() => onClick(navLink.id)}>
+                  {navLink.name}
+                </span>
+              )}
+            </MainBarItems>
           ))}
         </MainBar>
-        <RegisterButton>
-          <Link href={ButtonData.link}>{ButtonData.title}</Link>
-        </RegisterButton>
-
         <HamburgerContainer>
-          <Hamburger toggled={isOpen} toggle={handleToggle}></Hamburger>
+          <Hamburger toggled={isOpen} toggle={handleToggle} />
         </HamburgerContainer>
       </NavCover>
 
       {isOpen ? (
         <ResMen>
           <ResList>
-            {MainNavData.map((item, index) => (
-              <ResItem key={index}>{item.title}</ResItem>
+            {navLinks.map((navLink) => (
+              <ResItem key={navLink.id}>
+                {navLink.href ? (
+                  <Link href={navLink.href} tabIndex={0}>
+                    {navLink.name}
+                  </Link>
+                ) : (
+                  <span role='button' tabIndex={0} onClick={() => onClick(navLink.id)}>
+                    {navLink.name}
+                  </span>
+                )}
+              </ResItem>
             ))}
+
+            <HamburgerRegisterButton>
+              <Link href={ButtonData.link}>{ButtonData.title}</Link>
+            </HamburgerRegisterButton>
           </ResList>
-          <HamburgerRegisterButton>
-            <Link href={ButtonData.link}>{ButtonData.title}</Link>
-          </HamburgerRegisterButton>
         </ResMen>
       ) : null}
     </NavContainer>
diff --git a/src/components/Marginals/navbar/navbar.styles.jsx b/src/components/Marginals/navbar/navbar.styles.jsx
index 2cd4ff3b..333faa5f 100644
--- a/src/components/Marginals/navbar/navbar.styles.jsx
+++ b/src/components/Marginals/navbar/navbar.styles.jsx
@@ -1,48 +1,30 @@
-import { PrimaryButton, SecondaryButton } from '@/components/shared/Typography/Buttons';
 import { NavbarLink } from '@/components/shared/Typography/Links';
 import styled from 'styled-components';
 import tw from 'twin.macro';
+import { PrimaryButton } from '@/components/shared/Typography/Buttons';
 
 export const NavContainer = styled.nav`
-  ${tw`fixed top-0 w-full h-10 max-w-[1400px] p-3 mx-auto mt-4 sm:h-12 md:h-14 lg:h-16 sm:p-4 md:p-5 sm:mt-6 md:mt-7 left-[50%] z-[1000] translate-x-[-50%]`}
+  ${tw`fixed top-0 w-full h-10 max-w-7xl p-3 mx-auto mt-4 sm:h-12 md:h-14 lg:h-16 sm:p-4 md:p-5 sm:mt-6 md:mt-7 left-[50%] z-[1000] translate-x-[-50%]`}
 `;
 
 export const NavCover = styled.div`
-  ${tw`flex justify-between lg:gap-[190px] md:gap-[120px] sm:gap-[70px]`}
-`;
-
-export const Logos = styled.div`
-  ${tw`flex mt-3 space-x-4 justify-evenly`}
-`;
-
-export const LogoItem = styled(SecondaryButton)`
-  ${tw`flex items-center justify-center w-10 h-10 p-0 md:w-8 md:h-8 lg:w-10 lg:h-10 hover:scale-110 hover:shadow-md border-[#ffffff05]`}
-
-  &:hover {
-    box-shadow: 0 0 8px #ffffff66 0 0 12px #ffffff4d;
-  }
+  ${tw`flex sm:justify-center `}
 `;
 
 export const MenuLogoItem = styled.div`
-  ${tw`
-    w-10 h-10 md:w-8 md:h-8 lg:w-10 lg:h-10 text-white text-[14px] rounded-full font-montserrat font-medium cursor-pointer flex justify-center items-center transition-all duration-300 hover:scale-110 hover:shadow-md
-  `}
+  ${tw`w-10 h-10 mr-10 transition-all duration-300 cursor-pointer md:w-8 md:h-8 lg:w-16 lg:h-10 hover:scale-110`}
 `;
 
 export const MainBar = styled.nav`
   backdrop-filter: blur(30px);
 
   ${tw`
-    inline-flex items-center rounded-md border-[1.14px] border-solid border-white/[0.06] bg-white/[0.02] p-2 pr-6 flex justify-between  w-full max-[930px]:hidden max-w-xs md:max-w-md lg:max-w-xl space-x-0.5 rounded-md border-[0.5px] py-1 lg:mr-0 md:mr-[50px]
+    inline-flex items-center rounded-md border-[1.14px] border-solid border-white/[0.06] bg-white/[0.02] p-5 py-2 pr-20 justify-between  w-full max-[930px]:hidden max-w-xl md:max-w-2xl lg:max-w-4xl lg:mr-0 md:mr-[50px]
   `}
 `;
 
 export const MainBarItems = styled(NavbarLink)`
-  ${tw`text-xs opacity-60 md:text-sm`}
-`;
-
-export const RegisterButton = styled(PrimaryButton)`
-  ${tw` max-[930px]:hidden lg:ml-0 md:ml-[-7rem]`}
+  ${tw`text-xs transition-opacity transition-transform duration-300 opacity-70 md:text-sm hover:opacity-100 hover:scale-105`}
 `;
 
 export const HamburgerContainer = styled.div`
@@ -50,24 +32,18 @@ export const HamburgerContainer = styled.div`
 `;
 
 export const ResMen = styled.div`
-  ${tw` z-10 grid w-full h-screen place-items-center bg-slate-900 opacity-95 min-[930px]:hidden`}
+  backdrop-filter: blur(10px);
+  ${tw`z-10 grid w-full h-max place-items-center bg-white/[0.2] rounded-3xl opacity-95 min-[930px]:hidden`}
 `;
 
 export const ResList = styled.ul`
-  ${tw`fixed top-[250px] left-0 flex flex-col items-center justify-center w-full h-full gap-10`}
+  ${tw`left-0 flex flex-col items-center justify-start w-full h-full gap-10 p-8 top-5`}
 `;
 
 export const ResItem = styled.li`
-  ${tw`relative mb-1 cursor-pointer hover:after:content-[''] hover:after:absolute hover:after:bottom-0 hover:after:left-0 hover:after:h-px hover:after:bg-current hover:after:transition-all hover:after:duration-[400ms] hover:after:ease-in-out hover:after:w-0 hover:after:hover:w-full`}
+  ${tw`mt-4 cursor-pointer`}
 `;
 
-export const HamburgerRegisterButton = styled.button`
-  background: radial-gradient(219.1% 188.15% at 52.58% -68.5%, #ff8dff 30.52%, #ff3c7f 53.85%);
-  box-shadow:
-    0px 10px 149.474px 0px #ffe3697a,
-    0px 0px 0.83px 3.322px #ffffff1a,
-    0px -3.322px 1.661px 0px #00000040 inset,
-    0px 1.661px 0.83px 0px #ffffff40 inset;
-
-  ${tw`min-[930px]:hidden w-[100px]  h-[35px]  rounded-md  hover:border-[2px]  hover:border-slate-500  transition-all  duration-300 mt-2.5 lg:ml-0 sm:mt-[100px] max-[655px]:mt-[150px]`}
+export const HamburgerRegisterButton = styled(PrimaryButton)`
+  ${tw`min-[930px]:hidden  hover:border-[2px]  hover:border-slate-500  transition-all  duration-300 `}
 `;
diff --git a/src/config/content/NavbarData/NavData.js b/src/config/content/NavbarData/NavData.js
index 8fd177ff..1730e4d4 100644
--- a/src/config/content/NavbarData/NavData.js
+++ b/src/config/content/NavbarData/NavData.js
@@ -1,39 +1,15 @@
 export const logos = [
   {
     name: 'inno',
-    link: 'https://res.cloudinary.com/dqqyuvg1v/image/upload/v1726977580/Frame_2087326314_uhhz9b.png',
-  },
-  {
-    name: 'WhatsApp',
-    link: 'https://res.cloudinary.com/dqqyuvg1v/image/upload/v1728548889/WhatsApp_ly1u9i.png',
-  },
-  {
-    name: 'Insta',
-    link: 'https://res.cloudinary.com/dqqyuvg1v/image/upload/v1726908562/insta_logo_v7l8o8.png',
-  },
-  {
-    name: 'Gmail',
-    link: 'https://res.cloudinary.com/dqqyuvg1v/image/upload/v1728548889/Gmail_orgt0y.png',
+    link: 'https://res.cloudinary.com/dqqyuvg1v/image/upload/v1728826246/Frame_2087326348_opiovp.png',
   },
 ];
 
-export const MainNavData = [
-  {
-    title: 'About us',
-    link: 'about',
-  },
-  {
-    title: 'Events',
-    link: 'events',
-  },
-  {
-    title: 'Sponsors',
-    link: 'sponsors',
-  },
-  {
-    title: 'Contact us',
-    link: 'contact',
-  },
+export const navLinks = [
+  { name: 'About us', id: 'about us' },
+  { name: 'Events', id: 'events' },
+  { name: 'Sponsers', id: 'sponsers' },
+  { name: 'Contact Us', id: 'contact' },
 ];
 
 export const ButtonData = {