h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: 700; line-height: 1.2; color: var(--color-foreground); } .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--container-padding); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Glassmorphism utilities */ .glass { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } .cursor-pointer { cursor: pointer; } /* Buttons */ .btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; border-radius: var(--border-radius); font-weight: 600; transition: all var(--transition-base); border: none; cursor: pointer; text-decoration: none; gap: 0.5rem; } .btn-primary { background: var(--color-accent); color: white; box-shadow: 0 4px 15px rgba(249, 115, 22, 0.3); } .btn-primary:hover { background: #ea580c; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(249, 115, 22, 0.4); } .btn-whatsapp { background: #25D366; color: white; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3); } .btn-whatsapp:hover { background: #22c55e; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4); } /* Navigation */ .navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 1rem 0; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255, 255, 255, 0.2); transition: all var(--transition-base); } .nav-container { display: flex; align-items: center; justify-content: space-between; } .logo { font-family: var(--font-heading); font-size: 1.5rem; font-weight: 700; color: var(--color-foreground); text-decoration: none; display: flex; align-items: center; gap: 0.5rem; } .logo-accent { color: var(--color-accent); } .nav-links { display: flex; gap: 2rem; list-style: none; } .nav-link { text-decoration: none; color: var(--color-foreground); font-weight: 600; transition: color var(--transition-base); position: relative; } .nav-link:hover { color: var(--color-accent); } .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; right: 0; height: 2px; background: var(--color-accent); transform: scaleX(0); transition: transform var(--transition-base); } .nav-link:hover::after { transform: scaleX(1); } .mobile-menu-toggle { display: none; flex-direction: column; gap: 4px; cursor: pointer; } .mobile-menu-toggle span { width: 24px; height: 2px; background: var(--color-foreground); transition: all var(--transition-base); } /* Hero Section */ .hero { min-height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; background: url('photo-1.jpg') center/cover no-repeat; padding: 2rem 0; margin-top: 4rem; overflow: hidden; } .hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(15, 23, 42, 0.55), rgba(15, 23, 42, 0.8)); z-index: 1; } .hero-content { position: relative; z-index: 2; text-align: left; max-width: 800px; padding: 2rem; color: white; } .hero h1 { font-size: clamp(2.5rem, 6vw, 5rem); margin-bottom: 1.5rem; color: white; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } .hero p { font-size: 1.25rem; margin-bottom: 2rem; color: rgba(255, 255, 255, 0.9); line-height: 1.6; } .hero-buttons { display: flex; gap: 1rem; flex-wrap: wrap; } /* Section styling */ section { padding: var(--section-padding); position: relative; } .section-header { text-align: center; max-width: 800px; margin: 0 auto 3rem; } .section-title { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 1rem; color: var(--color-foreground); } .section-subtitle { font-size: 1.125rem; color: rgba(30, 41, 59, 0.8); max-width: 600px; margin: 0 auto; } /* About Section */ .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .about-text p { margin-bottom: 1.5rem; color: var(--color-foreground); font-size: 1.125rem; } .about-image { position: relative; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); } .about-image img { width: 100%; height: 400px; object-fit: cover; display: block; } /* Services Section */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .service-card { background: white; border-radius: var(--border-radius); padding: 2rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all var(--transition-base); border: 1px solid rgba(0, 0, 0, 0.05); } .service-card:hover { transform: translateY(-5px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15); } .service-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--color-primary), var(--color-accent)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: white; font-size: 1.5rem; } .service-title { font-size: 1.25rem; margin-bottom: 1rem; color: var(--color-foreground); } .service-desc { color: var(--color-foreground); line-height: 1.6; opacity: 0.8; } /* Testimonials Section */ .testimonials-section { background: var(--color-background); } .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; margin-top: 3rem; } .testimonial-card { background: white; border-radius: var(--border-radius); padding: 2rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); position: relative; } .testimonial-quote { font-size: 1.125rem; font-style: italic; margin-bottom: 1.5rem; color: var(--color-foreground); position: relative; } .testimonial-quote::before, .testimonial-quote::after { content: '"'; font-size: 2rem; color: var(--color-accent); position: absolute; opacity: 0.3; } .testimonial-quote::before { top: -1rem; left: -0.5rem; } .testimonial-quote::after { bottom: -2rem; right: -0.5rem; } .testimonial-author { display: flex; align-items: center; gap: 1rem; margin-top: 1.5rem; } .author-avatar { width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, var(--color-primary), var(--color-accent)); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; } .author-info h4 { font-size: 1.125rem; margin-bottom: 0.25rem; color: var(--color-foreground); } .author-info p { font-size: 0.875rem; color: var(--color-foreground); opacity: 0.7; } /* Contact Section */ .contact-container { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; } .contact-info { background: white; border-radius: var(--border-radius); padding: 2rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } .contact-item { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 2rem; } .contact-icon { width: 40px; height: 40px; background: linear-gradient(135deg, var(--color-primary), var(--color-accent)); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; flex-shrink: 0; font-size: 1.2rem; } .contact-details h3 { font-size: 1.125rem; margin-bottom: 0.5rem; color: var(--color-foreground); } .contact-details p { color: var(--color-foreground); opacity: 0.8; line-height: 1.6; } .map-placeholder { background: var(--color-background); border-radius: var(--border-radius); padding: 2rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); border: 2px dashed rgba(30, 41, 59, 0.2); } /* Footer */ footer { background: var(--color-foreground); color: white; padding: 3rem 0 1rem; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-brand { margin-bottom: 1.5rem; } .footer-logo { font-family: var(--font-heading); font-size: 1.5rem; font-weight: 700; color: white; text-decoration: none; display: inline-block; margin-bottom: 1rem; } .footer-desc { color: rgba(255, 255, 255, 0.8); line-height: 1.6; margin-bottom: 1.5rem; } .footer-section h3 { font-size: 1.125rem; margin-bottom: 1rem; color: white; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 0.5rem; } .footer-links a { color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: color var(--transition-base); } .footer-links a:hover { color: var(--color-accent); } .photo-credits { font-size: 0.75rem; color: rgba(255, 255, 255, 0.6); margin-top: 1rem; font-style: italic; } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 1rem; text-align: center; color: rgba(255, 255, 255, 0.8); font-size: 0.875rem; } /* Utilities */ .text-accent { color: var(--color-accent); } .text-center { text-align: center; } .mb-1 { margin-bottom: 0.5rem; } .mb-2 { margin-bottom: 1rem; } .mb-3 { margin-bottom: 1.5rem; } .mb-4 { margin-bottom: 2rem; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .fade-in { opacity: 0; animation: fadeInUp 0.6s ease-out forwards; } .delay-1 { animation-delay: 0.1s; } .delay-2 { animation-delay: 0.2s; } .delay-3 { animation-delay: 0.3s; } /* Reduced Motion */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* Responsive Design */ @media (max-width: 1024px) { .about-content, .contact-container { grid-template-columns: 1fr; } .about-image { order: -1; } } @media (max-width: 768px) { .nav-links { position: absolute; top: 100%; left: 0; right: 0; background: white; flex-direction: column; padding: 2rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transform: translateY(-100%); transition: transform var(--transition-base); z-index: 999; border-radius: 0 0 var(--border-radius) var(--border-radius); } .nav-links.active { transform: translateY(0); } .mobile-menu-toggle { display: flex; } .mobile-menu-toggle.active span:nth-child(1) { transform: translateY(6px) rotate(45deg); } .mobile-menu-toggle.active span:nth-child(2) { opacity: 0; } .mobile-menu-toggle.active span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } .hero-content { text-align: center; padding: 1rem; } .hero-buttons { justify-content: center; } .services-grid, .testimonials-grid { grid-template-columns: 1fr; } .contact-container { grid-template-columns: 1fr; } .footer-content { grid-template-columns: 1fr; text-align: center; } .footer-brand { display: flex; flex-direction: column; align-items: center; } } @media (max-width: 375px) { .hero-buttons { flex-direction: column; align-items: center; } .btn { width: 100%; max-width: 250px; } } /* High Contrast Mode Support */ @media (prefers-contrast: high) { :root { --color-foreground: #000000; --color-background: #ffffff; } } Skip to main content

Transform Your Look at Salon Muah - Premium Hair & Beauty

Experience celebrity-level styling in the heart of Mumbai's Pali Hill, where expert stylists craft your perfect look

📞 Book Appointment 💬 Chat on WhatsApp

About Salon Muah

Mumbai's premier destination for transformative hair and beauty services

Salon Muah is Mumbai's premier destination for transformative hair and beauty services, located in the prestigious Pali Hill area. With a stellar 4.7/5 rating from 681 reviews, we combine technical expertise with personalized attention to deliver results that exceed expectations.

Our team of certified stylists, including renowned experts like Ryan for haircuts and coloring, and Disha for hair transformations, understands that each client is unique. We use only premium products and stay current with the latest trends while honoring classic techniques.

From quick touch-ups to complete makeovers, Salon Muah has been serving the Mumbai elite since 2006, including celebrities like Kajol, Malaika Arora, Chitrangadha, and Kareena Kapoor.

a hair salon with chairs and mirrors

Our Services

Experience premium hair and beauty treatments from our expert team

✂️

Hair Styling & Cuts

Expert haircuts, coloring, styling, and treatments using premium products

💄

Bridal Makeup

Complete bridal makeup packages with HD makeup and flawless finish

💎

Hair Extensions & Treatments

Acrylic extensions, keratin treatments, and hair straightening services

Client Testimonials

Don't just take our word for it - hear from our satisfied clients

The team at Salon Muah truly understands celebrity-level service. Kajol and Malaika Arora visit us regularly for their midweek pampering sessions. The expertise is unmatched!
K

Kajol

Celebrity Client

Ryan's cutting skills are exceptional! Nandini mastered my hair coloring, and Disha's accommodating approach makes every visit a delight. The beautifully maintained salon atmosphere combined with quality products ensures fantastic results every time.
M

Malaika Arora

Regular Client

Our sweet stylists even share maintenance tips to keep your treatments lasting longer. The complete range from hair services to bridal makeup under one roof is perfect for busy professionals.
A

Chitrangadha

Celebrity Client

Contact Us

Visit us today or book your appointment by calling us directly

📍

Visit Us

Shop 3, Dunhill Apartment,
Dr Ambedkar Rd, Khar West,
Mumbai 400052, Maharashtra, India

📞

Call Us

+91 93227 66824

⏰

Hours

Open daily from 10:00 AM to 9:00 PM

💬

WhatsApp

Chat with us on WhatsApp

Pali Hill Location Map

Shop 3, Dunhill Apartment, Dr Ambedkar Rd, Khar West

Coordinates: 19.0760°N, 72.8226°E