Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yarzik7/carp-travel
Landing page for CarpTravel agency
https://github.com/yarzik7/carp-travel
nextjs react-hook-form slider swiper-js tailwindcss
Last synced: about 1 month ago
JSON representation
Landing page for CarpTravel agency
- Host: GitHub
- URL: https://github.com/yarzik7/carp-travel
- Owner: Yarzik7
- Created: 2023-09-09T01:57:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-22T15:53:27.000Z (8 months ago)
- Last Synced: 2024-04-23T15:51:02.208Z (8 months ago)
- Topics: nextjs, react-hook-form, slider, swiper-js, tailwindcss
- Language: JavaScript
- Homepage: https://carp-travel-jade.vercel.app
- Size: 54.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
CarpTravel Website
About website
Landing page for the CarpTravel travel company that provides active recreation services in the Carpathians.
Features
-
Adaptive layout
Thanks to the adaptive layout, the site can adapt to different screen widths of devices such as smartphones, tablets or desktops.
-
Slider
Using the Swiper library, a slider was added to the "We offer" and "Our gallery" sections of the site. Using scrolling gestures and buttons, it makes it easy to scroll through gallery photos and service information text blocks, enhancing the overall user experience.
-
Form validation
The site includes form validation using the React Hook Form library. This allows you to inform the user that he has not correctly entered the data in the form fields before sending.
Technology Stack
![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![Swiper](https://img.shields.io/badge/Swiper-gray?style=for-the-badge&logo=swiper&logoColor=0070e4)
![React Hook Form](https://img.shields.io/badge/React%20Hook%20Form-%23EC5990.svg?style=for-the-badge&logo=reacthookform&logoColor=white)