add of text, button and background for the home

2025-08-24 23:24:56 +02:00
parent c8214899db
commit a80bd8e2f2
12 changed files with 224 additions and 15 deletions
@@ -0,0 +1,24 @@
+import React from "react";
+import "../../styles/thirdParty/Background.css";
+
+export default function Background() {
+    return (
+        <div className="space-background">
+            {[...Array(100)].map((_, i) => (
+                <div
+                    key={i}
+                    className="star"
+                    style={{
+                        top: `${Math.random() * 100}%`,
+                        left: `${Math.random() * 100}%`,
+                        animationDelay: `${Math.random() * 5}s`,
+                    }}
+                />
+            ))}
+            <div className="nebula nebula1"></div>
+            <div className="nebula nebula2"></div>
+            <div className="nebula nebula3"></div>
+            <div className="planet"></div>
+        </div>
+    );
+}