Skip to content

A sleek, animated, and responsive Cocktail Landing Page built with React and GSAP for smooth animations.

Notifications You must be signed in to change notification settings

4ssh1/cocktail-website

Repository files navigation

🍸 Cocktail Landing Page

A sleek, animated, and responsive Cocktail Landing Page built with React, TypeScript, Tailwind CSS, and GSAP for smooth animations. This project showcases a vibrant user interface for a cocktail-themed product or brand using modern frontend technologies.

React TypeScript TailwindCSS GSAP

Visitors


✨ Features

  • ⚡ Smooth entrance and scroll-triggered animations with GSAP
  • 🎨 Fully responsive and mobile-friendly layout with Tailwind CSS
  • 📘 Built with strict type safety using TypeScript
  • ⚛️ Component-based architecture using React
  • 🍹 Stylish, modern design tailored for a cocktail brand or promotion
  • 🚀 Lightweight and blazing fast landing page

Screenshot 2026-02-07 230328

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/4ssh1/cocktail-website.git
cd cocktail-website

2. Install Dependencies

npm install
# or
yarn install

3. Run the Development Server

npm run dev
# or
yarn dev

🛠️ Technologies Used

  • React – Frontend library for building UI

  • TypeScript – JavaScript with static types

  • Tailwind CSS – Utility-first CSS framework

  • GSAP (GreenSock Animation Platform) – High-performance animation library

📄 License

This project is licensed under the MIT License. Feel free to use and modify it for personal or commercial purposes.

About

A sleek, animated, and responsive Cocktail Landing Page built with React and GSAP for smooth animations.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published