Smooth Move is a modern, responsive website for a moving and transport company. It features a real-time space calculator divided by room categories, a contact form with email submission, interactive UI elements like parallax backgrounds and accordions, embedded Google Maps, and a lazy-loaded image gallery. The site is designed to provide users with an intuitive and visually appealing experience across devices.
🔗 Live: https://monisax92.github.io/SmoothMove/
- 📦 Real-time transport space calculator with 9 room categories (e.g., bedroom, dining room, family room, hall)
- 🧮 Dynamic item table per category showing quantity inputs and calculated volume
- 💾 Persisted input values per category that update totals immediately
- 📧 Contact form with actual email sending functionality and simple thank-you confirmation page
- 🎥 Background video for visual impact
- 🌄 Parallax effect with fixed background images on scroll
- 🗺️ Embedded Google Maps showing company location
- ❓ Accordion for FAQ section
- 🖼️ Lazy-loaded gallery images for optimized performance
- 📱 Responsive mobile menu with hamburger toggle
- 💻 JavaScript (ES6 modules) for UI logic and interactivity
- 🎨 CSS/PostCSS with modern styling techniques
- 📚 Lodash utilities for optimized event handling
- 🖼️ lazysizes for image lazy loading
- 🛠️ Webpack for bundling and development workflow
You only need this section if you're cloning the project and running it locally.
git clone https://github.com/monisax92/SmoothMove.git
cd SmoothMovenpm install
npm run dev
The project is deployed with Github pages:
https://monisax92.github.io/SmoothMove/