SpaceExplorer landing page

Landing Page HTML dengan tema "Space Explorer" yang konsisten dengan desain sebelumnya. Halaman ini mencakup Navbar, Hero Section, Fitur, Statistik, dan Footer.

Struktur Halaman Utama: 

1. Navbar (Navigasi) 

• Fixed di bagian atas dengan efek glassmorphism (blur transparan).
• Desktop: Menu horizontal lengkap dengan tombol "Masuk" dan "Mulai Eksplorasi".
• Mobile: Berubah menjadi ikon "Hamburger" yang bisa diklik untuk memunculkan menu dropdown.
• Link memiliki efek hover berupa garis bawah yang meluas.

2. Hero Section 

• Grid Layout: Teks di kiri, Visual di kanan (desktop). Menjadi satu kolom di mobile.
• Visual Astronaut: Menggunakan SVG yang sama dengan desain sebelumnya, ditambah efek Floating (melayang) dan Glow.
• Orbit Animation: Elemen lingkaran yang berputar di sekitar astronot menambah kesan dinamis.
• Typography: Menggunakan font Orbitron untuk judul besar yang tegas dan futuristik.

3. Features Section 

• Responsive Grid: Menyesuaikan jumlah kolom (3 kolom di desktop, 1 kolom di mobile).
• Card Hover: Kartu terangkat sedikit dan border menyala saat di-hover.
• Icon: Menggunakan inline SVG untuk memastikan kualitas gambar tetap tajam.

4. Stats Section 

• Angka besar dengan gradien warna cerah (Cyan ke Magenta) sebagai focal point.
• Latar belakang gradien ungu untuk membedakan section ini dari yang lain.

5. CTA (Call to Action) Section 

• Desain kartu dengan border gradien dan efek cahaya di dalamnya.
• Tujuannya untuk menarik perhatian pengguna untuk mendaftar.

6. Footer 

• Layout Grid 4 kolom (Brand, Eksplorasi, Perusahaan, Dukungan).
• Responsif: Menumpuk vertikal di layar kecil.

7. Animasi & JS 

• Stars: Dibuat dinamis via JavaScript.
• Scroll Reveal: Elemen muncul dengan efek slide-up saat di-scroll (menggunakan IntersectionObserver sederhana melalui event scroll).
• Reduced Motion: Tetap menghormati pengaturan pengguna yang tidak ingin animasi berlebihan.