Implement Moon Phases Webpage with Smooth Scroll Transitions

## 📌 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)