AAA Adrian Alvarez Alonso Portfolio
GitHub Repository

Navigation Menu

Mobile navigation menu with links to projects, blog and social media

NANO-9 Interactive Hero and PreloaderNANO-9 Minimal Slider and Project Showcase

NANO-9

See the project live

A high-end portfolio powered by Astro, showcasing premium websites and digital experiences with refined motion design and interaction. It uses GSAP-driven animations, a custom cursor control, and an elegant contact workflow to reflect luxury brand aesthetics.

Challenge

To develop a user experience that simulates the luxury aesthetic and refined movement of high-end design agencies, while maintaining excellent performance. The key challenge was orchestrating complex GSAP-driven animations (preloader, slider, text reveal with SplitText) and managing a clean, secure email flow using Astro Actions.

Solutions

The platform was built using Astro for static speed and integrated GSAP with `CustomEase` and `SplitText` to precisely handle all motion interactions. The design centered on a 'Minimal Slider' with wheel/touch navigation, and a clean contact flow was implemented using Astro Actions and the Resend API for secure email delivery.

TechStack