CoolerOstrichClubWebsite

About

Landing Page for the Cooler Ostrich Club NFT Project made with React

Link to website: coolerostrichclub.com

Features

Navbar

• Responsive navbar

Hero section

• Responsive hero section
• Spinning cube animation made with swiper.js
• GSAP animation

About section

• Responsive about section
• GSAP animation

Stats section

• Responsive stats section
• Using real time data from opensea api to get stats from collection
• GSAP animation

Roadmap section

• Responsive roadmap section
• GSAP animation

Library section

• Responsive library section
• Fetching data from json file
• GSAP animation

FAQ section

• Responsive faq section
• GSAP animation

Footer

• Responsive footer

Dependencies

• "@emotion/react": "^11.5.0",
• "@emotion/styled": "^11.3.0",
• "@fortawesome/free-brands-svg-icons": "^5.15.4",
• "@fortawesome/free-solid-svg-icons": "^5.15.4",
• "@fortawesome/react-fontawesome": "^0.1.16",
• "@material-ui/core": "^4.12.3",
• "@material-ui/icons": "^4.11.2",
• "@mui/icons-material": "^5.0.4",
• "@testing-library/jest-dom": "^5.14.1",
• "@testing-library/react": "^11.2.7",
• "@testing-library/user-event": "^12.8.3",
• "axios": "^0.24.0",
• "gsap": "^3.8.0",
• "react": "^17.0.2",
• "react-dom": "^17.0.2",
• "react-scripts": "4.0.3",
• "swiper": "^6.8.4",
• "web-vitals": "^1.1.2"