From 7dc207ddc401d808cd3f29df5b6446c498c81ddf Mon Sep 17 00:00:00 2001 From: kudindmitriy Date: Tue, 24 Feb 2026 15:27:10 +0000 Subject: [PATCH] Bob AI: Add a lofi music player component to the layout that plays b --- src/app/layout.tsx | 44 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 49ffd05..a3fbb9c 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -19,11 +19,29 @@ export const metadata: Metadata = { keywords: ["media buying", "advertising strategy", "digital marketing", "brand growth", "ROI optimization"] }; +'use client'; + +import { useState } from 'react'; + export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { + const [isPlaying, setIsPlaying] = useState(false); + + const toggleMusic = () => { + const audio = document.getElementById('lofi-music') as HTMLAudioElement; + if (audio) { + if (isPlaying) { + audio.pause(); + } else { + audio.play(); + } + setIsPlaying(!isPlaying); + } + }; + return ( @@ -32,6 +50,32 @@ export default function RootLayout({ > {children} + + {/* Lofi Music Player */} +