index.html (for LP) | Notion

LP

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<title>Dream Collector</title>

<style>

/* Background Gradient Animation */

@keyframes gradientAnimation {

0% { background-position: 0% 50%; }

25% { background-position: 100% 0%; }

50% { background-position: 100% 100%; }

75% { background-position: 0% 100%; }

100% { background-position: 0% 50%; }

}

/* Noise Overlay Animation */

@keyframes moveNoise {

0%, 100% { transform: translate(0, 0); }

10% { transform: translate(-5%, -10%); }

20% { transform: translate(-15%, 5%); }