diff --git a/components/Starfield copy.tsx b/components/Starfield copy.tsx new file mode 100644 index 0000000..9f6947f --- /dev/null +++ b/components/Starfield copy.tsx @@ -0,0 +1,41 @@ +"use client"; +import { motion } from "framer-motion"; +import { useState } from "react"; +import { Star } from "@/types/space" + +export default function Starfield() { + const [stars] = useState(() => + Array.from({ length: 80 }).map((_, i) => ({ + id: i, + left: `${Math.random() * 100}%`, + top: `${Math.random() * 100}%`, + size: Math.random() * 2 + 1, + duration: 2 + Math.random() * 3, + delay: Math.random() * 5, + })) + ); + + return ( +
+
+ {stars.map((star) => ( + + ))} +
+ ); +} \ No newline at end of file diff --git a/components/Starfield.tsx b/components/Starfield.tsx index 9f6947f..7c5f436 100644 --- a/components/Starfield.tsx +++ b/components/Starfield.tsx @@ -16,7 +16,8 @@ export default function Starfield() { ); return ( -
+
+ {/*
*/}
{stars.map((star) => (