'use client'; import React, { useEffect, useState } from 'react'; import { Play, Disc, Monitor, ArrowDown } from 'lucide-react'; import gsap from 'gsap'; import { useScramble, RetroGrid, CRTOverlay } from '@/src/components/CoreLandingPages/HeroSections/tsx/Retro80s'; // --- Main Hero Component --- export default function Retro80s() { const [booted, setBooted] = useState(false); const title = useScramble("NEO_SYNTH", 50, booted); const sub = useScramble("SYSTEM ONLINE // READY FOR INPUT", 30, booted); useEffect(() => { // Simulate system boot delay const timer = setTimeout(() => setBooted(true), 500); // GSAP floating elements gsap.to('.floating', { y: -15, duration: 2, yoyo: true, repeat: -1, ease: 'sine.inOut', stagger: 0.2 }); return () => clearTimeout(timer); }, []); return (

{/* Background Layers */} {/* Navigation */} {/* Main Content */}

{/* Top Glitch Badge */}

SECURE CONNECTION

{/* Massive Title */}

{title}

{/* Subtitle */}

{sub} _

{/* Retro Buttons */}

{/* Decorative Floating Elements */}

{/* Right Side Data */}

CPU_TEMP

42°C

MEM_USAGE

64TB

UPTIME

09:14:21

{/* Scroll Indicator */}

Scroll to Enter

); }

Property	Type	Default	Description
neonColor1	string	#ff00ff	First neon color (magenta).
neonColor2	string	#00ffff	Second neon color (cyan).
glowIntensity	number	1	Intensity of neon glow effects (0-2).
enableScanlines	boolean	true	Enable retro CRT scanline effects.

Retro 80s

Props