90:I[903690,["/chat-static/_next/static/immutable/chunks/01sl0c9pl0qdb.js","/chat-static/_next/static/immutable/chunks/2s3szdh4sj8a9.js","/chat-static/_next/static/immutable/chunks/3xyjq7r3rp-0l.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/1o_8apc9t7n_q.js","/chat-static/_next/static/immutable/chunks/0fyg5jcc_36eb.js","/chat-static/_next/static/immutable/chunks/0-_o4hpte0vl3.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/1y9-5e-fp9k6t.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/23x0uxq0ixyge.js","/chat-static/_next/static/immutable/chunks/114n8e2ac_jia.js","/chat-static/_next/static/immutable/chunks/2-zc2feaz59tm.js","/chat-static/_next/static/immutable/chunks/1kujltmqborp7.js","/chat-static/_next/static/immutable/chunks/1e5k5x1kcenwe.js","/chat-static/_next/static/immutable/chunks/3z2ytqe4qbkve.js","/chat-static/_next/static/immutable/chunks/06bkmbcp63szl.js","/chat-static/_next/static/immutable/chunks/2o77ap5zb_ifo.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/0tx1sb8vbv047.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/3cvxogyz6xpjg.js","/chat-static/_next/static/immutable/chunks/2hg_3ekwt--82.js","/chat-static/_next/static/immutable/chunks/2s-5grvetxapr.js","/chat-static/_next/static/immutable/chunks/2u6_2ad6hwbai.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/3pxk47hjn0did.js","/chat-static/_next/static/immutable/chunks/07eqtr9u13p8o.js","/chat-static/_next/static/immutable/chunks/0fj67g2v7z6dn.js","/chat-static/_next/static/immutable/chunks/1_3nupe4fj8_j.js","/chat-static/_next/static/immutable/chunks/3pdq-c388l9_h.js","/chat-static/_next/static/immutable/chunks/2wk-_3iiphdba.js","/chat-static/_next/static/immutable/chunks/0xunim41jv4uc.js","/chat-static/_next/static/immutable/chunks/1o67gobwzeh_t.js","/chat-static/_next/static/immutable/chunks/0i_4ee17lvtso.js"],"ExplicitChatIdProvider"] 91:I[838238,["/chat-static/_next/static/immutable/chunks/01sl0c9pl0qdb.js","/chat-static/_next/static/immutable/chunks/2s3szdh4sj8a9.js","/chat-static/_next/static/immutable/chunks/3xyjq7r3rp-0l.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/1o_8apc9t7n_q.js","/chat-static/_next/static/immutable/chunks/0fyg5jcc_36eb.js","/chat-static/_next/static/immutable/chunks/0-_o4hpte0vl3.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/1y9-5e-fp9k6t.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/23x0uxq0ixyge.js","/chat-static/_next/static/immutable/chunks/114n8e2ac_jia.js","/chat-static/_next/static/immutable/chunks/2-zc2feaz59tm.js","/chat-static/_next/static/immutable/chunks/1kujltmqborp7.js","/chat-static/_next/static/immutable/chunks/1e5k5x1kcenwe.js","/chat-static/_next/static/immutable/chunks/3z2ytqe4qbkve.js","/chat-static/_next/static/immutable/chunks/06bkmbcp63szl.js","/chat-static/_next/static/immutable/chunks/2o77ap5zb_ifo.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/0tx1sb8vbv047.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/3cvxogyz6xpjg.js","/chat-static/_next/static/immutable/chunks/2hg_3ekwt--82.js","/chat-static/_next/static/immutable/chunks/2s-5grvetxapr.js","/chat-static/_next/static/immutable/chunks/2u6_2ad6hwbai.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/3pxk47hjn0did.js","/chat-static/_next/static/immutable/chunks/07eqtr9u13p8o.js","/chat-static/_next/static/immutable/chunks/0fj67g2v7z6dn.js","/chat-static/_next/static/immutable/chunks/1_3nupe4fj8_j.js","/chat-static/_next/static/immutable/chunks/3pdq-c388l9_h.js","/chat-static/_next/static/immutable/chunks/2wk-_3iiphdba.js","/chat-static/_next/static/immutable/chunks/0xunim41jv4uc.js","/chat-static/_next/static/immutable/chunks/1o67gobwzeh_t.js","/chat-static/_next/static/immutable/chunks/0i_4ee17lvtso.js"],"SWRDataProvider"] 92:T8932,[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { DynamicIsland } from "@/components/dynamic-island" import { WavyBackground } from "@/components/wavy-background" import { Clock } from "@/components/clock" export default function Home() { const [islandMode, setIslandMode] = useState< "hidden" | "compact" | "call" | "music" | "music-expanded" | "notification" | "charging" >("compact") return (

Dynamic Island Controls

Click on the music player to expand it. Use the volume icon to show volume controls.

) } [V0_FILE]typescriptreact:file="components/wavy-background.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" export function WavyBackground() { const canvasRef = useRef(null) useEffect(() => { const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext("2d") if (!ctx) return // Set canvas dimensions const setCanvasDimensions = () => { canvas.width = window.innerWidth canvas.height = window.innerHeight } setCanvasDimensions() window.addEventListener("resize", setCanvasDimensions) // Wave parameters const waves = [ { amplitude: 25, frequency: 0.02, speed: 0.01, color: "rgba(59, 130, 246, 0.2)", phase: 0 }, { amplitude: 15, frequency: 0.03, speed: 0.015, color: "rgba(99, 102, 241, 0.15)", phase: 2 }, { amplitude: 10, frequency: 0.04, speed: 0.02, color: "rgba(139, 92, 246, 0.1)", phase: 4 }, ] // Noise texture const noiseCanvas = document.createElement("canvas") const noiseCtx = noiseCanvas.getContext("2d") if (!noiseCtx) return noiseCanvas.width = 256 noiseCanvas.height = 256 // Generate noise texture const generateNoise = () => { const imageData = noiseCtx.createImageData(noiseCanvas.width, noiseCanvas.height) const data = imageData.data for (let i = 0; i < data.length; i += 4) { const value = Math.floor(Math.random() * 100) data[i] = value data[i + 1] = value data[i + 2] = value data[i + 3] = 10 // Low alpha for subtle effect } noiseCtx.putImageData(imageData, 0, 0) } generateNoise() // Animation loop const animate = () => { ctx.clearRect(0, 0, canvas.width, canvas.height) // Draw gradient background const gradient = ctx.createLinearGradient(0, 0, 0, canvas.height) gradient.addColorStop(0, "#f0f9ff") gradient.addColorStop(1, "#e0f2fe") ctx.fillStyle = gradient ctx.fillRect(0, 0, canvas.width, canvas.height) // Apply noise texture ctx.globalAlpha = 0.05 ctx.drawImage(noiseCanvas, 0, 0, canvas.width, canvas.height) ctx.globalAlpha = 1 // Draw waves waves.forEach((wave) => { wave.phase += wave.speed ctx.beginPath() ctx.moveTo(0, canvas.height / 2) for (let x = 0; x < canvas.width; x++) { const y = Math.sin(x * wave.frequency + wave.phase) * wave.amplitude + canvas.height / 2 ctx.lineTo(x, y) } ctx.lineTo(canvas.width, canvas.height) ctx.lineTo(0, canvas.height) ctx.closePath() ctx.fillStyle = wave.color ctx.fill() }) requestAnimationFrame(animate) } animate() return () => { window.removeEventListener("resize", setCanvasDimensions) } }, []) return

About

Tags

Share

About

Tags

Share

More from papingothegamer

More Templates Like This