{"id":7,"date":"2026-05-11T11:13:52","date_gmt":"2026-05-11T11:13:52","guid":{"rendered":"https:\/\/dubaifurnishing.ae\/?page_id=7"},"modified":"2026-05-13T07:48:53","modified_gmt":"2026-05-13T07:48:53","slug":"home-page","status":"publish","type":"page","link":"https:\/\/dubaifurnishing.ae\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMAISON DUBAI \u2014 Luxury Furnishing & Interior Design<\/title>\r\n<meta name=\"description\" content=\"Dubai's premier luxury furnishing studio. Custom sofas, curtains, wallpaper, upholstery & bespoke interior design for villas, apartments & hotels.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Jost:wght@200;300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --sand: #E8DDD0;\r\n --sand-light: #F4EFE8;\r\n --sand-dark: #C9BAA8;\r\n --beige: #D4C4B0;\r\n --gold: #B8986A;\r\n --gold-light: #D4B483;\r\n --gold-dark: #8A6F44;\r\n --charcoal: #2A2725;\r\n --charcoal-mid: #3D3A36;\r\n --charcoal-light: #5C5752;\r\n --white: #FDFAF6;\r\n --off-white: #F7F3ED;\r\n --text-dark: #1E1C1A;\r\n --text-mid: #5A5550;\r\n --font-display: 'Cormorant Garamond', serif;\r\n --font-body: 'Jost', sans-serif;\r\n --transition: cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nhtml { scroll-behavior: smooth; overflow-x: hidden; }\r\n\r\nbody {\r\n font-family: var(--font-body);\r\n background: var(--white);\r\n color: var(--text-dark);\r\n overflow-x: hidden;\r\n cursor: none;\r\n}\r\n\r\n\/* CUSTOM CURSOR *\/\r\n.cursor {\r\n position: fixed;\r\n width: 8px; height: 8px;\r\n background: #D020E3;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 9999;\r\n transform: translate(-50%, -50%);\r\n transition: transform 0.1s, width 0.3s var(--ease-out), height 0.3s var(--ease-out), background 0.3s;\r\n mix-blend-mode: multiply;\r\n}\r\n.cursor-ring {\r\n position: fixed;\r\n width: 36px; height: 36px;\r\n border: 3px solid #E38D12;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 9998;\r\n transform: translate(-50%, -50%);\r\n transition: transform 0.15s var(--transition), width 0.3s var(--ease-out), height 0.3s var(--ease-out), border-color 0.3s, opacity 0.3s;\r\n opacity: 0.6;\r\n}\r\n.cursor.hover { width: 20px; height: 20px; background: var(--gold-dark); }\r\n.cursor-ring.hover { width: 60px; height: 60px; opacity: 0.3; }\r\n\r\n\/* NAV *\/\r\nnav {\r\n position: fixed; top: 0; left: 0; right: 0;\r\n z-index: 1000;\r\n padding: 0 48px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n height: 72px;\r\n transition: background 0.5s var(--transition), backdrop-filter 0.5s, box-shadow 0.5s;\r\n}\r\nnav.scrolled {\r\n background: rgba(253, 250, 246, 0.92);\r\n backdrop-filter: blur(20px);\r\n box-shadow: 0 1px 0 rgba(184,152,106,0.15);\r\n}\r\n.nav-logo {\r\n font-family: var(--font-display);\r\n font-size: 22px;\r\n font-weight: 500;\r\n letter-spacing: 0.08em;\r\n color: var(--white);\r\n text-decoration: none;\r\n transition: color 0.4s;\r\n}\r\nnav.scrolled .nav-logo { color: var(--charcoal); }\r\n.nav-links {\r\n display: flex; gap: 40px; list-style: none;\r\n}\r\n.nav-links a {\r\n font-family: var(--font-body);\r\n font-size: 11px;\r\n font-weight: 400;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: rgba(253,250,246,0.8);\r\n text-decoration: none;\r\n transition: color 0.3s;\r\n position: relative;\r\n}\r\n.nav-links a::after {\r\n content: '';\r\n position: absolute; bottom: -4px; left: 0; right: 0;\r\n height: 1px;\r\n background: var(--gold);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.3s var(--ease-out);\r\n}\r\n.nav-links a:hover::after { transform: scaleX(1); }\r\nnav.scrolled .nav-links a { color: var(--charcoal-light); }\r\nnav.scrolled .nav-links a:hover { color: var(--charcoal); }\r\n.nav-cta {\r\n font-family: var(--font-body);\r\n font-size: 11px;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--charcoal) !important;\r\n background: var(--gold);\r\n padding: 11px 24px;\r\n border-radius: 1px;\r\n text-decoration: none;\r\n transition: background 0.3s, transform 0.2s;\r\n}\r\n.nav-cta:hover { background: var(--gold-dark); transform: translateY(-1px); }\r\n.nav-cta::after { display: none !important; }\r\n.nav-hamburger {\r\n display: none;\r\n flex-direction: column; gap: 5px; cursor: none;\r\n background: none; border: none;\r\n}\r\n.nav-hamburger span {\r\n display: block;\r\n width: 24px; height: 1px;\r\n background: var(--white);\r\n transition: background 0.3s, transform 0.3s;\r\n}\r\nnav.scrolled .nav-hamburger span { background: var(--charcoal); }\r\n\r\n\/* HERO *\/\r\n.hero {\r\n position: relative;\r\n height: 100vh; min-height: 700px;\r\n display: flex; align-items: center; justify-content: center;\r\n overflow: hidden;\r\n background: var(--charcoal);\r\n}\r\n.hero-bg {\r\n position: absolute; inset: 0;\r\n background: \r\n linear-gradient(135deg, rgba(42,39,37,0.7) 0%, rgba(42,39,37,0.3) 50%, rgba(42,39,37,0.6) 100%),\r\n url('https:\/\/images.unsplash.com\/photo-1600210492493-0946911123ea?w=1800&q=85') center\/cover no-repeat;\r\n transform: scale(1.05);\r\n transition: transform 8s ease-out;\r\n}\r\n.hero-bg.loaded { transform: scale(1); }\r\n.hero-grain {\r\n position: absolute; inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n opacity: 0.4; pointer-events: none;\r\n}\r\n.hero-content {\r\n position: relative; z-index: 2;\r\n text-align: center;\r\n padding: 0 24px;\r\n max-width: 900px;\r\n}\r\n.hero-eyebrow {\r\n font-family: var(--font-body);\r\n font-size: 10px;\r\n font-weight: 400;\r\n letter-spacing: 0.4em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 28px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeUp 0.8s var(--ease-out) 0.3s forwards;\r\n}\r\n.hero-title {\r\n font-family: var(--font-display);\r\n font-size: clamp(56px, 8vw, 110px);\r\n font-weight: 300;\r\n line-height: 1.0;\r\n color: var(--white);\r\n letter-spacing: -0.01em;\r\n margin-bottom: 28px;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: fadeUp 1s var(--ease-out) 0.5s forwards;\r\n}\r\n.hero-title em {\r\n font-style: italic;\r\n color: var(--gold-light);\r\n}\r\n.hero-sub {\r\n font-family: var(--font-body);\r\n font-size: 14px;\r\n font-weight: 300;\r\n letter-spacing: 0.12em;\r\n color: rgba(253,250,246,0.7);\r\n margin-bottom: 52px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeUp 0.8s var(--ease-out) 0.7s forwards;\r\n}\r\n.hero-ctas {\r\n display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeUp 0.8s var(--ease-out) 0.9s forwards;\r\n}\r\n.btn-primary {\r\n font-family: var(--font-body);\r\n font-size: 11px;\r\n font-weight: 400;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--charcoal);\r\n background: var(--gold);\r\n border: 1px solid var(--gold);\r\n padding: 16px 36px;\r\n text-decoration: none;\r\n cursor: none;\r\n transition: all 0.3s var(--transition);\r\n border-radius: 1px;\r\n}\r\n.btn-primary:hover { background: var(--gold-dark); border-color: var(--gold-dark); transform: translateY(-2px); }\r\n.btn-outline {\r\n font-family: var(--font-body);\r\n font-size: 11px;\r\n font-weight: 400;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n background: transparent;\r\n border: 1px solid rgba(253,250,246,0.4);\r\n padding: 16px 36px;\r\n text-decoration: none;\r\n cursor: none;\r\n transition: all 0.3s var(--transition);\r\n border-radius: 1px;\r\n}\r\n.btn-outline:hover { border-color: var(--white); background: rgba(253,250,246,0.08); transform: translateY(-2px); }\r\n.btn-wa {\r\n font-family: var(--font-body);\r\n font-size: 11px;\r\n font-weight: 400;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n background: #25D366;\r\n border: 1px solid #25D366;\r\n padding: 16px 36px;\r\n text-decoration: none;\r\n cursor: none;\r\n transition: all 0.3s var(--transition);\r\n border-radius: 1px;\r\n display: flex; align-items: center; gap: 10px;\r\n}\r\n.btn-wa:hover { background: #1dbd5b; border-color: #1dbd5b; transform: translateY(-2px); }\r\n.hero-scroll {\r\n position: absolute; bottom: 40px; left: 50%;\r\n transform: translateX(-50%);\r\n display: flex; flex-direction: column; align-items: center; gap: 12px;\r\n opacity: 0; animation: fadeUp 0.8s var(--ease-out) 1.4s forwards;\r\n}\r\n.hero-scroll span {\r\n font-family: var(--font-body); font-size: 9px;\r\n letter-spacing: 0.3em; text-transform: uppercase;\r\n color: rgba(253,250,246,0.5);\r\n}\r\n.scroll-line {\r\n width: 1px; height: 50px;\r\n background: linear-gradient(to bottom, var(--gold), transparent);\r\n animation: scrollPulse 2s ease-in-out infinite;\r\n}\r\n@keyframes scrollPulse {\r\n 0%, 100% { opacity: 0.4; transform: scaleY(1); }\r\n 50% { opacity: 1; transform: scaleY(1.1); }\r\n}\r\n\r\n\/* BRAND INTRO *\/\r\n.brand-intro {\r\n padding: 120px 48px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n}\r\n.brand-intro-text { }\r\n.section-eyebrow {\r\n font-family: var(--font-body);\r\n font-size: 10px;\r\n font-weight: 400;\r\n letter-spacing: 0.4em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 20px;\r\n display: flex; align-items: center; gap: 16px;\r\n}\r\n.section-eyebrow::before {\r\n content: '';\r\n display: block; width: 30px; height: 1px;\r\n background: var(--gold);\r\n}\r\n.section-title {\r\n font-family: var(--font-display);\r\n font-size: clamp(38px, 4vw, 58px);\r\n font-weight: 300;\r\n line-height: 1.15;\r\n color: var(--charcoal);\r\n margin-bottom: 28px;\r\n}\r\n.section-title em { font-style: italic; color: var(--gold-dark); }\r\n.section-body {\r\n font-family: var(--font-body);\r\n font-size: 15px;\r\n font-weight: 300;\r\n line-height: 1.85;\r\n color: var(--text-mid);\r\n margin-bottom: 40px;\r\n}\r\n.trust-row {\r\n display: flex; gap: 40px; margin-top: 48px;\r\n}\r\n.trust-item { text-align: center; }\r\n.trust-num {\r\n font-family: var(--font-display);\r\n font-size: 44px;\r\n font-weight: 300;\r\n color: var(--gold-dark);\r\n line-height: 1;\r\n}\r\n.trust-label {\r\n font-family: var(--font-body);\r\n font-size: 10px;\r\n font-weight: 400;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--text-mid);\r\n margin-top: 6px;\r\n}\r\n.brand-intro-visual {\r\n position: relative;\r\n}\r\n.brand-img-main {\r\n width: 100%; aspect-ratio: 4\/5;\r\n object-fit: cover;\r\n border-radius: 2px;\r\n display: block;\r\n background: url('https:\/\/images.unsplash.com\/photo-1555041469-a586c61ea9bc?w=800&q=85') center\/cover;\r\n}\r\n.brand-img-accent {\r\n position: absolute;\r\n bottom: -32px; left: -32px;\r\n width: 55%;\r\n aspect-ratio: 1;\r\n background: url('https:\/\/images.unsplash.com\/photo-1567225557594-88d73e55f2cb?w=600&q=85') center\/cover;\r\n border-radius: 2px;\r\n border: 6px solid var(--white);\r\n box-shadow: 0 20px 60px rgba(42,39,37,0.15);\r\n}\r\n.gold-badge {\r\n position: absolute;\r\n top: -20px; right: -20px;\r\n width: 90px; height: 90px;\r\n background: var(--gold);\r\n border-radius: 50%;\r\n display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n box-shadow: 0 8px 30px rgba(184,152,106,0.4);\r\n}\r\n.gold-badge span:first-child {\r\n font-family: var(--font-display); font-size: 26px; font-weight: 500; color: var(--white);\r\n}\r\n.gold-badge span:last-child {\r\n font-family: var(--font-body); font-size: 8px; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.8);\r\n}\r\n\r\n\/* CATEGORIES *\/\r\n.categories-section {\r\n background: var(--charcoal);\r\n padding: 120px 48px;\r\n}\r\n.section-header {\r\n text-align: center;\r\n margin-bottom: 72px;\r\n}\r\n.section-header .section-eyebrow {\r\n justify-content: center;\r\n}\r\n.section-header .section-eyebrow::before { display: none; }\r\n.section-header .section-title { color: var(--white); }\r\n.categories-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n}\r\n.cat-card {\r\n position: relative;\r\n aspect-ratio: 3\/4;\r\n overflow: hidden;\r\n cursor: none;\r\n group: true;\r\n}\r\n.cat-card:first-child, .cat-card:nth-child(5) {\r\n grid-column: span 2;\r\n aspect-ratio: 7\/4;\r\n}\r\n.cat-bg {\r\n position: absolute; inset: 0;\r\n background-size: cover !important;\r\n background-position: center !important;\r\n transition: transform 0.7s var(--ease-out);\r\n}\r\n.cat-card:hover .cat-bg { transform: scale(1.08); }\r\n.cat-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(to top, rgba(42,39,37,0.9) 0%, rgba(42,39,37,0.2) 50%, transparent 100%);\r\n transition: opacity 0.4s;\r\n}\r\n.cat-card:hover .cat-overlay { opacity: 0.85; }\r\n.cat-content {\r\n position: absolute; bottom: 0; left: 0; right: 0;\r\n padding: 32px;\r\n}\r\n.cat-tag {\r\n font-family: var(--font-body);\r\n font-size: 9px; letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 10px;\r\n}\r\n.cat-name {\r\n font-family: var(--font-display);\r\n font-size: 26px; font-weight: 400;\r\n color: var(--white);\r\n line-height: 1.2;\r\n margin-bottom: 12px;\r\n}\r\n.cat-action {\r\n font-family: var(--font-body);\r\n font-size: 10px; letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n text-decoration: none;\r\n display: flex; align-items: center; gap: 10px;\r\n transform: translateY(10px); opacity: 0;\r\n transition: all 0.4s var(--ease-out);\r\n}\r\n.cat-action::after {\r\n content: '\u2192';\r\n transition: transform 0.3s;\r\n}\r\n.cat-card:hover .cat-action { transform: translateY(0); opacity: 1; }\r\n.cat-action:hover::after { transform: translateX(5px); }\r\n\r\n\/* PROCESS SECTION *\/\r\n.process-section {\r\n padding: 120px 48px;\r\n background: var(--sand-light);\r\n}\r\n.process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 40px;\r\n max-width: 1200px;\r\n margin: 72px auto 0;\r\n}\r\n.process-step {\r\n text-align: center;\r\n position: relative;\r\n}\r\n.process-step::after {\r\n content: '';\r\n position: absolute;\r\n top: 28px; right: -20px;\r\n width: 40px; height: 1px;\r\n background: var(--gold);\r\n opacity: 0.4;\r\n}\r\n.process-step:last-child::after { display: none; }\r\n.step-num {\r\n font-family: var(--font-display);\r\n font-size: 64px; font-weight: 300;\r\n color: var(--sand-dark);\r\n line-height: 1;\r\n margin-bottom: 20px;\r\n}\r\n.step-title {\r\n font-family: var(--font-display);\r\n font-size: 22px; font-weight: 400;\r\n color: var(--charcoal);\r\n margin-bottom: 12px;\r\n}\r\n.step-text {\r\n font-family: var(--font-body);\r\n font-size: 13px; font-weight: 300;\r\n line-height: 1.7;\r\n color: var(--text-mid);\r\n}\r\n\r\n\/* PORTFOLIO *\/\r\n.portfolio-section {\r\n padding: 120px 48px;\r\n background: var(--white);\r\n}\r\n.portfolio-filter {\r\n display: flex; gap: 0; justify-content: center;\r\n margin-bottom: 56px;\r\n border: 1px solid var(--sand-dark);\r\n border-radius: 2px;\r\n overflow: hidden;\r\n width: fit-content;\r\n margin-left: auto; margin-right: auto;\r\n}\r\n.filter-btn {\r\n font-family: var(--font-body);\r\n font-size: 10px; letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--text-mid);\r\n background: none;\r\n border: none;\r\n padding: 12px 24px;\r\n cursor: none;\r\n transition: all 0.3s;\r\n border-right: 1px solid var(--sand-dark);\r\n}\r\n.filter-btn:last-child { border-right: none; }\r\n.filter-btn.active, .filter-btn:hover {\r\n background: var(--charcoal);\r\n color: var(--white);\r\n}\r\n.portfolio-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-template-rows: auto;\r\n gap: 12px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n}\r\n.portfolio-item {\r\n position: relative;\r\n overflow: hidden;\r\n cursor: none;\r\n border-radius: 2px;\r\n}\r\n.portfolio-item:nth-child(1) { grid-column: span 2; aspect-ratio: 16\/10; }\r\n.portfolio-item:nth-child(2) { aspect-ratio: 3\/4; }\r\n.portfolio-item:nth-child(3) { aspect-ratio: 3\/4; }\r\n.portfolio-item:nth-child(4) { aspect-ratio: 4\/3; }\r\n.portfolio-item:nth-child(5) { grid-column: span 2; aspect-ratio: 16\/9; }\r\n.portfolio-img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n background-size: cover;\r\n background-position: center;\r\n transition: transform 0.7s var(--ease-out);\r\n}\r\n.portfolio-item:hover .portfolio-img { transform: scale(1.06); }\r\n.portfolio-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(to top, rgba(42,39,37,0.85) 0%, transparent 60%);\r\n opacity: 0;\r\n transition: opacity 0.4s;\r\n display: flex; flex-direction: column;\r\n justify-content: flex-end;\r\n padding: 28px;\r\n}\r\n.portfolio-item:hover .portfolio-overlay { opacity: 1; }\r\n.portfolio-title {\r\n font-family: var(--font-display);\r\n font-size: 22px; font-weight: 400;\r\n color: var(--white);\r\n margin-bottom: 4px;\r\n}\r\n.portfolio-meta {\r\n font-family: var(--font-body);\r\n font-size: 10px; letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n}\r\n\r\n\/* SERVICES STRIP *\/\r\n.services-strip {\r\n background: var(--charcoal-mid);\r\n padding: 80px 48px;\r\n overflow: hidden;\r\n}\r\n.strip-track {\r\n display: flex; gap: 60px;\r\n animation: stripScroll 30s linear infinite;\r\n width: max-content;\r\n}\r\n.strip-item {\r\n display: flex; align-items: center; gap: 16px;\r\n white-space: nowrap;\r\n}\r\n.strip-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--gold); }\r\n.strip-text {\r\n font-family: var(--font-display);\r\n font-size: 28px; font-weight: 300;\r\n font-style: italic;\r\n color: rgba(253,250,246,0.6);\r\n}\r\n@keyframes stripScroll {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n}\r\n\r\n\/* TESTIMONIALS *\/\r\n.testimonials-section {\r\n padding: 120px 48px;\r\n background: var(--off-white);\r\n}\r\n.testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n max-width: 1200px;\r\n margin: 72px auto 0;\r\n}\r\n.testimonial-card {\r\n background: var(--white);\r\n padding: 40px;\r\n border-radius: 2px;\r\n border: 1px solid var(--sand);\r\n position: relative;\r\n transition: transform 0.3s var(--ease-out), box-shadow 0.3s;\r\n}\r\n.testimonial-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 20px 60px rgba(42,39,37,0.1);\r\n}\r\n.testimonial-quote {\r\n font-family: var(--font-display);\r\n font-size: 60px;\r\n color: var(--gold);\r\n line-height: 1;\r\n margin-bottom: 8px;\r\n}\r\n.testimonial-text {\r\n font-family: var(--font-display);\r\n font-size: 17px; font-weight: 300;\r\n font-style: italic;\r\n line-height: 1.7;\r\n color: var(--text-dark);\r\n margin-bottom: 28px;\r\n}\r\n.testimonial-stars {\r\n color: var(--gold);\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n}\r\n.testimonial-author {\r\n display: flex; align-items: center; gap: 14px;\r\n}\r\n.author-avatar {\r\n width: 44px; height: 44px;\r\n border-radius: 50%;\r\n background: var(--sand);\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: var(--font-display);\r\n font-size: 18px;\r\n color: var(--gold-dark);\r\n}\r\n.author-name {\r\n font-family: var(--font-body);\r\n font-size: 13px; font-weight: 500;\r\n color: var(--charcoal);\r\n}\r\n.author-role {\r\n font-family: var(--font-body);\r\n font-size: 11px; font-weight: 300;\r\n color: var(--text-mid);\r\n}\r\n\r\n\/* CONSULTATION CTA *\/\r\n.cta-section {\r\n position: relative;\r\n padding: 160px 48px;\r\n background: var(--charcoal);\r\n text-align: center;\r\n overflow: hidden;\r\n}\r\n.cta-bg-pattern {\r\n position: absolute; inset: 0;\r\n background: \r\n radial-gradient(ellipse 80% 60% at 50% 50%, rgba(184,152,106,0.12) 0%, transparent 70%),\r\n url('https:\/\/images.unsplash.com\/photo-1586023492125-27b2c045efd7?w=1600&q=80') center\/cover;\r\n opacity: 0.15;\r\n}\r\n.cta-content { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }\r\n.cta-section .section-eyebrow { justify-content: center; }\r\n.cta-section .section-eyebrow::before { display: none; }\r\n.cta-section .section-title { color: var(--white); }\r\n.cta-section .section-body { color: rgba(253,250,246,0.65); }\r\n.cta-form {\r\n background: rgba(253,250,246,0.06);\r\n border: 1px solid rgba(184,152,106,0.25);\r\n border-radius: 2px;\r\n padding: 48px;\r\n margin-top: 52px;\r\n text-align: left;\r\n}\r\n.form-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin-bottom: 20px;\r\n}\r\n.form-group { display: flex; flex-direction: column; gap: 8px; }\r\n.form-group.full { grid-column: span 2; }\r\n.form-label {\r\n font-family: var(--font-body);\r\n font-size: 10px; letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n}\r\n.form-input {\r\n background: rgba(253,250,246,0.05);\r\n border: 1px solid rgba(253,250,246,0.15);\r\n border-radius: 1px;\r\n padding: 14px 18px;\r\n color: var(--white);\r\n font-family: var(--font-body);\r\n font-size: 14px;\r\n font-weight: 300;\r\n outline: none;\r\n transition: border-color 0.3s;\r\n}\r\n.form-input::placeholder { color: rgba(253,250,246,0.3); }\r\n.form-input:focus { border-color: var(--gold); }\r\nselect.form-input option { background: var(--charcoal); }\r\n.form-submit {\r\n width: 100%;\r\n padding: 18px;\r\n background: var(--gold);\r\n border: none;\r\n color: var(--charcoal);\r\n font-family: var(--font-body);\r\n font-size: 11px; font-weight: 500;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n cursor: none;\r\n border-radius: 1px;\r\n transition: background 0.3s, transform 0.2s;\r\n}\r\n.form-submit:hover { background: var(--gold-dark); transform: translateY(-1px); }\r\n.form-alts {\r\n display: flex; gap: 16px; margin-top: 20px;\r\n}\r\n.alt-btn {\r\n flex: 1;\r\n display: flex; align-items: center; justify-content: center; gap: 10px;\r\n padding: 14px;\r\n border: 1px solid rgba(253,250,246,0.2);\r\n border-radius: 1px;\r\n color: rgba(253,250,246,0.7);\r\n text-decoration: none;\r\n font-family: var(--font-body);\r\n font-size: 11px; letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n transition: all 0.3s;\r\n cursor: none;\r\n}\r\n.alt-btn:hover { border-color: var(--gold); color: var(--white); }\r\n.alt-btn.wa { border-color: rgba(37,211,102,0.4); color: #25D366; }\r\n.alt-btn.wa:hover { background: rgba(37,211,102,0.1); }\r\n\r\n\/* FOOTER *\/\r\nfooter {\r\n background: var(--text-dark);\r\n padding: 80px 48px 40px;\r\n}\r\n.footer-top {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1fr;\r\n gap: 60px;\r\n padding-bottom: 60px;\r\n border-bottom: 1px solid rgba(253,250,246,0.08);\r\n}\r\n.footer-logo {\r\n font-family: var(--font-display);\r\n font-size: 28px; font-weight: 400;\r\n color: var(--white);\r\n margin-bottom: 20px;\r\n}\r\n.footer-tagline {\r\n font-family: var(--font-body);\r\n font-size: 13px; font-weight: 300;\r\n line-height: 1.7;\r\n color: rgba(253,250,246,0.4);\r\n margin-bottom: 32px;\r\n max-width: 280px;\r\n}\r\n.footer-contact-item {\r\n display: flex; align-items: center; gap: 12px;\r\n font-family: var(--font-body);\r\n font-size: 13px; font-weight: 300;\r\n color: rgba(253,250,246,0.6);\r\n margin-bottom: 12px;\r\n}\r\n.footer-col-title {\r\n font-family: var(--font-body);\r\n font-size: 10px; letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 24px;\r\n}\r\n.footer-links { list-style: none; }\r\n.footer-links li { margin-bottom: 12px; }\r\n.footer-links a {\r\n font-family: var(--font-body);\r\n font-size: 13px; font-weight: 300;\r\n color: rgba(253,250,246,0.5);\r\n text-decoration: none;\r\n transition: color 0.3s;\r\n}\r\n.footer-links a:hover { color: var(--gold); }\r\n.footer-bottom {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding-top: 40px;\r\n}\r\n.footer-copy {\r\n font-family: var(--font-body);\r\n font-size: 11px; font-weight: 300;\r\n color: rgba(253,250,246,0.25);\r\n}\r\n.footer-socials { display: flex; gap: 20px; }\r\n.social-icon {\r\n width: 36px; height: 36px;\r\n border: 1px solid rgba(253,250,246,0.15);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n color: rgba(253,250,246,0.4);\r\n text-decoration: none;\r\n font-size: 12px;\r\n transition: all 0.3s; cursor: none;\r\n}\r\n.social-icon:hover { border-color: var(--gold); color: var(--gold); }\r\n\r\n\/* FLOATING WHATSAPP *\/\r\n.wa-float {\r\n position: fixed;\r\n bottom: 32px; right: 32px;\r\n z-index: 900;\r\n display: flex; flex-direction: column; align-items: flex-end; gap: 12px;\r\n}\r\n.wa-bubble {\r\n background: #25D366;\r\n border-radius: 50%;\r\n width: 60px; height: 60px;\r\n display: flex; align-items: center; justify-content: center;\r\n box-shadow: 0 8px 30px rgba(37,211,102,0.4);\r\n cursor: none;\r\n transition: transform 0.3s var(--ease-out), box-shadow 0.3s;\r\n animation: waPulse 3s ease-in-out infinite;\r\n}\r\n.wa-bubble:hover { transform: scale(1.1); box-shadow: 0 12px 40px rgba(37,211,102,0.5); }\r\n.wa-bubble svg { width: 28px; height: 28px; fill: white; }\r\n.wa-label {\r\n background: var(--charcoal);\r\n color: var(--white);\r\n font-family: var(--font-body);\r\n font-size: 11px; letter-spacing: 0.1em;\r\n padding: 8px 14px;\r\n border-radius: 20px;\r\n white-space: nowrap;\r\n opacity: 0;\r\n transform: translateX(10px);\r\n transition: all 0.3s var(--ease-out);\r\n pointer-events: none;\r\n}\r\n.wa-float:hover .wa-label { opacity: 1; transform: translateX(0); }\r\n@keyframes waPulse {\r\n 0%, 100% { box-shadow: 0 8px 30px rgba(37,211,102,0.4); }\r\n 50% { box-shadow: 0 8px 50px rgba(37,211,102,0.6), 0 0 0 8px rgba(37,211,102,0.1); }\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes fadeUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n.reveal {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out);\r\n}\r\n.reveal.visible { opacity: 1; transform: translateY(0); }\r\n.reveal-delay-1 { transition-delay: 0.1s; }\r\n.reveal-delay-2 { transition-delay: 0.2s; }\r\n.reveal-delay-3 { transition-delay: 0.3s; }\r\n.reveal-delay-4 { transition-delay: 0.4s; }\r\n\r\n\/* MOBILE MENU *\/\r\n.mobile-menu {\r\n position: fixed; inset: 0;\r\n background: var(--charcoal);\r\n z-index: 999;\r\n display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n gap: 32px;\r\n transform: translateX(100%);\r\n transition: transform 0.5s var(--ease-out);\r\n}\r\n.mobile-menu.open { transform: translateX(0); }\r\n.mobile-menu a {\r\n font-family: var(--font-display);\r\n font-size: 36px; font-weight: 300;\r\n color: var(--white);\r\n text-decoration: none;\r\n transition: color 0.3s;\r\n}\r\n.mobile-menu a:hover { color: var(--gold); }\r\n.menu-close {\r\n position: absolute; top: 24px; right: 24px;\r\n background: none; border: none;\r\n color: var(--white); font-size: 28px; cursor: none;\r\n}\r\n\r\n\/* GOLD DIVIDER *\/\r\n.gold-divider {\r\n width: 60px; height: 1px;\r\n background: var(--gold);\r\n margin: 0 auto 40px;\r\n}\r\n\r\n\/* STYLE QUIZ SECTION *\/\r\n.quiz-section {\r\n padding: 120px 48px;\r\n background: var(--sand-light);\r\n}\r\n.quiz-card {\r\n max-width: 800px;\r\n margin: 60px auto 0;\r\n background: var(--white);\r\n border-radius: 2px;\r\n overflow: hidden;\r\n box-shadow: 0 30px 80px rgba(42,39,37,0.1);\r\n}\r\n.quiz-header {\r\n background: var(--charcoal);\r\n padding: 40px 48px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.quiz-header-text h3 {\r\n font-family: var(--font-display);\r\n font-size: 28px; font-weight: 300;\r\n color: var(--white);\r\n margin-bottom: 6px;\r\n}\r\n.quiz-header-text p {\r\n font-family: var(--font-body);\r\n font-size: 12px; font-weight: 300;\r\n color: rgba(253,250,246,0.5);\r\n letter-spacing: 0.1em;\r\n}\r\n.quiz-step-indicator {\r\n display: flex; gap: 6px;\r\n}\r\n.quiz-dot {\r\n width: 8px; height: 8px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.2);\r\n transition: background 0.3s;\r\n}\r\n.quiz-dot.active { background: var(--gold); }\r\n.quiz-body { padding: 48px; }\r\n.quiz-question {\r\n font-family: var(--font-display);\r\n font-size: 22px; font-weight: 400;\r\n color: var(--charcoal);\r\n margin-bottom: 32px;\r\n}\r\n.quiz-options {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n}\r\n.quiz-option {\r\n border: 1px solid var(--sand-dark);\r\n border-radius: 2px;\r\n padding: 20px 24px;\r\n cursor: none;\r\n transition: all 0.3s;\r\n text-align: left;\r\n background: none;\r\n display: flex; align-items: center; gap: 14px;\r\n}\r\n.quiz-option:hover, .quiz-option.selected {\r\n border-color: var(--gold);\r\n background: rgba(184,152,106,0.05);\r\n}\r\n.quiz-option-icon { font-size: 24px; }\r\n.quiz-option-text {\r\n font-family: var(--font-body);\r\n font-size: 13px; font-weight: 400;\r\n color: var(--charcoal);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n .brand-intro { grid-template-columns: 1fr; }\r\n .categories-grid { grid-template-columns: 1fr 1fr; }\r\n .cat-card:first-child, .cat-card:nth-child(5) { aspect-ratio: 3\/2; }\r\n .process-grid { grid-template-columns: 1fr 1fr; }\r\n .testimonials-grid { grid-template-columns: 1fr 1fr; }\r\n .footer-top { grid-template-columns: 1fr 1fr; }\r\n .portfolio-grid { grid-template-columns: 1fr 1fr; }\r\n .portfolio-item:nth-child(1) { grid-column: span 2; }\r\n .portfolio-item:nth-child(5) { grid-column: span 2; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n nav { padding: 0 24px; }\r\n .nav-links, .nav-cta { display: none; }\r\n .nav-hamburger { display: flex; }\r\n .hero-title { font-size: 44px; }\r\n .hero-ctas { flex-direction: column; align-items: center; }\r\n .categories-grid { grid-template-columns: 1fr; gap: 2px; }\r\n .cat-card:first-child, .cat-card:nth-child(5) { grid-column: span 1; aspect-ratio: 4\/3; }\r\n .portfolio-grid { grid-template-columns: 1fr; }\r\n .portfolio-item { aspect-ratio: 4\/3 !important; }\r\n .portfolio-item:nth-child(1), .portfolio-item:nth-child(5) { grid-column: span 1; }\r\n .process-grid { grid-template-columns: 1fr; }\r\n .process-step::after { display: none; }\r\n .testimonials-grid { grid-template-columns: 1fr; }\r\n .form-grid { grid-template-columns: 1fr; }\r\n .form-group.full { grid-column: span 1; }\r\n .form-alts { flex-direction: column; }\r\n .footer-top { grid-template-columns: 1fr; gap: 40px; }\r\n .footer-bottom { flex-direction: column; gap: 24px; text-align: center; }\r\n .brand-intro { padding: 80px 24px; }\r\n .categories-section, .portfolio-section, .testimonials-section,\r\n .process-section, .cta-section, .quiz-section { padding: 80px 24px; }\r\n .quiz-body { padding: 32px 24px; }\r\n .quiz-header { padding: 28px 24px; }\r\n .quiz-options { grid-template-columns: 1fr; }\r\n .cta-form { padding: 32px 24px; }\r\n .trust-row { gap: 24px; }\r\n footer { padding: 60px 24px 32px; }\r\n .wa-float { bottom: 20px; right: 20px; }\r\n body { cursor: auto; }\r\n .cursor, .cursor-ring { display: none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- CUSTOM CURSOR -->\r\n<div class=\"cursor\" id=\"cursor\"><\/div>\r\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\r\n\r\n<!-- FLOATING WHATSAPP -->\r\n<div class=\"wa-float\">\r\n <span class=\"wa-label\">Chat with us<\/span>\r\n <a href=\"https:\/\/wa.me\/971501234567?text=Hello%2C%20I%27m%20interested%20in%20your%20furnishing%20services\" class=\"wa-bubble\" target=\"_blank\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n <\/svg>\r\n <\/a>\r\n<\/div>\r\n\r\n<!-- MOBILE MENU -->\r\n<div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <button class=\"menu-close\" id=\"menuClose\" aria-label=\"Close\">\u2715<\/button>\r\n <a href=\"#services\">Services<\/a>\r\n <a href=\"#portfolio\">Portfolio<\/a>\r\n <a href=\"#process\">Process<\/a>\r\n <a href=\"#testimonials\">Reviews<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n<\/div>\r\n\r\n<!-- NAVIGATION -->\r\n<nav id=\"navbar\">\r\n <a href=\"#\" class=\"nav-logo\">MAISON DUBAI<\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#services\">Indoor upholstery<\/a><\/li>\r\n <li><a href=\"#portfolio\">outdoor upholstery<\/a><\/li>\r\n <li><a href=\"#process\">Curtains<\/a><\/li>\r\n <li><a href=\"#testimonials\">Wallpaper<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"nav-cta\">Free Consultation<\/a>\r\n <button class=\"nav-hamburger\" id=\"hamburger\" aria-label=\"Menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n<\/nav>\r\n\r\n<!-- HERO SECTION -->\r\n<section class=\"hero\">\r\n <div class=\"hero-bg\" id=\"heroBg\"><\/div>\r\n <div class=\"hero-grain\"><\/div>\r\n <div class=\"hero-content\">\r\n <p class=\"hero-eyebrow\">Dubai's Premier Luxury Furnishing Studio<\/p>\r\n <h1 class=\"hero-title\">Where Spaces Become <em>Extraordinary<\/em><\/h1>\r\n <p class=\"hero-sub\">Bespoke furnishing, custom upholstery & interior styling for villas, apartments & hotels across the UAE<\/p>\r\n <div class=\"hero-ctas\">\r\n <a href=\"#services\" class=\"btn-primary\">Explore Collection<\/a>\r\n <a href=\"#contact\" class=\"btn-outline\">Free Consultation<\/a>\r\n <a href=\"https:\/\/wa.me\/971501234567\" class=\"btn-wa\" target=\"_blank\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n WhatsApp Now\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-scroll\">\r\n <span>Scroll<\/span>\r\n <div class=\"scroll-line\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- BRAND INTRO -->\r\n<section style=\"background: var(--white); overflow: hidden;\">\r\n <div class=\"brand-intro\">\r\n <div class=\"brand-intro-text\">\r\n <p class=\"section-eyebrow reveal\">Our Story<\/p>\r\n <h2 class=\"section-title reveal reveal-delay-1\">Crafted with Passion, <em>Delivered with Precision<\/em><\/h2>\r\n <p class=\"section-body reveal reveal-delay-2\">For over 15 years, Maison Dubai has been redefining luxury interiors across the Emirates. From hand-stitched sofas to bespoke wallcoverings, every piece we create is a testament to the art of fine furnishing \u2014 where craftsmanship meets contemporary elegance.<\/p>\r\n <p class=\"section-body reveal reveal-delay-2\" style=\"margin-top: -20px;\">We serve Dubai's most discerning homeowners, villa residents, and hospitality brands \u2014 delivering turnkey furnishing solutions that transform ordinary spaces into extraordinary living experiences.<\/p>\r\n <a href=\"#contact\" class=\"btn-primary reveal reveal-delay-3\" style=\"display: inline-block;\">Book a Consultation<\/a>\r\n <div class=\"trust-row reveal reveal-delay-4\">\r\n <div class=\"trust-item\">\r\n <div class=\"trust-num\" data-count=\"15\">0<\/div>\r\n <div class=\"trust-label\">Years of Excellence<\/div>\r\n <\/div>\r\n <div class=\"trust-item\">\r\n <div class=\"trust-num\" data-count=\"1200\">0<\/div>\r\n <div class=\"trust-label\">Projects Delivered<\/div>\r\n <\/div>\r\n <div class=\"trust-item\">\r\n <div class=\"trust-num\" data-count=\"98\">0<\/div>\r\n <div class=\"trust-label\">% Client Satisfaction<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"brand-intro-visual reveal\">\r\n <div class=\"brand-img-main\"><\/div>\r\n <div class=\"brand-img-accent\"><\/div>\r\n <div class=\"gold-badge\">\r\n <span>\u2605 5.0<\/span>\r\n <span>Google<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICES MARQUEE -->\r\n<div class=\"services-strip\">\r\n <div class=\"strip-track\">\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Sofa Upholstery<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Curtains & Blinds<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Wallpaper Installation<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Custom Furniture<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Luxury Beds<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Cushions & Fabrics<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Commercial Projects<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Villa Furnishing<\/span><\/div>\r\n <!-- DUPLICATE for seamless loop -->\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Sofa Upholstery<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Curtains & Blinds<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Wallpaper Installation<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Custom Furniture<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Luxury Beds<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Cushions & Fabrics<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Commercial Projects<\/span><\/div>\r\n <div class=\"strip-item\"><span class=\"strip-dot\"><\/span><span class=\"strip-text\">Villa Furnishing<\/span><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- CATEGORIES -->\r\n<section class=\"categories-section\" id=\"services\">\r\n <div class=\"section-header\">\r\n <p class=\"section-eyebrow reveal\">Our Services<\/p>\r\n <h2 class=\"section-title reveal reveal-delay-1\">Everything Your Space <em>Deserves<\/em><\/h2>\r\n <\/div>\r\n <div class=\"categories-grid\">\r\n <div class=\"cat-card\">\r\n <div class=\"cat-bg\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1555041469-a586c61ea9bc?w=900&q=80') center\/cover;\"><\/div>\r\n <div class=\"cat-overlay\"><\/div>\r\n <div class=\"cat-content\">\r\n <p class=\"cat-tag\">Signature Service<\/p>\r\n <h3 class=\"cat-name\">Sofa Upholstery<\/h3>\r\n <a href=\"#contact\" class=\"cat-action\">Explore<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cat-card\">\r\n <div class=\"cat-bg\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?w=700&q=80') center\/cover;\"><\/div>\r\n <div class=\"cat-overlay\"><\/div>\r\n <div class=\"cat-content\">\r\n <p class=\"cat-tag\">Window Dressing<\/p>\r\n <h3 class=\"cat-name\">Curtains & Blinds<\/h3>\r\n <a href=\"#contact\" class=\"cat-action\">Explore<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cat-card\">\r\n <div class=\"cat-bg\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1600566752355-35792bedcfea?w=700&q=80') center\/cover;\"><\/div>\r\n <div class=\"cat-overlay\"><\/div>\r\n <div class=\"cat-content\">\r\n <p class=\"cat-tag\">Wall Finishes<\/p>\r\n <h3 class=\"cat-name\">Wallpaper & Murals<\/h3>\r\n <a href=\"#contact\" class=\"cat-action\">Explore<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cat-card\">\r\n <div class=\"cat-bg\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1538688525198-9b88f6f53126?w=700&q=80') center\/cover;\"><\/div>\r\n <div class=\"cat-overlay\"><\/div>\r\n <div class=\"cat-content\">\r\n <p class=\"cat-tag\">Bespoke<\/p>\r\n <h3 class=\"cat-name\">Custom Furniture<\/h3>\r\n <a href=\"#contact\" class=\"cat-action\">Explore<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cat-card\">\r\n <div class=\"cat-bg\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1631049307264-da0ec9d70304?w=900&q=80') center\/cover;\"><\/div>\r\n <div class=\"cat-overlay\"><\/div>\r\n <div class=\"cat-content\">\r\n <p class=\"cat-tag\">Sleep Luxury<\/p>\r\n <h3 class=\"cat-name\">Luxury Beds & Headboards<\/h3>\r\n <a href=\"#contact\" class=\"cat-action\">Explore<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cat-card\">\r\n <div class=\"cat-bg\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1567538096630-e0c55bd6374c?w=700&q=80') center\/cover;\"><\/div>\r\n <div class=\"cat-overlay\"><\/div>\r\n <div class=\"cat-content\">\r\n <p class=\"cat-tag\">Textiles<\/p>\r\n <h3 class=\"cat-name\">Cushions & Fabrics<\/h3>\r\n <a href=\"#contact\" class=\"cat-action\">Explore<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cat-card\">\r\n <div class=\"cat-bg\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?w=700&q=80') center\/cover;\"><\/div>\r\n <div class=\"cat-overlay\"><\/div>\r\n <div class=\"cat-content\">\r\n <p class=\"cat-tag\">Corporate<\/p>\r\n <h3 class=\"cat-name\">Commercial Furnishing<\/h3>\r\n <a href=\"#contact\" class=\"cat-action\">Explore<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PROCESS -->\r\n<section class=\"process-section\" id=\"process\">\r\n <div class=\"section-header\">\r\n <p class=\"section-eyebrow reveal\">How We Work<\/p>\r\n <h2 class=\"section-title reveal reveal-delay-1\" style=\"color: var(--charcoal);\">A Seamless Journey from <em>Vision to Reality<\/em><\/h2>\r\n <\/div>\r\n <div class=\"process-grid\">\r\n <div class=\"process-step reveal\">\r\n <div class=\"step-num\">01<\/div>\r\n <h3 class=\"step-title\">Free Consultation<\/h3>\r\n <p class=\"step-text\">We visit your space at no cost, understand your vision, measure dimensions, and suggest optimal furnishing solutions tailored to your lifestyle.<\/p>\r\n <\/div>\r\n <div class=\"process-step reveal reveal-delay-1\">\r\n <div class=\"step-num\">02<\/div>\r\n <h3 class=\"step-title\">Design & Proposal<\/h3>\r\n <p class=\"step-text\">Our designers present material swatches, fabric samples, and a detailed visual proposal with transparent pricing \u2014 no hidden surprises.<\/p>\r\n <\/div>\r\n <div class=\"process-step reveal reveal-delay-2\">\r\n <div class=\"step-num\">03<\/div>\r\n <h3 class=\"step-title\">Crafting & Production<\/h3>\r\n <p class=\"step-text\">Skilled artisans hand-craft every piece in our Dubai workshop using premium materials sourced from Europe, Italy, and across the globe.<\/p>\r\n <\/div>\r\n <div class=\"process-step reveal reveal-delay-3\">\r\n <div class=\"step-num\">04<\/div>\r\n <h3 class=\"step-title\">Installation & Styling<\/h3>\r\n <p class=\"step-text\">Our team delivers, installs, and styles your space to perfection. We leave only when you're completely satisfied with the final look.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PORTFOLIO -->\r\n<section class=\"portfolio-section\" id=\"portfolio\">\r\n <div class=\"section-header\">\r\n <p class=\"section-eyebrow reveal\">Our Work<\/p>\r\n <h2 class=\"section-title reveal reveal-delay-1\">Spaces We Have <em>Transformed<\/em><\/h2>\r\n <\/div>\r\n <div class=\"portfolio-filter reveal\">\r\n <button class=\"filter-btn active\" onclick=\"filterPortfolio(this, 'all')\">All Projects<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterPortfolio(this, 'villa')\">Villas<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterPortfolio(this, 'apartment')\">Apartments<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterPortfolio(this, 'hotel')\">Hotels<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterPortfolio(this, 'office')\">Offices<\/button>\r\n <\/div>\r\n <div class=\"portfolio-grid reveal\">\r\n <div class=\"portfolio-item\" data-cat=\"villa\">\r\n <div class=\"portfolio-img\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1600210492493-0946911123ea?w=1200&q=80') center\/cover;\"><\/div>\r\n <div class=\"portfolio-overlay\">\r\n <h3 class=\"portfolio-title\">Palm Jumeirah Villa<\/h3>\r\n <p class=\"portfolio-meta\">Full Furnishing \u00b7 Villa<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"portfolio-item\" data-cat=\"apartment\">\r\n <div class=\"portfolio-img\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1586023492125-27b2c045efd7?w=600&q=80') center\/cover;\"><\/div>\r\n <div class=\"portfolio-overlay\">\r\n <h3 class=\"portfolio-title\">Downtown Penthouse<\/h3>\r\n <p class=\"portfolio-meta\">Upholstery \u00b7 Apartment<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"portfolio-item\" data-cat=\"hotel\">\r\n <div class=\"portfolio-img\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1631049307264-da0ec9d70304?w=600&q=80') center\/cover;\"><\/div>\r\n <div class=\"portfolio-overlay\">\r\n <h3 class=\"portfolio-title\">Jumeirah Boutique Hotel<\/h3>\r\n <p class=\"portfolio-meta\">Beds & Curtains \u00b7 Hotel<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"portfolio-item\" data-cat=\"office\">\r\n <div class=\"portfolio-img\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?w=800&q=80') center\/cover;\"><\/div>\r\n <div class=\"portfolio-overlay\">\r\n <h3 class=\"portfolio-title\">DIFC Corporate HQ<\/h3>\r\n <p class=\"portfolio-meta\">Commercial \u00b7 Office<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"portfolio-item\" data-cat=\"villa\">\r\n <div class=\"portfolio-img\" style=\"background: url('https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?w=1000&q=80') center\/cover;\"><\/div>\r\n <div class=\"portfolio-overlay\">\r\n <h3 class=\"portfolio-title\">Emirates Hills Mansion<\/h3>\r\n <p class=\"portfolio-meta\">Full Interior \u00b7 Villa<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TESTIMONIALS -->\r\n<section class=\"testimonials-section\" id=\"testimonials\">\r\n <div class=\"section-header\">\r\n <p class=\"section-eyebrow reveal\">Client Stories<\/p>\r\n <h2 class=\"section-title reveal reveal-delay-1\">Voices of <em>Satisfaction<\/em><\/h2>\r\n <div class=\"gold-divider\"><\/div>\r\n <\/div>\r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card reveal\">\r\n <div class=\"testimonial-quote\">\"<\/div>\r\n <p class=\"testimonial-text\">Maison Dubai completely transformed our Palm Villa. The sofa upholstery and custom curtains are beyond what we imagined. True luxury craftsmanship.<\/p>\r\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">S<\/div>\r\n <div>\r\n <div class=\"author-name\">Sarah Al Mansouri<\/div>\r\n <div class=\"author-role\">Villa Owner, Palm Jumeirah<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"testimonial-card reveal reveal-delay-1\">\r\n <div class=\"testimonial-quote\">\"<\/div>\r\n <p class=\"testimonial-text\">We used them for our hotel project \u2014 60 rooms, all custom beds and wallpaper. Delivered on time, on budget, and the quality is exceptional. Highly recommended.<\/p>\r\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">R<\/div>\r\n <div>\r\n <div class=\"author-name\">Rajan Mehta<\/div>\r\n <div class=\"author-role\">Hotel Director, JBR<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"testimonial-card reveal reveal-delay-2\">\r\n <div class=\"testimonial-quote\">\"<\/div>\r\n <p class=\"testimonial-text\">As an interior designer, I always rely on Maison Dubai for my clients' upholstery needs. Their fabric selection and attention to detail is unmatched in the UAE market.<\/p>\r\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">L<\/div>\r\n <div>\r\n <div class=\"author-name\">Layla Hassan<\/div>\r\n <div class=\"author-role\">Interior Designer, Dubai<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- STYLE QUIZ -->\r\n<section class=\"quiz-section\">\r\n <div class=\"section-header\">\r\n <p class=\"section-eyebrow reveal\">AI Style Finder<\/p>\r\n <h2 class=\"section-title reveal reveal-delay-1\">Discover Your <em>Perfect Style<\/em><\/h2>\r\n <p class=\"section-body reveal reveal-delay-2\" style=\"max-width:560px; margin: 0 auto; text-align:center;\">Answer 3 quick questions and we'll suggest the perfect furnishing style and collection for your space.<\/p>\r\n <\/div>\r\n <div class=\"quiz-card reveal\">\r\n <div class=\"quiz-header\">\r\n <div class=\"quiz-header-text\">\r\n <h3>Find Your Style<\/h3>\r\n <p>Question <span id=\"qNum\">1<\/span> of 3<\/p>\r\n <\/div>\r\n <div class=\"quiz-step-indicator\">\r\n <div class=\"quiz-dot active\" id=\"dot0\"><\/div>\r\n <div class=\"quiz-dot\" id=\"dot1\"><\/div>\r\n <div class=\"quiz-dot\" id=\"dot2\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-body\" id=\"quizBody\">\r\n <p class=\"quiz-question\" id=\"quizQuestion\">What type of space are you furnishing?<\/p>\r\n <div class=\"quiz-options\" id=\"quizOptions\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CONSULTATION CTA -->\r\n<section class=\"cta-section\" id=\"contact\">\r\n <div class=\"cta-bg-pattern\"><\/div>\r\n <div class=\"cta-content\">\r\n <p class=\"section-eyebrow reveal\">Start Your Journey<\/p>\r\n <h2 class=\"section-title reveal reveal-delay-1\">Ready to Transform Your <em>Space?<\/em><\/h2>\r\n <p class=\"section-body reveal reveal-delay-2\">Book a free in-home consultation. Our expert will visit your space, understand your needs, and present a bespoke proposal \u2014 completely free of charge.<\/p>\r\n <div class=\"cta-form reveal reveal-delay-2\">\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">Your Name<\/label>\r\n <input type=\"text\" class=\"form-input\" placeholder=\"Full Name\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">Phone Number<\/label>\r\n <input type=\"tel\" class=\"form-input\" placeholder=\"+971 XX XXX XXXX\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">Service Needed<\/label>\r\n <select class=\"form-input\">\r\n <option>Select a Service<\/option>\r\n <option>Sofa Upholstery<\/option>\r\n <option>Curtains & Blinds<\/option>\r\n <option>Wallpaper Installation<\/option>\r\n <option>Custom Furniture<\/option>\r\n <option>Luxury Beds<\/option>\r\n <option>Complete Furnishing<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">Area \/ Community<\/label>\r\n <input type=\"text\" class=\"form-input\" placeholder=\"e.g. Palm Jumeirah, JBR...\">\r\n <\/div>\r\n <div class=\"form-group full\">\r\n <label class=\"form-label\">Message (Optional)<\/label>\r\n <input type=\"text\" class=\"form-input\" placeholder=\"Tell us about your project...\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"form-submit\" onclick=\"submitForm()\">Book Free Consultation \u2192<\/button>\r\n <div class=\"form-alts\">\r\n <a href=\"https:\/\/wa.me\/971501234567\" class=\"alt-btn wa\" target=\"_blank\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n WhatsApp Chat\r\n <\/a>\r\n <a href=\"tel:+971501234567\" class=\"alt-btn\">\ud83d\udcde Call Now<\/a>\r\n <a href=\"#\" class=\"alt-btn\">\ud83d\udcf8 Share Room Photo<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <div class=\"footer-top\">\r\n <div>\r\n <div class=\"footer-logo\">MAISON DUBAI<\/div>\r\n <p class=\"footer-tagline\">Dubai's premier luxury furnishing studio \u2014 crafting extraordinary interiors for over 15 years across the UAE.<\/p>\r\n <div class=\"footer-contact-item\">\ud83d\udccd Al Quoz Industrial Area, Dubai, UAE<\/div>\r\n <div class=\"footer-contact-item\">\ud83d\udcde <a href=\"tel:+971501234567\" style=\"color:inherit;text-decoration:none;\">+971 50 123 4567<\/a><\/div>\r\n <div class=\"footer-contact-item\">\u2709\ufe0f hello@maisondubai.ae<\/div>\r\n <div class=\"footer-contact-item\">\ud83d\udd50 Mon\u2013Sat: 9am \u2013 7pm<\/div>\r\n <\/div>\r\n <div>\r\n <p class=\"footer-col-title\">Services<\/p>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#\">Sofa Upholstery<\/a><\/li>\r\n <li><a href=\"#\">Curtains & Blinds<\/a><\/li>\r\n <li><a href=\"#\">Wallpaper Installation<\/a><\/li>\r\n <li><a href=\"#\">Custom Furniture<\/a><\/li>\r\n <li><a href=\"#\">Luxury Beds<\/a><\/li>\r\n <li><a href=\"#\">Cushions & Fabrics<\/a><\/li>\r\n <li><a href=\"#\">Hotel & Commercial<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <p class=\"footer-col-title\">Areas We Serve<\/p>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#\">Palm Jumeirah<\/a><\/li>\r\n <li><a href=\"#\">Downtown Dubai<\/a><\/li>\r\n <li><a href=\"#\">JBR & Marina<\/a><\/li>\r\n <li><a href=\"#\">Emirates Hills<\/a><\/li>\r\n <li><a href=\"#\">Arabian Ranches<\/a><\/li>\r\n <li><a href=\"#\">Jumeirah<\/a><\/li>\r\n <li><a href=\"#\">Abu Dhabi & Sharjah<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <p class=\"footer-col-title\">Company<\/p>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#\">About Us<\/a><\/li>\r\n <li><a href=\"#\">Portfolio<\/a><\/li>\r\n <li><a href=\"#\">Blog & Inspiration<\/a><\/li>\r\n <li><a href=\"#\">Reviews<\/a><\/li>\r\n <li><a href=\"#\">Careers<\/a><\/li>\r\n <li><a href=\"#\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\">Terms of Service<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p class=\"footer-copy\">\u00a9 2026 Maison Dubai. All rights reserved. Registered in Dubai, UAE.<\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"#\" class=\"social-icon\" aria-label=\"Instagram\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"social-icon\" aria-label=\"TikTok\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"social-icon\" aria-label=\"Facebook\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ CURSOR\r\nconst cursor = document.getElementById('cursor');\r\nconst cursorRing = document.getElementById('cursorRing');\r\nlet mouseX = 0, mouseY = 0, ringX = 0, ringY = 0;\r\ndocument.addEventListener('mousemove', e => {\r\n mouseX = e.clientX; mouseY = e.clientY;\r\n cursor.style.left = mouseX + 'px'; cursor.style.top = mouseY + 'px';\r\n});\r\nfunction animateRing() {\r\n ringX += (mouseX - ringX) * 0.12;\r\n ringY += (mouseY - ringY) * 0.12;\r\n cursorRing.style.left = ringX + 'px'; cursorRing.style.top = ringY + 'px';\r\n requestAnimationFrame(animateRing);\r\n}\r\nanimateRing();\r\ndocument.querySelectorAll('a, button, .cat-card, .portfolio-item, .testimonial-card, .quiz-option, .filter-btn').forEach(el => {\r\n el.addEventListener('mouseenter', () => { cursor.classList.add('hover'); cursorRing.classList.add('hover'); });\r\n el.addEventListener('mouseleave', () => { cursor.classList.remove('hover'); cursorRing.classList.remove('hover'); });\r\n});\r\n\r\n\/\/ NAV SCROLL\r\nconst navbar = document.getElementById('navbar');\r\nwindow.addEventListener('scroll', () => {\r\n navbar.classList.toggle('scrolled', window.scrollY > 60);\r\n});\r\n\r\n\/\/ HERO BG LOAD\r\nsetTimeout(() => document.getElementById('heroBg').classList.add('loaded'), 100);\r\n\r\n\/\/ MOBILE MENU\r\ndocument.getElementById('hamburger').addEventListener('click', () => document.getElementById('mobileMenu').classList.add('open'));\r\ndocument.getElementById('menuClose').addEventListener('click', () => document.getElementById('mobileMenu').classList.remove('open'));\r\ndocument.querySelectorAll('.mobile-menu a').forEach(a => a.addEventListener('click', () => document.getElementById('mobileMenu').classList.remove('open')));\r\n\r\n\/\/ SCROLL REVEAL\r\nconst reveals = document.querySelectorAll('.reveal');\r\nconst revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); revealObserver.unobserve(e.target); } });\r\n}, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' });\r\nreveals.forEach(el => revealObserver.observe(el));\r\n\r\n\/\/ COUNT UP\r\nfunction countUp(el, target) {\r\n let start = 0;\r\n const duration = 2000;\r\n const step = (timestamp) => {\r\n if (!start) start = timestamp;\r\n const progress = Math.min((timestamp - start) \/ duration, 1);\r\n const ease = 1 - Math.pow(1 - progress, 3);\r\n el.textContent = Math.floor(ease * target);\r\n if (progress < 1) requestAnimationFrame(step);\r\n else el.textContent = target;\r\n };\r\n requestAnimationFrame(step);\r\n}\r\nconst countObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n const el = e.target;\r\n countUp(el, parseInt(el.dataset.count));\r\n countObserver.unobserve(el);\r\n }\r\n });\r\n}, { threshold: 0.5 });\r\ndocument.querySelectorAll('[data-count]').forEach(el => countObserver.observe(el));\r\n\r\n\/\/ PORTFOLIO FILTER\r\nfunction filterPortfolio(btn, cat) {\r\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n document.querySelectorAll('.portfolio-item').forEach(item => {\r\n const match = cat === 'all' || item.dataset.cat === cat;\r\n item.style.opacity = match ? '1' : '0.3';\r\n item.style.transform = match ? 'scale(1)' : 'scale(0.97)';\r\n item.style.transition = 'opacity 0.4s, transform 0.4s';\r\n });\r\n}\r\n\r\n\/\/ QUIZ\r\nconst quizData = [\r\n {\r\n q: \"What type of space are you furnishing?\",\r\n opts: [\r\n { icon: \"\ud83c\udfe1\", text: \"Villa \/ Townhouse\" },\r\n { icon: \"\ud83c\udfe2\", text: \"Apartment \/ Penthouse\" },\r\n { icon: \"\ud83c\udfe8\", text: \"Hotel \/ Resort\" },\r\n { icon: \"\ud83c\udfec\", text: \"Office \/ Commercial\" }\r\n ]\r\n },\r\n {\r\n q: \"Which aesthetic speaks to you?\",\r\n opts: [\r\n { icon: \"\ud83e\udd0d\", text: \"Modern Minimalist\" },\r\n { icon: \"\u2728\", text: \"Glamorous & Gold\" },\r\n { icon: \"\ud83c\udf3f\", text: \"Natural & Organic\" },\r\n { icon: \"\ud83c\udfa8\", text: \"Bold & Eclectic\" }\r\n ]\r\n },\r\n {\r\n q: \"What's your primary furnishing need?\",\r\n opts: [\r\n { icon: \"\ud83d\udecb\ufe0f\", text: \"Sofa & Seating\" },\r\n { icon: \"\ud83e\ude9f\", text: \"Curtains & Windows\" },\r\n { icon: \"\ud83d\udecf\ufe0f\", text: \"Bedroom Suite\" },\r\n { icon: \"\ud83c\udfe0\", text: \"Complete Makeover\" }\r\n ]\r\n }\r\n];\r\nlet currentQ = 0;\r\nconst answers = [];\r\n\r\nfunction renderQuiz() {\r\n const data = quizData[currentQ];\r\n document.getElementById('quizQuestion').textContent = data.q;\r\n document.getElementById('qNum').textContent = currentQ + 1;\r\n document.querySelectorAll('.quiz-dot').forEach((d, i) => d.classList.toggle('active', i === currentQ));\r\n const opts = document.getElementById('quizOptions');\r\n opts.innerHTML = '';\r\n data.opts.forEach((o, i) => {\r\n const btn = document.createElement('button');\r\n btn.className = 'quiz-option';\r\n btn.innerHTML = `<span class=\"quiz-option-icon\">${o.icon}<\/span><span class=\"quiz-option-text\">${o.text}<\/span>`;\r\n btn.onclick = () => selectOption(btn, o.text, i);\r\n opts.appendChild(btn);\r\n });\r\n}\r\n\r\nfunction selectOption(btn, text, idx) {\r\n document.querySelectorAll('.quiz-option').forEach(b => b.classList.remove('selected'));\r\n btn.classList.add('selected');\r\n answers[currentQ] = text;\r\n setTimeout(() => {\r\n if (currentQ < quizData.length - 1) {\r\n currentQ++;\r\n renderQuiz();\r\n } else {\r\n showQuizResult();\r\n }\r\n }, 500);\r\n}\r\n\r\nfunction showQuizResult() {\r\n document.getElementById('quizBody').innerHTML = `\r\n <div style=\"text-align:center; padding: 20px 0;\">\r\n <div style=\"font-size:48px; margin-bottom:20px;\">\u2728<\/div>\r\n <h3 style=\"font-family: var(--font-display); font-size: 26px; font-weight: 300; color: var(--charcoal); margin-bottom: 12px;\">Your Perfect Style is Ready!<\/h3>\r\n <p style=\"font-family: var(--font-body); font-size: 14px; color: var(--text-mid); margin-bottom: 32px; line-height: 1.7;\">Based on your selections, we'll curate a personalized furnishing proposal for your <strong>${answers[0]}<\/strong> in a <strong>${answers[1]}<\/strong> style, focusing on <strong>${answers[2]}<\/strong>.<\/p>\r\n <a href=\"#contact\" class=\"btn-primary\" style=\"display:inline-block;\">Get My Free Proposal \u2192<\/a>\r\n <\/div>\r\n `;\r\n}\r\n\r\nrenderQuiz();\r\n\r\n\/\/ FORM SUBMIT\r\nfunction submitForm() {\r\n alert('Thank you! Our team will contact you within 24 hours to confirm your free consultation. You can also reach us directly on WhatsApp for a faster response.');\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MAISON DUBAI \u2014 Luxury Furnishing & Interior Design Chat with us \u2715 Services Portfolio Process Reviews Contact MAISON DUBAI Indoor upholstery outdoor upholstery Curtains Wallpaper Contact Free Consultation Dubai’s Premier Luxury Furnishing Studio Where Spaces Become Extraordinary Bespoke furnishing, custom upholstery & interior styling for villas, apartments & hotels across the UAE Explore Collection Free […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dubaifurnishing.ae\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dubaifurnishing.ae\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dubaifurnishing.ae\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dubaifurnishing.ae\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dubaifurnishing.ae\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":27,"href":"https:\/\/dubaifurnishing.ae\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/dubaifurnishing.ae\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/dubaifurnishing.ae\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}