# 🔥Build a Stunning Fashion Studio Website with React JS [ Locomotive Scroll + GSAP + Framer Motion ]

![GitHub stars](https://img.shields.io/github/stars/codebucks27/wibe-studio-starter-files?style=social&logo=ApacheSpark&label=Stars)  
![GitHub forks](https://img.shields.io/github/forks/codebucks27/wibe-studio-starter-files?style=social&logo=KashFlow&&label=Forks)  
![Github Followers](https://img.shields.io/github/followers/codebucks27.svg?style=social&label=Follow)&nbsp;&nbsp;<br />

This repository contains starter code for Fashion Studio Website in ReactJS. <br />

For the **Demo** and **Final Code** checkout this link👇: <br />
<a href="https://devdreaming.com/videos/build-stunning-fashion-studio-website-with-reactJS-locomotive-scroll-gsap" target="_blank">🔥Build a Stunning Fashion Studio Website with React JS</a> ![YouTube Video Views](https://img.shields.io/youtube/views/Ra1Fsa9YJCk?style=social) </br >


### Images of The Fashion Studio Website:
![HOME](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-Home-Desktop.png)
![ABOUT](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-About-Desktop.png)
![HOME](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-Home-Moblie.png)
![ABOUT](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-About-Mobile.png)


### Resources Used in This Project

Fonts: https://fontsource.org/ <br />

### External Libraries used in this project: 

[styled-components](https://styled-components.com/docs/advanced) <br />
[GSAP](https://greensock.com/gsap/) <br />
[Framer-mMtion](https://www.framer.com/motion/) <br />
[React-Locomotive-Scroll](https://www.npmjs.com/package/react-locomotive-scroll) <br />
[Locomotive-Scroll](https://www.npmjs.com/package/locomotive-scroll) <br />

### All The Resources Used in This Website Are from👇:

Walking Girl Video:<br />
Video by cottonbro from Pexels [https://www.pexels.com/@cottonbro]<br />

Images:<br />

Ring: Photo by Arif Syuhada from Pexels<br />
https://www.pexels.com/@arifsyd15<br />

Rings: Photo by cottonbro from Pexels<br />
https://www.pexels.com/@cottonbro<br />

Earings: Photo by say straight from Pexels<br />
https://www.pexels.com/@say-straight-1400349<br />

White Tee:Photo by cottonbro from Pexels<br />
https://www.pexels.com/@cottonbro<br />

black t-shirt girl: Photo by Lena Hsvl from Pexels<br />
https://www.pexels.com/@lenaneva<br />

Red girl: Photo by Yaroslava Borz from Pexels<br />
https://www.pexels.com/@yaroslava-borz-126286496<br />

Ethnic Wear: Photo by Artem Beliaikin from Pexels<br />
https://www.pexels.com/@belart84<br />

Suit: Photo by Chloe from Pexels<br />
https://www.pexels.com/@chloekalaartist<br />

cap male: Photo by cottonbro from Pexels<br />
https://www.pexels.com/@cottonbro<br />

Watches: Photo by Mister Mister from Pexels<br />
https://www.pexels.com/@bemistermister<br />

Denim: Photo by Denis Zagorodniuc from Pexels<br />
https://www.pexels.com/@imdennyz<br />

Jacket: Photo by Simon Robben from Pexels<br />
https://www.pexels.com/@simon-robben-55958<br />

Yellow T-shirt:Photo by RAUL REYNOSO from Pexels<br />
https://www.pexels.com/@raulkingr<br />

Yellow Dress: Photo by Godisable Jacob from Pexels<br />
https://www.pexels.com/@godisable-jacob-226636<br />



### Famous Quotes Used:
"Fashion is the armour to survive the reality of everyday life."<br />
-- bill cunningham

"One is never over-dressed or under-dressed with a Little Black Dress." —Karl Lagerfeld<br />

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).