Atlas Super Club

Premium cinematic marketing and reservation platform untuk fictional Bali super club, dibangun dengan Next.js App Router dan motion-first design.

Key Features

• Premium landing page dengan cinematic UI • Reservation dan guestlist system • API validation menggunakan Zod • Email notification melalui Resend • GSAP ScrollTrigger untuk scroll animations • Lenis untuk smooth scrolling • Custom cursor dan micro-interactions • Responsive gallery, menu, VIP packages, dan testimonials • SEO metadata, sitemap, robots.txt, JSON-LD, dan Open Graph • Security headers dan rate limiting • Honeypot protection untuk form • Unit dan integration testing dengan Vitest

Tech Stack

Next.js 16, React 19, TypeScript, Tailwind CSS v4, GSAP, Lenis, Motion, Zod v4, Resend, Vitest, dan React Testing Library.

Architecture

Menggunakan Next.js App Router dengan pemisahan komponen layout, sections, UI primitives, API routes, validation, email service, dan shared types.

Sistem animasi menggunakan reusable GSAP ScrollTrigger primitives, sementara Lenis terintegrasi dengan GSAP ticker agar smooth scrolling dan scroll animations tetap sinkron.

Security

• Content Security Policy • HSTS dan security headers • X-Frame-Options dan Referrer-Policy • Shared client dan server validation • Rate limiting 5 request/menit/IP • Honeypot anti-spam • Secrets melalui environment variables

SEO & Performance

Implementasi mencakup canonical URL, Open Graph, Twitter Card, JSON-LD, sitemap, robots.txt, web manifest, generated favicon, dan optimized hero image untuk mendukung Core Web Vitals.

Deployment

Project siap untuk deployment setelah verifikasi dependency, type checking, dan production build.

Live Demo: https://atlassuperclub.vercel.app/

Repository: https://github.com/andikaputradev/atlassuperclub