diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9964d1a..e25a1ac 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,10 @@
 "use client"
 
+import { useState, useEffect } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
+import MusicPlayer from '@/components/MusicPlayer/MusicPlayer';
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -26,6 +28,8 @@ export default function CoffeePage() {
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
+      <MusicPlayer />
+      
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={[