CarpTravel is a travel-themed web application designed to provide users with a seamless travel experience. Explore our services, gallery, and get in touch with us!

🔗 Live Demo: CarpTravel

• Next.js 13 (using app router)
• Tailwind CSS
• Typescript

• Design Mockup: SoftRyzen

• Non-fixed header containing logo and navigation menu.
• Navigation menu with section items.
• Smooth scrolling to sections using react-scroll.

• "Join Now" button for smooth scrolling to the Contacts section.

• Slider with different background images using KeenSlider.
• Image appearance with Fade effect.
• Active item is stylistically highlighted with a corresponding call-to-action text.

• Form validation using react-hook-form and Tailwind CSS for error styling.

• Infinite slider with larger active slide.
• Slide change through buttons or dragging.

• Form validation using react-hook-form and Tailwind CSS for error styling.

• Fixed layout in px.
• Semantic and valid markup with a bonus for accessibility (a11y).
• Adaptive and cross-browser layout: mobile from 320px, tablet from 768px, desktop from 1280px. Layout from 320 to 480 is fluid (stretchable).
• Use the Mobile-first approach.
• Clean code with maintained formatting. Recommended use of ESLint/Prettier.
• Code split into separate components.
• Styling with Tailwind CSS. For background images and pseudo-elements, use CSS.
• The project uses Next.js 13 (using app router).

1. Clone the repository.
2. Install the dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 in your browser.

Deploy your Next.js app on Vercel, the platform from the creators of Next.js.

For more details, check out the Next.js deployment documentation.