Skin Care Landing Page

A responsive single-page application built with React and Vite, featuring a component-based architecture and a suite of animations powered by GSAP.

Key Feature

GSAP Animation Suite:

Animated Loading Screen: Displays a GSAP-animated count from 0 to 100 before the main content loads.

Scroll-Triggered Reveals: All page sections animate into view on scroll using ScrollTrigger.

Text Animation: A word-by-word reveal animation is implemented on the hero paragraph using SplitText.

Interactive Slider: The product carousel features programmatic scrolling controlled by arrow buttons.

Stateful Accordion: The FAQ section is a fully functional accordion, managing state to ensure only one item is open at a time.

Centralized Data: All static data (FAQ, products, values) is managed in a single constants file for maintainability and scalability.