Overview

The experience highlights the venue’s identity—authentic Neapolitan cuisine and fresh seafood—through clear storytelling and straightforward navigation. Prominent calls‑to‑action (menu, contact, directions) and subtle micro‑interactions deliver a sense of quality and consistent smoothness.

Content and features

A structured menu by categories, venue highlights, and a contact section with form and Google map to reach the restaurant. Galleries and carousels emphasize dishes and ambience while keeping load times in check and ensuring a consistent experience across devices.

Visuals and animation

GSAP + ScrollTrigger power refined motion: a scroll‑reactive “rotating pizza,” decorative elements with gentle parallax, and animated banners that set the pace. Section transitions are tuned to remain fluid and avoid visual jank.

UX and performance

Responsive design, accessible components, and LCP/CLS‑friendly optimizations (lazy media, optimized images). Solid form validation and unobtrusive feedback help users complete tasks effortlessly. Logging and error handling reinforce production‑grade quality.

Role and collaboration

I led the front‑end and UX, implementing GSAP/ScrollTrigger animations, the video hero, the structured menu, and the contact page with map—always focusing on performance and per‑page SEO metadata.

Technical highlights

• Next.js 15 + TypeScript with App Router and Web Vitals‑oriented tuning.
• GSAP/ScrollTrigger animations calibrated for smooth, stable rendering.
• Embla carousels and galleries, responsive and touch‑friendly.
• Tailwind‑based, accessible design system.
• Robust validation and clear UX feedback for forms.
• Media optimization and LCP/CLS mitigation.