bender/53fe21b3-03e6-46a7-bd4b-69b95698f5ff
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_6
Branches Tags
bender:main bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:main
Branches Tags
bender:main bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

2 Commits
version_6 ... main

Author SHA1 Message Date
kudindmitriy
7f53743eeb Bob AI: Move the 'use client' directive to the very top of the layou 2026-02-24 15:33:12 +00:00
bender
0afbf4cf86 Update src/app/layout.tsx 2026-02-24 15:32:58 +00:00
1 changed files with 3 additions and 54 deletions
Expand all files Collapse all files

57
src/app/layout.tsx
View File

@@ -13,35 +13,18 @@ const ubuntu = Ubuntu({
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Strategic Media Buying Expert | Drive Advertising Results",
description: "Professional media buying services that deliver measurable ROI. Expert strategies for brands and advertising professionals seeking impactful campaigns.",
keywords: ["media buying", "advertising strategy", "digital marketing", "brand growth", "ROI optimization"]
};
'use client';
import { useState } from 'react';
export const metadata: Metadata = {
title: "Strategic Media Buying Expert | Drive Advertising Results", description: "Professional media buying services that deliver measurable ROI. Expert strategies for brands and advertising professionals seeking impactful campaigns.", keywords: ["media buying", "advertising strategy", "digital marketing", "brand growth", "ROI optimization"]
};
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 (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
@@ -50,32 +33,6 @@ export default function RootLayout({
>
<Tag />
{children}
{/* Lofi Music Player */}
<audio
id="lofi-music"
src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3"
loop
preload="metadata"
/>
{/* Floating Music Toggle Button */}
<button
onClick={toggleMusic}
className="fixed bottom-6 right-6 z-50 w-14 h-14 rounded-full bg-gradient-to-br from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white shadow-lg hover:shadow-xl transition-all duration-300 flex items-center justify-center hover:scale-110 active:scale-95"
aria-label="Toggle lofi music"
title={isPlaying ? "Pause music" : "Play lofi music"}
>
{isPlaying ? (
<svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z" />
</svg>
) : (
<svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M8 5v14l11-7z" />
</svg>
)}
</button>
<script
dangerouslySetInnerHTML={{
@@ -138,14 +95,6 @@ export default function RootLayout({
' font-weight: 600 !important;' +
' font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;' +
' pointer-events: none !important;' +
'}';
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
' white-space: nowrap !important;' +
' box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;' +
' letter-spacing: 0.3px !important;' +