heroicon
- https://heroicons.com/
- npm install @heroicons/react
section
[{"img":"https://links.papareact.com/5j2","location":"London","distance":"45-minute drive"},{"img":"https://links.papareact.com/1to","location":"Manchester","distance":"4.5-hour drive"},{"img":"https://links.papareact.com/40m","location":"Liverpool","distance":"4.5-hour drive"},{"img":"https://links.papareact.com/msp","location":"York","distance":"4-hour drive"},{"img":"https://links.papareact.com/2k3","location":"Cardiff","distance":"45-minute drive"},{"img":"https://links.papareact.com/ynx","location":"Birkenhead","distance":"4.5-hour drive"},{"img":"https://links.papareact.com/kji","location":"Newquay","distance":"6-hour drive"},{"img":"https://links.papareact.com/41m","location":"Hove","distance":"2-hour drive"}]
section
[{"img":"https://links.papareact.com/2io","title":"Outdoor getaways"},{"img":"https://links.papareact.com/q7j","title":"Unique stays"},{"img":"https://links.papareact.com/s03","title":"Entire homes"},{"img":"https://links.papareact.com/8ix","title":"Pet allowed"}]
info-card
[{"img":"https://links.papareact.com/xqj","location":"Private room in center of London","title":"Stay at this spacious Edwardian House","description":"1 guest · 1 bedroom · 1 bed · 1.5 shared bthrooms · Wifi · Kitchen · Free parking · Washing Machine","star":4.73,"price":"£30 / night","total":"£117 total","long":-0.0022275,"lat":51.5421655},{"img":"https://links.papareact.com/hz2","location":"Private room in center of London","title":"Independant luxury studio apartment","description":"2 guest · 3 bedroom · 1 bed · 1.5 shared bthrooms · Wifi · Kitchen","star":4.3,"price":"£40 / night","total":"£157 total","long":-0.095091,"lat":51.48695},{"img":"https://links.papareact.com/uz7","location":"Private room in center of London","title":"London Studio Apartments","description":"4 guest · 4 bedroom · 4 bed · 2 bathrooms · Free parking · Washing Machine","star":3.8,"price":"£35 / night","total":"£207 total","long":-0.135638,"lat":51.521916},{"img":"https://links.papareact.com/6as","location":"Private room in center of London","title":"30 mins to Oxford Street, Excel London","description":"1 guest · 1 bedroom · 1 bed · 1.5 shared bthrooms · Wifi · Kitchen · Free parking · Washing Machine","star":4.1,"price":"£55 / night","total":"£320 total","long":-0.069961,"lat":51.472618},{"img":"https://links.papareact.com/xhc","location":"Private room in center of London","title":"Spacious Peaceful Modern Bedroom","description":"3 guest · 1 bedroom · 1 bed · 1.5 shared bthrooms · Wifi · Free parking · Dry Cleaning","star":5.0,"price":"£60 / night","total":"£450 total","long":-0.08472,"lat":51.510794},{"img":"https://links.papareact.com/pro","location":"Private room in center of London","title":"The Blue Room In London","description":"2 guest · 1 bedroom · 1 bed · 1.5 shared bthrooms · Wifi · Washing Machine","star":4.23,"price":"£65 / night","total":"£480 total","long":-0.094116,"lat":51.51401},{"img":"https://links.papareact.com/8w2","location":"Private room in center of London","title":"5 Star Luxury Apartment","description":"3 guest · 1 bedroom · 1 bed · 1.5 shared bthrooms · Wifi · Kitchen · Free parking · Washing Machine","star":3.85,"price":"£90 / night","total":"£650 total","long":-0.109889,"lat":51.521245}]
add tailwind plugin
npm i tailwind-scrollbar-hide
tailwind.config.js
plugins: [
require("tailwind-scrollbar-hide")
],
add date module
https://hypeserver.github.io/react-date-range/
npm install react-date-range
import 'react-date-range/dist/styles.css'; // main css file import 'react-date-range/dist/theme/default.css'; // theme css file
add loading indicator
npm i @badrap/bar-of-progress
