Merge pull request #6 from standleypg-dev/ui-redesign

feat: add RoverStrip component with interactive rover simulation

Author: standleypg

.claude/settings.local.json

@@ -0,0 +1,8 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm run *)",
+      "Bash(curl -s -o /dev/null -w \"%{http_code}\" http://localhost:5173/)"
+    ]
+  }
+}

src/components/Hero.tsx

@@ -8,6 +8,7 @@ import { scrollToSection } from "../utils/scroll";
 // three.js is by far the heaviest dependency; keep it out of the main bundle
 // so the page becomes interactive before the starfield loads.
 const Hero3D = lazy(() => import("./Hero3D"));
+const RoverStrip = lazy(() => import("./rover/RoverStrip"));
 
 const Hero = () => {
   const years =
@@ -43,6 +44,11 @@ const Hero = () => {
         className="pointer-events-none absolute -top-48 right-[-12%] h-[36rem] w-[36rem] rounded-full bg-blue-500/[0.07] blur-3xl dark:bg-blue-400/[0.08]"
       />
 
+      {/* Drivable/flyable moon rover toy over a lunar strip at the hero's bottom */}
+      <Suspense fallback={null}>
+        <RoverStrip />
+      </Suspense>
+
       <div className="container relative z-10 mx-auto px-4 sm:px-6 lg:px-8">
         <div className="mx-auto max-w-4xl py-28 sm:py-32">
           <div className="mb-10 flex items-center gap-4">