View DEMO
A simplified landing page of a Ukrainian travel company that shows the user information about the company, a basic set of services, and also provides an opportunity to send an application and join the team.
The project was built using npx create-next-app@latest, which set up initial project structure automatically including TS, ESLint, Tailwind CSS, App Router, 'src/' directory and import alias (@/*) as well. To get acquainted and configure additional features refer to documentation.
It has responsive (till screen width 480px) and adaptive (more than 480px) design. General styles were created using Tailwind CSS. Some specific elements (such as pseudo-elements or background images) were styled with CSS.
Image sliders for sections "Services" and "Gallery" were implemented using Swiper.
Forms were created and validated using React Hook Form combining with react-input-mask package.
- Next.js
- React.js
- TypeScript
- Swiper
- React Hook Form
- react-input-mask
- Tailwind CSS
Full list of dependencies and additional information is available in package.json file.