{"id":1886,"date":"2026-04-30T04:50:03","date_gmt":"2026-04-30T04:50:03","guid":{"rendered":"https:\/\/tcsarabia.com\/?page_id=1886"},"modified":"2026-05-02T13:18:25","modified_gmt":"2026-05-02T13:18:25","slug":"booking","status":"publish","type":"page","link":"https:\/\/tcsarabia.com\/index.php\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nTCS Arabia \u2013 Professional Cleaning Services Dubai<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n\r\n:root{\r\n --brand:#1a6fc4;--brand-dark:#0e4f91;--brand-light:#e8f2fc;\r\n --accent:#f5a623;--text:#1a1a2e;--muted:#6b7280;\r\n --border:#e5e7eb;--surface:#f9fafb;--white:#ffffff;\r\n --radius:12px;--radius-lg:20px;\r\n --shadow:0 4px 24px rgba(26,111,196,0.12);\r\n --shadow-card:0 2px 16px rgba(0,0,0,0.07);\r\n}\r\n\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:'Inter',sans-serif;color:var(--text);background:#f0f6ff;overflow-x:hidden}\r\n\r\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\r\n.reveal{opacity:0;transform:translateY(36px);transition:opacity 0.7s cubic-bezier(.22,1,.36,1),transform 0.7s cubic-bezier(.22,1,.36,1)}\r\n.reveal.visible{opacity:1;transform:none}\r\n.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity 0.7s cubic-bezier(.22,1,.36,1),transform 0.7s cubic-bezier(.22,1,.36,1)}\r\n.reveal-left.visible{opacity:1;transform:none}\r\n.reveal-right{opacity:0;transform:translateX(40px);transition:opacity 0.7s cubic-bezier(.22,1,.36,1),transform 0.7s cubic-bezier(.22,1,.36,1)}\r\n.reveal-right.visible{opacity:1;transform:none}\r\n.reveal-scale{opacity:0;transform:scale(0.88);transition:opacity 0.6s ease,transform 0.6s ease}\r\n.reveal-scale.visible{opacity:1;transform:scale(1)}\r\n.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}\r\n.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}\r\n.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.hero{\r\n background:linear-gradient(135deg,#0a3d6b 0%,#0e4f91 35%,#1a6fc4 70%,#2389e0 100%);\r\n position:relative;overflow:hidden;min-height:100vh;\r\n display:flex;flex-direction:column;justify-content:center;\r\n}\r\n\r\n\/* animated mesh\/orbs *\/\r\n.hero-orb{\r\n position:absolute;border-radius:50%;\r\n background:radial-gradient(circle,rgba(255,255,255,0.12) 0%,transparent 70%);\r\n animation:float 8s ease-in-out infinite;\r\n pointer-events:none;\r\n}\r\n.hero-orb:nth-child(1){width:500px;height:500px;top:-100px;right:-120px;animation-delay:0s}\r\n.hero-orb:nth-child(2){width:350px;height:350px;bottom:-80px;left:-100px;animation-delay:3s}\r\n.hero-orb:nth-child(3){width:220px;height:220px;top:40%;left:10%;animation-delay:5s}\r\n@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-28px) scale(1.04)}}\r\n\r\n\/* particle canvas *\/\r\n#particles{position:absolute;inset:0;pointer-events:none}\r\n\r\n\/* wave divider *\/\r\n.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;line-height:0}\r\n.hero-wave svg{display:block;width:100%}\r\n\r\n.hero-inner{\r\n max-width:860px;margin:0 auto;\r\n padding:100px 32px 120px;\r\n text-align:center;position:relative;z-index:2;\r\n}\r\n\r\n\/* hero text animations *\/\r\n.hero-badge{\r\n display:inline-flex;align-items:center;gap:8px;\r\n background:rgba(255,255,255,0.14);\r\n border:1px solid rgba(255,255,255,0.28);\r\n color:#fff;font-size:13px;font-weight:600;\r\n padding:7px 18px;border-radius:999px;margin-bottom:28px;\r\n animation:badgePop 0.8s cubic-bezier(.34,1.56,.64,1) 0.3s both;\r\n backdrop-filter:blur(6px);\r\n}\r\n@keyframes badgePop{from{opacity:0;transform:scale(0.7) translateY(-10px)}to{opacity:1;transform:none}}\r\n\r\n.badge-dot{\r\n width:7px;height:7px;border-radius:50%;background:#4ade80;\r\n animation:pulse-dot 2s ease infinite;flex-shrink:0;\r\n}\r\n@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,0.5)}50%{box-shadow:0 0 0 6px rgba(74,222,128,0)}}\r\n\r\n.hero h1{\r\n font-size:clamp(36px,6vw,64px);font-weight:900;\r\n color:#fff;line-height:1.1;margin-bottom:22px;\r\n animation:heroTitle 1s cubic-bezier(.22,1,.36,1) 0.5s both;\r\n letter-spacing:-1px;\r\n}\r\n@keyframes heroTitle{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}\r\n\r\n.hero h1 em{font-style:normal;color:#ffd166}\r\n\r\n\/* typewriter word swap *\/\r\n.swap-word{\r\n display:inline-block;position:relative;\r\n color:#ffd166;\r\n animation:wordSwap 0.5s ease 1.5s both;\r\n}\r\n@keyframes wordSwap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\r\n\r\n.hero-desc{\r\n color:rgba(255,255,255,0.84);font-size:18px;line-height:1.7;\r\n margin:0 auto 44px;max-width:580px;\r\n animation:heroDesc 0.9s ease 0.8s both;\r\n}\r\n@keyframes heroDesc{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}\r\n\r\n\/* counter stats *\/\r\n.hero-stats{\r\n display:flex;justify-content:center;flex-wrap:wrap;\r\n gap:0;margin-bottom:52px;\r\n animation:heroStats 0.9s ease 1s both;\r\n}\r\n@keyframes heroStats{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}\r\n\r\n.stat{\r\n text-align:center;padding:16px 28px;\r\n border-right:1px solid rgba(255,255,255,0.18);\r\n transition:transform 0.25s;\r\n}\r\n.stat:last-child{border-right:none}\r\n.stat:hover{transform:translateY(-3px)}\r\n.stat-num{font-size:30px;font-weight:900;color:#ffd166;line-height:1}\r\n.stat-label{font-size:12px;color:rgba(255,255,255,0.65);margin-top:5px;font-weight:500}\r\n\r\n\/* CTA button with shimmer *\/\r\n.hero-cta-wrap{animation:heroCta 0.9s ease 1.2s both}\r\n@keyframes heroCta{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:none}}\r\n\r\n.hero-cta{\r\n display:inline-flex;align-items:center;gap:12px;\r\n background:#fff;color:var(--brand-dark);\r\n font-size:17px;font-weight:800;\r\n padding:18px 48px;border-radius:14px;\r\n text-decoration:none;border:none;cursor:pointer;\r\n font-family:'Inter',sans-serif;\r\n position:relative;overflow:hidden;\r\n box-shadow:0 8px 40px rgba(0,0,0,0.22);\r\n transition:transform 0.2s,box-shadow 0.2s;\r\n}\r\n.hero-cta::after{\r\n content:'';position:absolute;top:0;left:-100%;\r\n width:60%;height:100%;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,0.55),transparent);\r\n animation:shimmer 2.8s ease 2s infinite;\r\n}\r\n@keyframes shimmer{0%{left:-100%}100%{left:180%}}\r\n.hero-cta:hover{transform:translateY(-3px);box-shadow:0 14px 44px rgba(0,0,0,0.28)}\r\n.hero-cta:active{transform:scale(0.97)}\r\n\r\n.hero-cta .arrow{\r\n display:inline-block;\r\n transition:transform 0.2s;\r\n}\r\n.hero-cta:hover .arrow{transform:translateX(4px)}\r\n\r\n\/* ripple on click *\/\r\n.ripple{\r\n position:absolute;border-radius:50%;\r\n background:rgba(26,111,196,0.25);\r\n transform:scale(0);animation:rippleAnim 0.6s linear;\r\n pointer-events:none;\r\n}\r\n@keyframes rippleAnim{to{transform:scale(4);opacity:0}}\r\n\r\n.hero-cta-sub{\r\n display:block;margin-top:16px;\r\n font-size:13px;color:rgba(255,255,255,0.55);\r\n letter-spacing:0.3px;\r\n}\r\n\r\n\/* trust badges row *\/\r\n.trust-row{\r\n display:flex;align-items:center;justify-content:center;gap:24px;\r\n flex-wrap:wrap;margin-top:48px;\r\n animation:heroStats 0.9s ease 1.4s both;\r\n}\r\n.trust-item{\r\n display:flex;align-items:center;gap:7px;\r\n color:rgba(255,255,255,0.75);font-size:13px;font-weight:500;\r\n}\r\n.trust-item span{font-size:15px}\r\n\r\n\/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\r\n.section{max-width:1200px;margin:0 auto;padding:80px 32px}\r\n.section-tag{\r\n display:inline-block;background:var(--brand-light);color:var(--brand);\r\n font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;\r\n padding:5px 16px;border-radius:999px;margin-bottom:14px;\r\n}\r\n.section-title{\r\n font-size:clamp(28px,4vw,42px);font-weight:800;\r\n color:var(--text);line-height:1.15;margin-bottom:12px;letter-spacing:-0.5px;\r\n}\r\n.section-sub{font-size:16px;color:var(--muted);max-width:560px;line-height:1.65}\r\n.section-head{margin-bottom:52px}\r\n\r\n\/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\r\n.steps-bg{background:#f0f6ff}\r\n.steps{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\r\n gap:24px;position:relative;\r\n}\r\n\/* connector line *\/\r\n.steps::before{\r\n content:'';position:absolute;top:56px;left:calc(12.5% + 22px);\r\n width:calc(75% - 44px);height:2px;\r\n background:linear-gradient(90deg,var(--brand-light),var(--brand),var(--brand-light));\r\n z-index:0;\r\n}\r\n.step-card{\r\n background:var(--white);border-radius:var(--radius-lg);\r\n padding:30px 24px;box-shadow:var(--shadow-card);\r\n border:1.5px solid var(--border);\r\n position:relative;z-index:1;\r\n cursor:default;\r\n transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s,border-color 0.3s;\r\n}\r\n.step-card:hover{\r\n transform:translateY(-8px) scale(1.02);\r\n box-shadow:0 20px 48px rgba(26,111,196,0.15);\r\n border-color:var(--brand);\r\n}\r\n.step-num{\r\n width:48px;height:48px;border-radius:50%;\r\n background:var(--brand);color:#fff;\r\n font-size:18px;font-weight:800;\r\n display:flex;align-items:center;justify-content:center;\r\n margin-bottom:16px;\r\n box-shadow:0 4px 16px rgba(26,111,196,0.3);\r\n transition:transform 0.3s,box-shadow 0.3s;\r\n}\r\n.step-card:hover .step-num{transform:scale(1.15) rotate(-5deg);box-shadow:0 8px 24px rgba(26,111,196,0.4)}\r\n.step-icon{font-size:30px;margin-bottom:12px;display:block;transition:transform 0.3s}\r\n.step-card:hover .step-icon{transform:scale(1.2) rotate(5deg)}\r\n.step-card h3{font-size:15px;font-weight:700;margin-bottom:8px}\r\n.step-card p{font-size:13px;color:var(--muted);line-height:1.6}\r\n\r\n\/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n.services-bg{background:var(--white)}\r\n.services-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(155px,1fr));\r\n gap:18px;\r\n}\r\n.svc-card{\r\n background:var(--surface);border:1.5px solid var(--border);\r\n border-radius:var(--radius-lg);padding:28px 16px;\r\n text-align:center;cursor:pointer;\r\n position:relative;overflow:hidden;\r\n transition:all 0.3s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.svc-card::before{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(135deg,var(--brand-light),transparent);\r\n opacity:0;transition:opacity 0.3s;\r\n}\r\n.svc-card:hover{\r\n border-color:var(--brand);\r\n transform:translateY(-6px) scale(1.03);\r\n box-shadow:0 16px 40px rgba(26,111,196,0.15);\r\n}\r\n.svc-card:hover::before{opacity:1}\r\n.svc-icon{font-size:38px;margin-bottom:12px;display:block;transition:transform 0.3s}\r\n.svc-card:hover .svc-icon{transform:scale(1.25) rotate(-8deg)}\r\n.svc-name{font-size:13px;font-weight:700;color:var(--text);position:relative}\r\n.svc-from{\r\n font-size:11px;color:var(--brand);font-weight:600;margin-top:6px;\r\n position:relative;opacity:0;transform:translateY(4px);\r\n transition:opacity 0.2s,transform 0.2s;\r\n}\r\n.svc-card:hover .svc-from{opacity:1;transform:none}\r\n.svc-arrow{\r\n position:absolute;bottom:10px;right:12px;font-size:16px;\r\n color:var(--brand);opacity:0;transform:translateX(-6px);\r\n transition:opacity 0.2s,transform 0.2s;\r\n}\r\n.svc-card:hover .svc-arrow{opacity:1;transform:none}\r\n\r\n\/* \u2500\u2500 WHY US \u2500\u2500 *\/\r\n.why-bg{background:linear-gradient(135deg,#0a3d6b 0%,#0e4f91 50%,#1a6fc4 100%);position:relative;overflow:hidden}\r\n.why-bg::before{\r\n content:'';position:absolute;inset:0;\r\n background:url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='40' cy='40' r='20'\/%3E%3C\/g%3E%3C\/svg%3E\");\r\n}\r\n.why-bg .section-tag{background:rgba(255,255,255,0.15);color:#fff}\r\n.why-bg .section-title{color:#fff}\r\n.why-bg .section-sub{color:rgba(255,255,255,0.7)}\r\n.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;position:relative}\r\n.why-card{\r\n background:rgba(255,255,255,0.07);\r\n border:1px solid rgba(255,255,255,0.14);\r\n border-radius:var(--radius-lg);padding:28px 24px;\r\n cursor:default;position:relative;overflow:hidden;\r\n transition:background 0.3s,transform 0.3s,border-color 0.3s;\r\n}\r\n.why-card::after{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(135deg,rgba(255,255,255,0.08),transparent);\r\n opacity:0;transition:opacity 0.3s;\r\n}\r\n.why-card:hover{background:rgba(255,255,255,0.14);transform:translateY(-5px);border-color:rgba(255,255,255,0.3)}\r\n.why-card:hover::after{opacity:1}\r\n.why-icon{\r\n width:54px;height:54px;\r\n background:rgba(255,255,255,0.12);\r\n border-radius:16px;display:flex;align-items:center;justify-content:center;\r\n font-size:26px;margin-bottom:18px;\r\n transition:transform 0.3s,background 0.3s;\r\n position:relative;\r\n}\r\n.why-card:hover .why-icon{transform:scale(1.12) rotate(-6deg);background:rgba(255,255,255,0.2)}\r\n.why-card h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:8px}\r\n.why-card p{font-size:13px;color:rgba(255,255,255,0.7);line-height:1.65}\r\n\r\n\/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\r\n.testi-bg{background:#f0f6ff}\r\n.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}\r\n.testi-card{\r\n background:var(--white);border:1.5px solid var(--border);\r\n border-radius:var(--radius-lg);padding:28px 24px;\r\n box-shadow:var(--shadow-card);position:relative;overflow:hidden;\r\n transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;\r\n cursor:default;\r\n}\r\n.testi-card::before{\r\n content:'\"';position:absolute;top:-10px;left:16px;\r\n font-size:100px;font-weight:900;color:var(--brand-light);\r\n line-height:1;pointer-events:none;z-index:0;\r\n transition:color 0.3s;\r\n}\r\n.testi-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(26,111,196,0.12);border-color:var(--brand)}\r\n.testi-card:hover::before{color:#dbeeff}\r\n.stars{color:var(--accent);font-size:16px;margin-bottom:14px;position:relative;z-index:1;letter-spacing:2px}\r\n.testi-text{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:20px;font-style:italic;position:relative;z-index:1}\r\n.testi-author{display:flex;align-items:center;gap:12px;position:relative;z-index:1}\r\n.avatar{\r\n width:44px;height:44px;border-radius:50%;\r\n background:linear-gradient(135deg,var(--brand-light),#c7def7);\r\n display:flex;align-items:center;justify-content:center;\r\n font-weight:800;font-size:14px;color:var(--brand);flex-shrink:0;\r\n transition:transform 0.3s;\r\n}\r\n.testi-card:hover .avatar{transform:scale(1.1) rotate(5deg)}\r\n.author-name{font-size:14px;font-weight:700}\r\n.author-role{font-size:12px;color:var(--muted);margin-top:2px}\r\n\r\n\/* \u2500\u2500 BOTTOM CTA \u2500\u2500 *\/\r\n.bottom-cta{\r\n text-align:center;background:linear-gradient(135deg,#fff8ed,#fff3d6);\r\n border-top:1.5px solid #ffe4b0;padding:80px 32px;\r\n position:relative;overflow:hidden;\r\n}\r\n.bottom-cta::before{\r\n content:'\u2728';position:absolute;font-size:180px;opacity:0.06;\r\n top:-20px;right:5%;pointer-events:none;animation:float 7s ease-in-out infinite;\r\n}\r\n.bottom-cta h2{font-size:clamp(28px,4vw,40px);font-weight:900;margin-bottom:14px;letter-spacing:-0.5px}\r\n.bottom-cta p{color:var(--muted);font-size:17px;margin-bottom:36px}\r\n.cta-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}\r\n.btn-primary{\r\n padding:15px 36px;background:var(--brand);color:#fff;\r\n font-size:15px;font-weight:700;border:none;border-radius:12px;\r\n cursor:pointer;text-decoration:none;font-family:'Inter',sans-serif;\r\n transition:background 0.2s,transform 0.2s,box-shadow 0.2s;\r\n display:inline-flex;align-items:center;gap:8px;\r\n box-shadow:0 4px 20px rgba(26,111,196,0.3);\r\n position:relative;overflow:hidden;\r\n}\r\n.btn-primary::after{\r\n content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);\r\n animation:shimmer 3s ease 1s infinite;\r\n}\r\n.btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(26,111,196,0.4)}\r\n.btn-outline{\r\n padding:15px 36px;background:transparent;color:var(--text);\r\n font-size:15px;font-weight:700;border:2px solid var(--border);\r\n border-radius:12px;cursor:pointer;text-decoration:none;\r\n font-family:'Inter',sans-serif;\r\n transition:border-color 0.2s,color 0.2s,transform 0.2s,background 0.2s;\r\n display:inline-flex;align-items:center;gap:8px;\r\n}\r\n.btn-outline:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);background:var(--brand-light)}\r\n\r\n\/* \u2500\u2500 FLOATING WHATSAPP \u2500\u2500 *\/\r\n.wa-float{\r\n position:fixed;bottom:28px;right:28px;z-index:999;\r\n width:58px;height:58px;border-radius:50%;\r\n background:#25d366;\r\n display:flex;align-items:center;justify-content:center;\r\n box-shadow:0 6px 28px rgba(37,211,102,0.45);\r\n text-decoration:none;font-size:28px;\r\n animation:waBounce 2.5s ease-in-out 3s infinite;\r\n transition:transform 0.2s,box-shadow 0.2s;\r\n}\r\n.wa-float:hover{transform:scale(1.12);box-shadow:0 10px 36px rgba(37,211,102,0.55)}\r\n.wa-float::before{\r\n content:'';position:absolute;\r\n width:58px;height:58px;border-radius:50%;\r\n background:rgba(37,211,102,0.35);\r\n animation:waPulse 2.5s ease-in-out 3s infinite;\r\n}\r\n@keyframes waBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\r\n@keyframes waPulse{0%{transform:scale(1);opacity:0.8}100%{transform:scale(1.7);opacity:0}}\r\n\r\n\/* \u2500\u2500 SCROLL PROGRESS BAR \u2500\u2500 *\/\r\n.scroll-progress{\r\n position:fixed;top:0;left:0;height:3px;z-index:9999;\r\n background:linear-gradient(90deg,#ffd166,var(--brand));\r\n width:0%;transition:width 0.1s linear;\r\n}\r\n\r\n\/* \u2500\u2500 BACK TO TOP \u2500\u2500 *\/\r\n.back-top{\r\n position:fixed;bottom:28px;left:28px;z-index:999;\r\n width:44px;height:44px;border-radius:50%;\r\n background:var(--white);border:1.5px solid var(--border);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:18px;cursor:pointer;\r\n box-shadow:var(--shadow-card);\r\n opacity:0;transform:translateY(10px);\r\n transition:opacity 0.3s,transform 0.3s,box-shadow 0.2s;\r\n text-decoration:none;color:var(--text);\r\n}\r\n.back-top.show{opacity:1;transform:none}\r\n.back-top:hover{box-shadow:var(--shadow)}\r\n\r\n\/* \u2500\u2500 COUNTER ANIMATION \u2500\u2500 *\/\r\n@keyframes countUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}\r\n\r\n\/* mobile *\/\r\n@media(max-width:768px){\r\n .hero-inner{padding:70px 20px 100px}\r\n .section{padding:52px 20px}\r\n .stat{padding:12px 16px}\r\n .hero h1{letter-spacing:-0.5px}\r\n .steps::before{display:none}\r\n .bottom-cta{padding:52px 20px}\r\n .hero-stats{gap:8px 0}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- SCROLL PROGRESS -->\r\n<div class=\"scroll-progress\" id=\"scrollBar\"><\/div>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\" id=\"top\">\r\n <canvas id=\"particles\"><\/canvas>\r\n <div class=\"hero-orb\"><\/div>\r\n <div class=\"hero-orb\"><\/div>\r\n <div class=\"hero-orb\"><\/div>\r\n\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-badge\">\r\n <span class=\"badge-dot\"><\/span>\r\n Rated #1 Cleaning Service in Dubai\r\n <\/div>\r\n\r\n <h1>\r\n Professional <span class=\"swap-word\" id=\"swapWord\">Cleaning<\/span>,<br\/>\r\n <em>Delivered to Your Door<\/em>\r\n <\/h1>\r\n\r\n <p class=\"hero-desc\">\r\n Trusted by 1,500+ homes and offices across Dubai. Book online in 60 seconds\r\n and get a vetted, background-checked cleaner at your doorstep.\r\n <\/p>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"stat\">\r\n <div class=\"stat-num\" data-target=\"1500\" data-suffix=\"+\">0<\/div>\r\n <div class=\"stat-label\">Happy customers<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat-num\" data-target=\"100\" data-suffix=\"%\">0<\/div>\r\n <div class=\"stat-label\">Satisfaction guarantee<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat-num\" data-target=\"30\" data-suffix=\"+\">0<\/div>\r\n <div class=\"stat-label\">Expert cleaners<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat-num\" data-target=\"5\" data-suffix=\"\u2605\">0<\/div>\r\n <div class=\"stat-label\">Average rating<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-cta-wrap\">\r\n <!-- \u2193 REPLACE href=\"#\" WITH YOUR BOOKING PAGE URL \u2193 -->\r\n <a href=\"#scrolltobook\" class=\"hero-cta\" id=\"heroCta\">\r\n \ud83d\udcc5 Get an Instant Quote\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <span class=\"hero-cta-sub\">Enjoy special deals on our monthly contracts. \u00b7 Takes less than 60 seconds<\/span>\r\n <\/div>\r\n\r\n <div class=\"trust-row\">\r\n <div class=\"trust-item\"><span>\ud83d\udd12<\/span> Secure & safe<\/div>\r\n <div class=\"trust-item\"><span>\u2705<\/span> Background-checked<\/div>\r\n <div class=\"trust-item\"><span>\ud83c\udf3f<\/span> Eco-friendly products<\/div>\r\n <div class=\"trust-item\"><span>\ud83d\udcde<\/span> 7 days support<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-wave\">\r\n <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M0,40 C360,80 1080,0 1440,40 L1440,80 L0,80 Z\" fill=\"#f0f6ff\"\/>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- HOW IT WORKS -->\r\n<section class=\"steps-bg\">\r\n <div class=\"section\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-tag\">Simple Process<\/div>\r\n <h2 class=\"section-title\">Book in 4 Easy Steps<\/h2>\r\n <p class=\"section-sub\">We've made the process completely hassle-free so you can get back to what matters.<\/p>\r\n <\/div>\r\n <div class=\"steps\">\r\n <div class=\"step-card reveal delay-1\">\r\n <div class=\"step-num\">1<\/div>\r\n <span class=\"step-icon\">\ud83d\udccb<\/span>\r\n <h3>Book Online in 60 Seconds<\/h3>\r\n <p>Choose your service, pick a date & time, and tell us where you are. Simple and fast.<\/p>\r\n <\/div>\r\n <div class=\"step-card reveal delay-2\">\r\n <div class=\"step-num\">2<\/div>\r\n <span class=\"step-icon\">\ud83e\uddd1\u200d\ud83d\udcbc<\/span>\r\n <h3>We Match You with an Expert<\/h3>\r\n <p>Our team assigns a vetted, 5-star rated cleaner to your booking within minutes.<\/p>\r\n <\/div>\r\n <div class=\"step-card reveal delay-3\">\r\n <div class=\"step-num\">3<\/div>\r\n <span class=\"step-icon\">\ud83c\udfe1<\/span>\r\n <h3>Arrive to a Spotless Space<\/h3>\r\n <p>Your cleaner arrives on time with all materials. You relax and enjoy a fresh, clean home.<\/p>\r\n <\/div>\r\n <div class=\"step-card reveal delay-4\">\r\n <div class=\"step-num\">4<\/div>\r\n <span class=\"step-icon\">\u2b50<\/span>\r\n <h3>Rate & Rebook Easily<\/h3>\r\n <p>Love your cleaner? Keep them every visit. Not happy? We'll make it right \u2014 guaranteed.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICES -->\r\n<section class=\"services-bg\">\r\n <div class=\"section\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-tag\">Our Services<\/div>\r\n <h2 class=\"section-title\">Everything Your Space Needs<\/h2>\r\n <p class=\"section-sub\">From quick cleans to deep scrubs \u2014 residential and commercial across Dubai.<\/p>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n\r\n <div class=\"svc-card reveal delay-1\">\r\n <span class=\"svc-icon\">\ud83c\udfe2<\/span>\r\n <div class=\"svc-name\">Apartment Cleaning<\/div>\r\n <div class=\"svc-from\">From AED 149<\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-card reveal delay-2\">\r\n <span class=\"svc-icon\">\ud83c\udfe0<\/span>\r\n <div class=\"svc-name\">House \/ Villa<\/div>\r\n <div class=\"svc-from\">From AED 249<\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-card reveal delay-3\">\r\n <span class=\"svc-icon\">\u2728<\/span>\r\n <div class=\"svc-name\">Deep Cleaning<\/div>\r\n <div class=\"svc-from\">From AED 349<\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-card reveal delay-4\">\r\n <span class=\"svc-icon\">\ud83d\udce6<\/span>\r\n <div class=\"svc-name\">Move In \/ Move Out<\/div>\r\n <div class=\"svc-from\">From AED 399<\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-card reveal delay-1\">\r\n <span class=\"svc-icon\">\ud83e\uddf9<\/span>\r\n <div class=\"svc-name\">Carpet Cleaning<\/div>\r\n <div class=\"svc-from\">From AED 199<\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-card reveal delay-2\">\r\n <span class=\"svc-icon\">\ud83e\ude9f<\/span>\r\n <div class=\"svc-name\">Window Cleaning<\/div>\r\n <div class=\"svc-from\">From AED 149<\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-card reveal delay-3\">\r\n <span class=\"svc-icon\">\ud83c\udfd7\ufe0f<\/span>\r\n <div class=\"svc-name\">After Renovation<\/div>\r\n <div class=\"svc-from\">From AED 499<\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-card reveal delay-4\">\r\n <span class=\"svc-icon\">\ud83c\udfe2<\/span>\r\n <div class=\"svc-name\">Commercial Cleaning<\/div>\r\n <div class=\"svc-from\">Get a quote<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- WHY CHOOSE US -->\r\n<section class=\"why-bg\">\r\n <div class=\"section\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-tag\">Why TCS Arabia<\/div>\r\n <h2 class=\"section-title\" style=\"color:#fff\">The Dubai Standard in Cleaning<\/h2>\r\n <p class=\"section-sub\" style=\"color:rgba(255,255,255,0.7)\">We don't just clean \u2014 we create spaces you love coming home to.<\/p>\r\n <\/div>\r\n <div class=\"why-grid\">\r\n <div class=\"why-card reveal delay-1\">\r\n <div class=\"why-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <h3>Fully Insured & Bonded<\/h3>\r\n <p>Every job is fully covered. If anything goes wrong, you're protected. Complete peace of mind.<\/p>\r\n <\/div>\r\n <div class=\"why-card reveal delay-2\">\r\n <div class=\"why-icon\">\u2705<\/div>\r\n <h3>Vetted Professionals<\/h3>\r\n <p>All cleaners are background-checked, trained, and rated 5 stars before they visit you.<\/p>\r\n <\/div>\r\n <div class=\"why-card reveal delay-3\">\r\n <div class=\"why-icon\">\ud83c\udf3f<\/div>\r\n <h3>Eco-Friendly Products<\/h3>\r\n <p>Biodegradable, family-safe products \u2014 safe for your children, pets, and the environment.<\/p>\r\n <\/div>\r\n <div class=\"why-card reveal delay-4\">\r\n <div class=\"why-icon\">\u26a1<\/div>\r\n <h3>Instant Confirmation<\/h3>\r\n <p>Book online and get confirmation within minutes. Our team calls you to finalise details.<\/p>\r\n <\/div>\r\n <div class=\"why-card reveal delay-5\">\r\n <div class=\"why-icon\">\ud83d\udd04<\/div>\r\n <h3>100% Satisfaction Guarantee<\/h3>\r\n <p>Not happy with any area? We come back and re-clean it the next day, free of charge.<\/p>\r\n <\/div>\r\n <div class=\"why-card reveal delay-6\">\r\n <div class=\"why-icon\">\ud83d\udcc5<\/div>\r\n <h3>Flexible Scheduling<\/h3>\r\n <p>Available 7 days a week, 8 AM \u2013 10 PM. One-time or regular visits \u2014 your choice.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TESTIMONIALS -->\r\n<section class=\"testi-bg\">\r\n <div class=\"section\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-tag\">Reviews<\/div>\r\n <h2 class=\"section-title\">Loved by Dubai Families<\/h2>\r\n <p class=\"section-sub\">Don't just take our word for it \u2014 here's what our customers say.<\/p>\r\n <\/div>\r\n <div class=\"testimonials\">\r\n <div class=\"testi-card reveal-left delay-1\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-text\">\"They are very professional and do a great job cleaning the house! The team really cares about their clients \u2014 that speaks volumes.\"<\/p>\r\n <div class=\"testi-author\">\r\n <div class=\"avatar\">AA<\/div>\r\n <div>\r\n <div class=\"author-name\">Aaliya A.<\/div>\r\n <div class=\"author-role\">Homeowner, Jumeirah<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"testi-card reveal delay-2\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-text\">\"Extremely professional and thorough deep cleaning of our office. Every detail was handled with care, leaving the workspace spotless and refreshed.\"<\/p>\r\n <div class=\"testi-author\">\r\n <div class=\"avatar\">SR<\/div>\r\n <div>\r\n <div class=\"author-name\">Shirley R. Sanchez<\/div>\r\n <div class=\"author-role\">Manager, Business Bay<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"testi-card reveal-right delay-3\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-text\">\"Booked a move-in clean for my new apartment and it was absolutely spotless. Responsive team, great pricing, and punctual arrival. Will use again!\"<\/p>\r\n <div class=\"testi-author\">\r\n <div class=\"avatar\">KM<\/div>\r\n <div>\r\n <div class=\"author-name\">Khalid M.<\/div>\r\n <div class=\"author-role\">Tenant, Dubai Marina<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FLOATING WHATSAPP -->\r\n<a href=\"https:\/\/wa.link\/eriflf\" target=\"_blank\" class=\"wa-float\" title=\"Chat on WhatsApp\">\ud83d\udcac<\/a>\r\n\r\n\r\n\r\n<script>\r\n\/\/ \u2500\u2500 PARTICLES \u2500\u2500\r\n(function(){\r\n var canvas=document.getElementById('particles');\r\n var ctx=canvas.getContext('2d');\r\n var particles=[];\r\n function resize(){canvas.width=canvas.offsetWidth;canvas.height=canvas.offsetHeight}\r\n resize();window.addEventListener('resize',resize);\r\n for(var i=0;i<55;i++){\r\n particles.push({\r\n x:Math.random()*canvas.width,\r\n y:Math.random()*canvas.height,\r\n r:Math.random()*2+0.5,\r\n dx:(Math.random()-0.5)*0.35,\r\n dy:(Math.random()-0.5)*0.35,\r\n o:Math.random()*0.4+0.1\r\n });\r\n }\r\n function draw(){\r\n ctx.clearRect(0,0,canvas.width,canvas.height);\r\n particles.forEach(function(p){\r\n ctx.beginPath();ctx.arc(p.x,p.y,p.r,0,Math.PI*2);\r\n ctx.fillStyle='rgba(255,255,255,'+p.o+')';ctx.fill();\r\n p.x+=p.dx;p.y+=p.dy;\r\n if(p.x<0||p.x>canvas.width)p.dx*=-1;\r\n if(p.y<0||p.y>canvas.height)p.dy*=-1;\r\n });\r\n requestAnimationFrame(draw);\r\n }\r\n draw();\r\n})();\r\n\r\n\/\/ \u2500\u2500 SCROLL PROGRESS BAR \u2500\u2500\r\nwindow.addEventListener('scroll',function(){\r\n var max=document.body.scrollHeight-window.innerHeight;\r\n document.getElementById('scrollBar').style.width=(window.scrollY\/max*100)+'%';\r\n var bt=document.getElementById('backTop');\r\n if(window.scrollY>400){bt.classList.add('show')}else{bt.classList.remove('show')}\r\n});\r\n\r\n\/\/ \u2500\u2500 INTERSECTION OBSERVER (reveal) \u2500\u2500\r\nvar observer=new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){e.target.classList.add('visible');observer.unobserve(e.target)}\r\n });\r\n},{threshold:0.12});\r\ndocument.querySelectorAll('.reveal,.reveal-left,.reveal-right,.reveal-scale').forEach(function(el){observer.observe(el)});\r\n\r\n\/\/ \u2500\u2500 COUNTER ANIMATION \u2500\u2500\r\nfunction animateCounter(el){\r\n var target=parseInt(el.dataset.target);\r\n var suffix=el.dataset.suffix||'';\r\n var duration=1800;\r\n var start=performance.now();\r\n function step(now){\r\n var t=Math.min((now-start)\/duration,1);\r\n var ease=1-Math.pow(1-t,3);\r\n var val=Math.round(ease*target);\r\n el.textContent=(target===1500?val.toLocaleString():val)+suffix;\r\n if(t<1)requestAnimationFrame(step);\r\n }\r\n requestAnimationFrame(step);\r\n}\r\nvar counterDone=false;\r\nvar statSection=document.querySelector('.hero-stats');\r\nvar counterObs=new IntersectionObserver(function(entries){\r\n if(entries[0].isIntersecting&&!counterDone){\r\n counterDone=true;\r\n document.querySelectorAll('[data-target]').forEach(function(el){\r\n setTimeout(function(){animateCounter(el)},Math.random()*300);\r\n });\r\n }\r\n},{threshold:0.5});\r\ncounterObs.observe(statSection);\r\n\r\n\/\/ \u2500\u2500 WORD SWAP \u2500\u2500\r\nvar words=['Cleaning','Magic','Excellence','Service'];\r\nvar wi=0;\r\nvar sw=document.getElementById('swapWord');\r\nsetInterval(function(){\r\n sw.style.opacity='0';sw.style.transform='translateY(10px)';\r\n sw.style.transition='opacity 0.3s,transform 0.3s';\r\n setTimeout(function(){\r\n wi=(wi+1)%words.length;\r\n sw.textContent=words[wi];\r\n sw.style.opacity='1';sw.style.transform='none';\r\n },350);\r\n},2800);\r\n\r\n\/\/ \u2500\u2500 RIPPLE ON CTA \u2500\u2500\r\ndocument.querySelectorAll('.hero-cta,.btn-primary').forEach(function(btn){\r\n btn.addEventListener('click',function(e){\r\n var r=document.createElement('span');\r\n r.className='ripple';\r\n var rect=btn.getBoundingClientRect();\r\n var size=Math.max(btn.offsetWidth,btn.offsetHeight);\r\n r.style.cssText='width:'+size+'px;height:'+size+'px;left:'+(e.clientX-rect.left-size\/2)+'px;top:'+(e.clientY-rect.top-size\/2)+'px';\r\n btn.appendChild(r);\r\n setTimeout(function(){r.remove()},700);\r\n });\r\n});\r\n\r\n\/\/ \u2500\u2500 PARALLAX HERO ORBS \u2500\u2500\r\nwindow.addEventListener('mousemove',function(e){\r\n var x=(e.clientX\/window.innerWidth-0.5)*18;\r\n var y=(e.clientY\/window.innerHeight-0.5)*12;\r\n document.querySelectorAll('.hero-orb').forEach(function(o,i){\r\n var d=(i+1)*0.5;\r\n o.style.transform='translate('+(x*d)+'px,'+(y*d)+'px)';\r\n });\r\n});\r\n\r\n\/\/ hover arrow on bottom CTA\r\ndocument.querySelectorAll('.btn-primary').forEach(function(b){\r\n var arrow=b.querySelector('.arrow');\r\n if(arrow){\r\n b.addEventListener('mouseenter',function(){arrow.style.transform='translateX(4px)'});\r\n b.addEventListener('mouseleave',function(){arrow.style.transform='none'});\r\n }\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62350d3 e-flex e-con-boxed e-con e-parent\" data-id=\"62350d3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-311291d elementor-widget elementor-widget-html\" data-id=\"311291d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"scrolltobook\" class=\"booking-container\">\r\n\r\n <!-- LEFT -->\r\n <div class=\"booking-left\">\r\n\r\n <h2>Book Your Cleaning<\/h2>\r\n\r\n <label>How many hours?<\/label>\r\n <div class=\"option-group\" id=\"hours\">\r\n <span>1<\/span><span>2<\/span><span>3<\/span><span>4<\/span>\r\n <span>5<\/span><span>6<\/span><span>7<\/span><span>8<\/span>\r\n <\/div>\r\n\r\n <!-- \u2705 UPDATED -->\r\n <label>How many professionals?<\/label>\r\n <input type=\"number\" id=\"pros\" min=\"1\" placeholder=\"Enter number of professionals\">\r\n\r\n <label>Need cleaning materials?<\/label>\r\n <div class=\"toggle-group\" id=\"materials\">\r\n <button data-value=\"No\">No<\/button>\r\n <button data-value=\"Yes\" class=\"active\">Yes<\/button>\r\n <\/div>\r\n\r\n <h3>Confirm Your Details<\/h3>\r\n\r\n <input type=\"text\" id=\"name\" placeholder=\"Full Name\">\r\n <input type=\"tel\" id=\"phone\" placeholder=\"Phone Number\">\r\n <input type=\"email\" id=\"email\" placeholder=\"Email\">\r\n\r\n <input type=\"text\" id=\"address\" placeholder=\"Address\">\r\n <input type=\"text\" id=\"city\" placeholder=\"City\">\r\n\r\n <textarea id=\"notes\" placeholder=\"Special Instructions\"><\/textarea>\r\n\r\n <\/div>\r\n\r\n <!-- RIGHT -->\r\n <div class=\"booking-right\">\r\n\r\n <label>Select Date<\/label>\r\n <input type=\"date\" id=\"date\">\r\n\r\n <label>Select Time<\/label>\r\n <div class=\"time-slots\" id=\"time\">\r\n <span>09:00 AM<\/span>\r\n <span>10:00 AM<\/span>\r\n <span>12:00 PM<\/span>\r\n <span>02:00 PM<\/span>\r\n <span>04:00 PM<\/span>\r\n <span>06:00 PM<\/span>\r\n <\/div>\r\n\r\n <button class=\"book-btn\" onclick=\"sendToWhatsApp()\">Confirm Booking<\/button>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.booking-container {\r\n display: flex;\r\n gap: 30px;\r\n font-family: 'Segoe UI', sans-serif;\r\n max-width: 1100px;\r\n margin: auto;\r\n padding: 20px;\r\n}\r\n\r\n.booking-left, .booking-right {\r\n background: #fff;\r\n padding: 25px;\r\n border-radius: 15px;\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.08);\r\n flex: 1;\r\n}\r\n\r\nh2 { margin-bottom: 10px; }\r\nh3 { margin-top: 20px; }\r\n\r\nlabel {\r\n font-weight: 600;\r\n margin-top: 15px;\r\n display: block;\r\n}\r\n\r\n.option-group,\r\n.time-slots {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.option-group span,\r\n.time-slots span {\r\n padding: 10px 15px;\r\n margin: 5px;\r\n border-radius: 10px;\r\n border: 1px solid #ddd;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n}\r\n\r\n.option-group span:hover,\r\n.time-slots span:hover {\r\n border-color: #2b7cff;\r\n}\r\n\r\n.option-group span.active,\r\n.time-slots span.active {\r\n background: #2b7cff;\r\n color: #fff;\r\n border-color: #2b7cff;\r\n}\r\n\r\n.toggle-group button {\r\n padding: 10px 20px;\r\n margin: 5px 5px 5px 0;\r\n border-radius: 25px;\r\n border: 1px solid #ddd;\r\n cursor: pointer;\r\n background: #fff;\r\n}\r\n\r\n.toggle-group .active {\r\n background: #2b7cff;\r\n color: #fff;\r\n border-color: #2b7cff;\r\n}\r\n\r\ninput, textarea {\r\n width: 100%;\r\n padding: 12px;\r\n margin-top: 10px;\r\n border-radius: 10px;\r\n border: 1px solid #ddd;\r\n font-size: 14px;\r\n}\r\n\r\ntextarea { min-height: 80px; }\r\n\r\n.book-btn {\r\n width: 100%;\r\n margin-top: 20px;\r\n padding: 15px;\r\n border: none;\r\n border-radius: 30px;\r\n background: #2b7cff;\r\n color: #fff;\r\n font-size: 16px;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n}\r\n\r\n.book-btn:hover {\r\n background: #1a5edb;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .booking-container {\r\n flex-direction: column;\r\n padding: 10px;\r\n }\r\n\r\n .booking-left, .booking-right {\r\n padding: 20px;\r\n }\r\n\r\n .option-group span,\r\n .time-slots span {\r\n flex: 1 1 22%;\r\n text-align: center;\r\n }\r\n\r\n .book-btn {\r\n position: sticky;\r\n bottom: 10px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .option-group span,\r\n .time-slots span {\r\n flex: 1 1 30%;\r\n font-size: 13px;\r\n padding: 8px;\r\n }\r\n\r\n h2 { font-size: 20px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction selectGroup(groupId) {\r\n document.querySelectorAll('#' + groupId + ' span').forEach(el => {\r\n el.onclick = () => {\r\n document.querySelectorAll('#' + groupId + ' span').forEach(s => s.classList.remove('active'));\r\n el.classList.add('active');\r\n }\r\n });\r\n}\r\n\r\nselectGroup('hours');\r\nselectGroup('time');\r\n\r\ndocument.querySelectorAll('#materials button').forEach(btn => {\r\n btn.onclick = () => {\r\n document.querySelectorAll('#materials button').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n }\r\n});\r\n\r\n\/\/ \u2705 UPDATED FUNCTION\r\nfunction getSelected(id) {\r\n if (id === 'pros') {\r\n return document.getElementById('pros').value;\r\n }\r\n let el = document.querySelector('#' + id + ' .active');\r\n return el ? el.innerText : '';\r\n}\r\n\r\nfunction sendToWhatsApp() {\r\n\r\n let message = `New Booking:%0A\r\nName: ${document.getElementById('name').value}%0A\r\nPhone: ${document.getElementById('phone').value}%0A\r\nDate: ${document.getElementById('date').value}%0A\r\nTime: ${getSelected('time')}%0A\r\nHours: ${getSelected('hours')}%0A\r\nProfessionals: ${getSelected('pros')}%0A\r\nMaterials: ${document.querySelector('#materials .active').innerText}%0A\r\nAddress: ${document.getElementById('address').value}`;\r\n\r\n window.open(`https:\/\/wa.me\/+971547599592?text=${message}`, '_blank');\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\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>TCS Arabia \u2013 Professional Cleaning Services Dubai Rated #1 Cleaning Service in Dubai Professional Cleaning, Delivered to Your Door Trusted by 1,500+ homes and offices across Dubai. Book online in 60 seconds and get a vetted, background-checked cleaner at your doorstep. 0 Happy customers 0 Satisfaction guarantee 0 Expert cleaners 0 Average rating \ud83d\udcc5 Get […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1886","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Booking - TCS Building Cleaning Services<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tcsarabia.com\/index.php\/booking\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Booking - TCS Building Cleaning Services\" \/>\n<meta property=\"og:description\" content=\"TCS Arabia \u2013 Professional Cleaning Services Dubai Rated #1 Cleaning Service in Dubai Professional Cleaning, Delivered to Your Door Trusted by 1,500+ homes and offices across Dubai. Book online in 60 seconds and get a vetted, background-checked cleaner at your doorstep. 0 Happy customers 0 Satisfaction guarantee 0 Expert cleaners 0 Average rating \ud83d\udcc5 Get […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tcsarabia.com\/index.php\/booking\/\" \/>\n<meta property=\"og:site_name\" content=\"TCS Building Cleaning Services\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-02T13:18:25+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tcsarabia.com\/index.php\/booking\/\",\"url\":\"https:\/\/tcsarabia.com\/index.php\/booking\/\",\"name\":\"Booking - TCS Building Cleaning Services\",\"isPartOf\":{\"@id\":\"https:\/\/tcsarabia.com\/#website\"},\"datePublished\":\"2026-04-30T04:50:03+00:00\",\"dateModified\":\"2026-05-02T13:18:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/tcsarabia.com\/index.php\/booking\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tcsarabia.com\/index.php\/booking\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tcsarabia.com\/index.php\/booking\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tcsarabia.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Booking\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tcsarabia.com\/#website\",\"url\":\"https:\/\/tcsarabia.com\/\",\"name\":\"TCS Building Cleaning Services\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/tcsarabia.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tcsarabia.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/tcsarabia.com\/#organization\",\"name\":\"TCS Building Cleaning Services\",\"url\":\"https:\/\/tcsarabia.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tcsarabia.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/tcsarabia.com\/wp-content\/uploads\/2026\/01\/tcslogo.png\",\"contentUrl\":\"https:\/\/tcsarabia.com\/wp-content\/uploads\/2026\/01\/tcslogo.png\",\"width\":820,\"height\":790,\"caption\":\"TCS Building Cleaning Services\"},\"image\":{\"@id\":\"https:\/\/tcsarabia.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Booking - TCS Building Cleaning Services","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tcsarabia.com\/index.php\/booking\/","og_locale":"en_US","og_type":"article","og_title":"Booking - TCS Building Cleaning Services","og_description":"TCS Arabia \u2013 Professional Cleaning Services Dubai Rated #1 Cleaning Service in Dubai Professional Cleaning, Delivered to Your Door Trusted by 1,500+ homes and offices across Dubai. Book online in 60 seconds and get a vetted, background-checked cleaner at your doorstep. 0 Happy customers 0 Satisfaction guarantee 0 Expert cleaners 0 Average rating \ud83d\udcc5 Get […]","og_url":"https:\/\/tcsarabia.com\/index.php\/booking\/","og_site_name":"TCS Building Cleaning Services","article_modified_time":"2026-05-02T13:18:25+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tcsarabia.com\/index.php\/booking\/","url":"https:\/\/tcsarabia.com\/index.php\/booking\/","name":"Booking - TCS Building Cleaning Services","isPartOf":{"@id":"https:\/\/tcsarabia.com\/#website"},"datePublished":"2026-04-30T04:50:03+00:00","dateModified":"2026-05-02T13:18:25+00:00","breadcrumb":{"@id":"https:\/\/tcsarabia.com\/index.php\/booking\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tcsarabia.com\/index.php\/booking\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tcsarabia.com\/index.php\/booking\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tcsarabia.com\/"},{"@type":"ListItem","position":2,"name":"Booking"}]},{"@type":"WebSite","@id":"https:\/\/tcsarabia.com\/#website","url":"https:\/\/tcsarabia.com\/","name":"TCS Building Cleaning Services","description":"","publisher":{"@id":"https:\/\/tcsarabia.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tcsarabia.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/tcsarabia.com\/#organization","name":"TCS Building Cleaning Services","url":"https:\/\/tcsarabia.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tcsarabia.com\/#\/schema\/logo\/image\/","url":"https:\/\/tcsarabia.com\/wp-content\/uploads\/2026\/01\/tcslogo.png","contentUrl":"https:\/\/tcsarabia.com\/wp-content\/uploads\/2026\/01\/tcslogo.png","width":820,"height":790,"caption":"TCS Building Cleaning Services"},"image":{"@id":"https:\/\/tcsarabia.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/tcsarabia.com\/index.php\/wp-json\/wp\/v2\/pages\/1886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tcsarabia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tcsarabia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tcsarabia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tcsarabia.com\/index.php\/wp-json\/wp\/v2\/comments?post=1886"}],"version-history":[{"count":55,"href":"https:\/\/tcsarabia.com\/index.php\/wp-json\/wp\/v2\/pages\/1886\/revisions"}],"predecessor-version":[{"id":1979,"href":"https:\/\/tcsarabia.com\/index.php\/wp-json\/wp\/v2\/pages\/1886\/revisions\/1979"}],"wp:attachment":[{"href":"https:\/\/tcsarabia.com\/index.php\/wp-json\/wp\/v2\/media?parent=1886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}