# Grapevine
<img src="mockup.png">

## About
This project is a landing page for a skin care product, Grapevine.

## Tools
Tools used for this project are:
1. React - used for bootstrapping the project
2. GSAP - for the animations
3. Locomotive Scroll - for the locomotive scroll on the site
4. imagesLoaded - to check if all the images are loaded and perform the needed action if true or otherwise
5. ThreeJS & HoverEffectJS - to perform transition when the images are hovered.

## Installation
npm install<br />
You can clone the repo and install the dependencies by typing the above command in your command line

## Start
npm start<br />
Runs the app in the development mode.<br />
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.<br />
You may also see any lint errors in the console.

## Note
This is a react version, I also made the static HTML version too. Check it here https://github.com/abdulsamadayoade/grapevine