[V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata, Viewport } from "next" import { Space_Grotesk, Syne, JetBrains_Mono } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], variable: "--font-space-grotesk", display: "swap", }) const syne = Syne({ subsets: ["latin"], variable: "--font-syne", display: "swap", }) const jetbrainsMono = JetBrains_Mono({ subsets: ["latin"], variable: "--font-jetbrains", display: "swap", }) export const metadata: Metadata = { title: "VØID CØRP | Temporal Design Collective", description: "We exist in 17 simultaneous temporal states. Corporate portfolio transcending conventional reality.", keywords: ["design", "technology", "temporal", "avant-garde", "corporate", "portfolio"], } export const viewport: Viewport = { themeColor: "#0f0a1a", width: "device-width", initialScale: 1, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/noise-overlay.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" export function NoiseOverlay() { const canvasRef = useRef(null) useEffect(() => { const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext("2d") if (!ctx) return const resize = () => { canvas.width = window.innerWidth canvas.height = window.innerHeight } resize() window.addEventListener("resize", resize) let animationId: number const noise = () => { const imageData = ctx.createImageData(canvas.width, canvas.height) const data = imageData.data for (let i = 0; i < data.length; i += 4) { const value = Math.random() * 255 data[i] = value data[i + 1] = value data[i + 2] = value data[i + 3] = 8 // Very subtle opacity } ctx.putImageData(imageData, 0, 0) animationId = requestAnimationFrame(noise) } noise() return () => { window.removeEventListener("resize", resize) cancelAnimationFrame(animationId) } }, []) return

ANALYSIS

CAPABILITIES

CONTACT

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This