music and animation system

2026-03-13 15:49:53 +01:00
parent 4916a2fc7b
commit 166ae50c49
24 changed files with 785 additions and 15 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -12,6 +12,7 @@ import ThemeProvider from './_providers/ThemeProvider'
 import GsapProvider from "./_providers/GsapProvicer";
 import { CodeHighlightStyle } from "./_components/CodeHighlightSyle";
 import { cn } from "~/lib/utils";
+import AnimatedBackGroundContainer from "./_components/Animated/AnimatedBackGroundContainer";

 const inter = Inter({ subsets: ['latin'], variable: '--font-sans' });

@@ -28,7 +29,6 @@ const geist = Geist({
 	variable: "--font-geist-sans",
 });

-
 export default async function RootLayout({
 	children,
 	modal
@@ -44,11 +44,13 @@ export default async function RootLayout({
 						</head>
 						<body className="flex flex-col bg-background text-foreground">
 							<ThemeProvider>
+							<AnimatedBackGroundContainer followSpeed={0.003} particleCount={100} orbitRadius={2000}>
 								<TopNav />
 								<main className="absolute lg:top-10 h-screen w-screen">
 									{children}
 								</main>
 								{modal}
+							</AnimatedBackGroundContainer>
 							</ThemeProvider>
 						</body>
 					</html>