Add RewindSection to PortfolioPreviewModal and remove scroll indicator from HeroSection

Author: amide-init

src/components/PortfolioPreviewModal.tsx

@@ -4,6 +4,7 @@ import { X, GitFork, Copy, Check, ExternalLink } from 'lucide-react'
 import HeroSection from '../templates/threejs/HeroSection'
 import GitHubSection from '../templates/threejs/GitHubSection'
 import StatsSection from '../templates/threejs/StatsSection'
+import RewindSection from '../templates/threejs/RewindSection'
 
 // ── Shared types (also used by NavSearch) ────────────────────────────────────
 
@@ -325,6 +326,7 @@ export function PortfolioPreviewModal({ user, repos, allRepos, onClose }: Props)
 
         {/* Render the actual threejs template sections with live data */}
         <HeroSection hero={hero} snapshot={snapshot} />
+        <RewindSection stats={stats} name={user.name ?? user.login} />
         <GitHubSection
           title="GitHub"
           body={`${user.name || user.login}'s public repositories on GitHub.`}

src/templates/threejs/HeroSection.tsx

@@ -327,21 +327,6 @@ export default function HeroSection({ hero, snapshot }: HeroSectionProps) {
 
         </div>
       </div>
-
-      {/* Scroll indicator */}
-      <div
-        className="absolute bottom-6 left-1/2 z-10 -translate-x-1/2 flex flex-col items-center gap-1.5"
-        aria-hidden="true"
-        style={{ animation: 'fadeInUp 0.7s 1.1s ease-out both' }}
-      >
-        <span className="text-[9px] font-semibold uppercase tracking-[0.3em] text-slate-600">Scroll</span>
-        <div className="flex h-8 w-5 items-start justify-center rounded-full border border-slate-700 pt-1.5">
-          <div
-            className="h-1.5 w-1 rounded-full bg-blue-400"
-            style={{ animation: 'fadeInUp 1.2s ease-in-out infinite' }}
-          />
-        </div>
-      </div>
     </section>
   )
 }