Live Site

This is a React(Next js) web application repository with a figma design. you can check out the design Here

Folder Structure

.
|   .babelrc
|   .eslintrc.json
|   .gitignore
|   next.config.js
|   output.doc
|   package-lock.json
|   package.json
|   postcss.config.js
|   README.md
|   tailwind.config.js
|   
+---api
|       fetchApi.js
|       
+---components
|   |   index.js
|   |   SearchFilters.jsx
|   |   
|   +---Connect
|   |       Connect.jsx
|   |       index.js
|   |       
|   +---Discover
|   |       Discover.jsx
|   |       ImageHolder.jsx
|   |       index.js
|   |       
|   +---FeaturedProperties
|   |       FeaturedProperties.jsx
|   |       index.js
|   |       Property.jsx
|   |       
|   +---Footer
|   |       Footer.jsx
|   |       index.js
|   |       LinkColumn.jsx
|   |       SocialMedia.jsx
|   |       
|   +---Layout
|   |       index.js
|   |       Layout.jsx
|   |       
|   +---Main
|   |       index.js
|   |       InputForm.jsx
|   |       InputHolder.jsx
|   |       Main.jsx
|   |       
|   +---Navbar
|   |   |   DropDown.jsx
|   |   |   index.js
|   |   |   LinkHandler.jsx
|   |   |   Navbar.jsx
|   |   |   
|   |   \---MobileNavbar
|   |           index.js
|   |           MobileNavbar.jsx
|   |           
|   +---OurServices
|   |       index.js
|   |       OurServices.jsx
|   |       
|   +---PeopleSection
|   |       index.js
|   |       PeopleSection.jsx
|   |       
|   \---SwiperHandler
|           SwiperHandler.jsx
|           
+---config
|       discoverOptions.js
|       dropDownOptions.js
|       filterData.js
|       footerOptions.js
|       mobileNavbarOptions.js
|       options.js
|       OurServicesOptions.js
|       
+---pages
|   |   404.js
|   |   index.js
|   |   search.js
|   |   _app.js
|   |   
|   \---property
|           [id].js
|           
+---public
|   |   favicon.ico
|   |   
|   \---Images
|      ...
\---styles
        globals.css

how to Setup ::heavy_check_mark:

1: npm install
2: npm run dev