Rustic Roots Salon
About this project
Personally designed business website that perfectly captures the rustic and natural theme of the salon. With a minimalistic approach, the website showcases the services, about the salon, images of their clients, and contact information in a clean and visually appealing layout. The use of earthy tones, natural textures, and high-quality imagery creates a welcoming and serene online experience for visitors. The static website provides a seamless and informative platform for clients to learn about the salon and its offerings, ultimately driving engagement and business growth.
- NextJs/ReactJs
- TailwindCSS
- Leaftlet Map
Features:
Interactive Map
- Interactive map built using "Leaflet" npm with custom gif marker to pin the salon's location.
Responsive Designs/Layouts
- The app is fully responsive, ensuring that the layout adapts seamlessly across different devices, maintaining a clean and user-friendly experience on both desktop and mobile using CSS3 media query.
Image Slider
- Created from scratch using array of images rendered conditionally using useState and useEffect with React.
Image Gallery
- Masonry grid style using "columns" css layout and useState to pass the value to the modal on click of each images.