feat: add audio player and update navigation menu

- Added new audio player component with background music autoplay functionality
- Updated navigation menu items and styling:
  - Renamed menu items to MENUS, STORY, EVENTS, CONTACT
  - Modified link styling with new gray color scheme and tracking
- Installed react-audio-player dependency for audio functionality
- Adjusted Hero component layout to improve vertical centering
- Integrated AudioPlayer component in main page layout with fixed positioning

package-lock.json

@@ -24,6 +24,7 @@
         "next": "^14.0.4",
         "postcss": "^8.4.39",
         "react": "^18.2.0",
+        "react-audio-player": "^0.17.0",
         "react-card-slider-component": "^1.0.9",
         "react-dom": "^18.2.0",
         "react-slick": "^0.30.2",
@@ -22204,6 +22205,19 @@
       "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
       "license": "MIT"
     },
+    "node_modules/react-audio-player": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/react-audio-player/-/react-audio-player-0.17.0.tgz",
+      "integrity": "sha512-aCZgusPxA9HK7rLZcTdhTbBH9l6do9vn3NorgoDZRxRxJlOy9uZWzPaKjd7QdcuP2vXpxGA/61JMnnOEY7NXeA==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.7.2"
+      },
+      "peerDependencies": {
+        "react": ">=16",
+        "react-dom": ">=16"
+      }
+    },
     "node_modules/react-card-slider-component": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/react-card-slider-component/-/react-card-slider-component-1.0.9.tgz",