Create a stunning luxury website with Next.js 15, GSAP, Prismic, and TypeScript!
I designed Côte Royale as a moody, premium-feeling fragrance site and taught the full build in this course. The focus is on craft: a reusable RevealText component for animated typography, a FadeIn component tied to ScrollTrigger, sticky scroll-linked sections, View Transitions between fragrance detail pages, and lazy-loaded video to protect performance.
Accessibility runs through the entire build. I use GSAP’s matchMedia to respect prefers-reduced-motion, and I explain why and when it matters rather than treating it as a checkbox. The content model is built in Prismic so a marketer could add fragrances or restructure pages without a developer. The course also covers the production layer: metadata setup, page and slice previews, on-demand revalidation, and deployment to Netlify.