Header: Our header features a distinctive logo and a convenient burger menu. When you click on the burger icon, a menu opens with links leading to specific sections of the page, including:
Home About Us Services Career Gallery Contact
The app uses react-scroll for navigation. The available sections are:
Home- Welcome section
The homepage welcomes you with a captivating image of the Carpathians and a brief description of the site. Embark on a journey to discover the secrets of the Carpathians by clicking the button, instantly diving into the world of adventures, leading to the Contacts section.
About Us- About Us section
In this section, you'll get acquainted with the CarpTravel team - a group of enthusiasts fully committed to the mission of creating unforgettable and extraordinary trips in the Carpathians. Our goal is not just to showcase the natural wonders of the mountains but to provide a profound immersion into their magical atmosphere.
Services- Services section
Explore a dynamic slider that showcases the diverse range of services offered. The slider features switchable backgrounds and content, ensuring an engaging and interactive user experience. Tailored to meet your preferences, our services guarantee an extraordinary journey through the Carpathians.
Career- Career section
Interested in joining our passionate team? The Career section houses a form for those who aspire to be a part of the CarpTravel family. Share your enthusiasm and commitment to creating memorable travel experiences.
Gallery- Gallery section
Immerse yourself in the beauty of the Carpathians through our 3D slider, presenting a stunning gallery of nature photographs. Let the visuals transport you to the heart of these mountains, enticing you to plan your next adventure with CarpTravel.
Contacts- Contacts section
Ready to embark on your Carpathian adventure? The Contacts section features a convenient form for inquiries and tour bookings. Connect with us, and let us help you plan an unforgettable trip to the Carpathians.
Implemented responsiveness and mobile menu for better UI.
To run the application locally, follow these steps:
- Clone the repository:
git clone https://github.com/Inna-Mykytiuk/secrets.git - Install dependencies:
npm install - Run the app:
npm run dev - Open http://localhost:3000 in your browser (Note: the port may be changed if 3000 port is occupied by another website).
-
Next.js: Next.js is a robust React framework designed for building modern and scalable web applications. It simplifies the development process by providing a structured architecture, server-side rendering, and efficient routing. With version 14.1.0, CarpTravel benefits from the latest features and enhancements, ensuring a smooth and performant user experience.
-
Tailwind CSS : Tailwind CSS is a utility-first CSS framework that significantly expedites the process of designing and styling web interfaces. With version 3.3.0, CarpTravel benefits from the latest utility classes, enabling the rapid creation of custom designs without sacrificing maintainability. The framework's modular and configurable nature aligns seamlessly with modern web development practices.
-
React-Scroll: Enhancing the scrolling experience on our website, React-Scroll adds a touch of sophistication, allowing users to glide smoothly between sections.
-
React-Swiper: Swiper is a cutting-edge, mobile-friendly touch slider that enhances the CarpTravel website with hardware-accelerated transitions and remarkable native behavior. The slider component becomes a key element in providing users with an immersive and interactive experience as they explore the various sections of the site.
-
Framer Motion: Framer Motion is a production-ready motion library specifically designed for React. It simplifies the creation of smooth and visually appealing animations within the CarpTravel site. Framer Motion enhances user engagement by adding dynamic and interactive elements, contributing to an enriched overall user experience.
-
React-hot-toast: To provide informative and visually appealing notifications to our users, we've integrated React-Toastify into our project. This library allows us to easily display toast messages, enhancing the overall user experience by delivering important updates and alerts in a non-intrusive manner.
-
TypeScript: TypeScript is a strict syntactical superset of JavaScript, introducing optional static typing to the CarpTravel project. With version 5.3.3, TypeScript aids in catching potential errors during development, improving code quality, and enhancing collaboration within the development team. The optional static typing provides additional clarity and documentation for the codebase, contributing to the overall maintainability of the CarpTravel website.
