Skip to content

AnujIstwal/GSAP_Cocktails

Repository files navigation

Mojito Landing Page

A modern and visually engaging landing page for the Mojito product, built with React, Tailwind CSS, and GSAP for smooth animations and responsive design.

Features

  • Built with React for component-based structure
  • Styled using Tailwind CSS for utility-first responsive design
  • GSAP powers smooth scroll and timeline animations
  • Responsive layout optimized for all device sizes
  • Fresh mint and lime inspired visual theme

Installation

  1. Clone the repository: git clone https://github.com/AnujIstwal/GSAP_Cocktails.git

  2. Navigate to the project folder: cd GSAP_Cocktails

  3. Install dependencies: npm install

  4. Run the development server: npm run dev

Open http://localhost:5173 (or the port shown in terminal) to view the landing page.

Deployment

The project is set up for easy deployment with Vercel or any static hosting provider supporting React apps.

Technologies Used

  • React
  • Vite (build tool)
  • Tailwind CSS
  • GSAP (GreenSock Animation Platform)
  • JavaScript (ES6+)

This project demonstrates modern frontend development practices including React component architecture, utility-first styling with Tailwind, and animation with GSAP, focusing on an attractive and interactive mojito product landing page.

About

A visually rich mojito landing page showcasing a hero section, product highlights, and call‑to‑action buttons, all crafted with React and Tailwind CSS. GSAP powers subtle motion and scroll-based animations to bring the lime-and-mint mojito experience to life across devices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors