Responsive website for a St. Louis Indian grocery business specializing in authentic Marathi spices, snacks & delicacies. Features cultural design elements, mobile-first approach, product showcase, testimonials & contact forms. Built with vanilla HTML/CSS/JS using Inter font.
Swadeshi Spice - Authentic Marathi Grocery Website A beautifully crafted, responsive website for a local Indian grocery business specializing in authentic Marathi spices, snacks, and delicacies in St. Louis, Missouri. The site combines modern web design with cultural authenticity to create a warm, community-focused online presence.
🌟 Features Design & User Experience
- Responsive Design: Mobile-first approach with seamless experience across all devices
- Cultural Authenticity: Warm saffron/turmeric orange and elegant dark blue color palette
- Modern Typography: Clean Inter font for professional, readable text
- Smooth Animations: Fade-in effects and hover interactions for engaging user experience
- Intuitive Navigation: Smooth scrolling and easy-to-use mobile menu
Business Features
- Product Showcase: Detailed sections for Marathi spices, snacks, and special delicacies
- Personal Story: Authentic narrative connecting heritage with local community
- Customer Testimonials: Real reviews from St. Louis area customers
- Multiple Contact Methods: Phone, WhatsApp, email, and contact form
- Service Area Information: Clear coverage details for Greater St. Louis area
Technical Features
- Vanilla Implementation: Pure HTML, CSS, and JavaScript - no frameworks required
- Performance Optimized: Lightweight code for fast loading times
- SEO Friendly: Semantic HTML structure and proper meta tags
- Cross-Browser Compatible: Works across all modern browsers
🎯 Target Audience
- Local Indian and Marathi communities in St. Louis
- Families seeking authentic ingredients from Maharashtra
- Food enthusiasts interested in traditional Indian spices and snacks
- Festival celebrants needing special ingredients for cultural events
📱 Responsive Breakpoints
- Desktop: 1200px and above
- Tablet: 768px - 1199px
- Mobile: Below 768px
🎨 Color Palette
- Primary Orange: #ff6b35 (Saffron/Turmeric)
- Secondary Orange: #f7941d (Golden)
- Primary Blue: #2c3e50 (Dark Blue)
- Secondary Blue: #34495e (Slate)
- Accent Green: #228b22 (Forest Green)
- Background: #f8f9fa (Light Gray)
Visit the demo website here: https://mpathservices.github.io/swadeshi-spice-demo/
📞 Contact For inquiries about custom website development - please reach out through www.mpathservices.com. This is a demonstration website created to showcase modern web design capabilities for local small business owner into grocery business.
📄 License This project is licensed under the MIT License - see the LICENSE file for details. The MIT License allows you to use, modify, and distribute this code freely while maintaining proper attribution.