Implement Moon Phases Webpage with Smooth Scroll Transitions

[Tanish2207]

📌 Description:

Develop a single-page React website that visually presents the 8 phases of the moon 🌕🌖🌗🌘🌑🌒🌓🌔.

Each phase should be displayed in a dedicated full-screen section, featuring a high-quality image and a brief description.

✨ Implement smooth scroll transitions and engaging animations using Framer Motion or GSAP for a seamless and immersive experience.
✨ Display all 8 moon phases, one at a time 🌕
✨ Ensure smooth transitions between sections (e.g., fade-in, slide-in effects)

Extra Features:

⚡ Make the website responsive
💫 Add interactive elements (e.g., users can click a moon phase for more details)
🎨 Participants are encouraged to explore and express their creativity while designing the animations and transitions!

Sample Images:

Tech Stack

React JS, Framer Motion/GSAP (or any other library)