{"id":7,"date":"2026-05-20T06:07:01","date_gmt":"2026-05-20T06:07:01","guid":{"rendered":"https:\/\/waterfella.com.sg\/?page_id=7"},"modified":"2026-05-20T06:15:03","modified_gmt":"2026-05-20T06:15:03","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/waterfella.com.sg\/","title":{"rendered":"Elementor #7"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nWaterfella \u2013 Premium Pool Services<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n WATERFELLA \u2014 Homepage CSS\n Scoped with .wf- prefix to avoid Elementor conflicts\n ============================================================ *\/\n\n.wf-wrap *, .wf-wrap *::before, .wf-wrap *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.wf-wrap {\n --wf-navy: #0a1628;\n --wf-deep: #0d2040;\n --wf-ocean: #0e4d7b;\n --wf-aqua: #00b4d8;\n --wf-sky: #90e0ef;\n --wf-foam: #caf0f8;\n --wf-gold: #d4a84b;\n --wf-white: #f8fafc;\n --wf-muted: #94a3b8;\n\n font-family: 'DM Sans', sans-serif;\n background: var(--wf-navy);\n color: var(--wf-white);\n overflow-x: hidden;\n width: 100%;\n}\n\n\/* \u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wf-nav {\n width: 100%;\n padding: 1.25rem 4rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: rgba(10,22,40,0.92);\n border-bottom: 1px solid rgba(0,180,216,0.14);\n flex-wrap: wrap;\n gap: 1rem;\n}\n\n.wf-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--wf-white);\n text-decoration: none;\n letter-spacing: -0.5px;\n}\n.wf-logo span { color: var(--wf-aqua); }\n\n.wf-nav-links {\n list-style: none;\n display: flex;\n gap: 2.5rem;\n flex-wrap: wrap;\n align-items: center;\n}\n.wf-nav-links a {\n color: var(--wf-muted);\n text-decoration: none;\n font-size: 0.875rem;\n font-weight: 400;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n transition: color 0.2s;\n}\n.wf-nav-links a:hover { color: var(--wf-aqua); }\n\n.wf-nav-cta {\n background: var(--wf-aqua) !important;\n color: var(--wf-navy) !important;\n padding: 0.5rem 1.4rem !important;\n border-radius: 2rem !important;\n font-weight: 500 !important;\n transition: background 0.2s, transform 0.2s !important;\n}\n.wf-nav-cta:hover {\n background: var(--wf-sky) !important;\n transform: translateY(-1px);\n}\n\n\/* \u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wf-hero {\n min-height: 92vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 6rem 2rem 5rem;\n position: relative;\n overflow: hidden;\n}\n\n.wf-hero-bg {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 80% 60% at 50% 85%, rgba(14,77,123,0.65) 0%, transparent 70%),\n radial-gradient(ellipse 50% 30% at 30% 15%, rgba(0,180,216,0.1) 0%, transparent 60%),\n var(--wf-navy);\n}\n\n.wf-ring {\n position: absolute;\n border-radius: 50%;\n border: 1px solid rgba(0,180,216,0.14);\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n pointer-events: none;\n animation: wfRipple 6s ease-in-out infinite;\n}\n.wf-ring:nth-child(1) { width: 300px; height: 300px; bottom: -50px; animation-delay: 0s; }\n.wf-ring:nth-child(2) { width: 560px; height: 560px; bottom: -150px; animation-delay: 1s; }\n.wf-ring:nth-child(3) { width: 820px; height: 820px; bottom: -280px; animation-delay: 2s; }\n.wf-ring:nth-child(4) { width: 1100px; height: 1100px; bottom: -450px; animation-delay: 3s; }\n\n@keyframes wfRipple {\n 0%, 100% { opacity: 0.15; }\n 50% { opacity: 0.38; }\n}\n\n.wf-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(0,180,216,0.1);\n border: 1px solid rgba(0,180,216,0.3);\n border-radius: 2rem;\n padding: 0.35rem 1rem;\n font-size: 0.75rem;\n color: var(--wf-aqua);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 1.75rem;\n position: relative;\n z-index: 2;\n}\n\n.wf-badge-dot {\n width: 6px; height: 6px;\n background: var(--wf-aqua);\n border-radius: 50%;\n animation: wfPulse 2s ease-in-out infinite;\n}\n@keyframes wfPulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.4; transform: scale(0.65); }\n}\n\n.wf-hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.6rem, 6vw, 5.2rem);\n font-weight: 700;\n line-height: 1.08;\n max-width: 820px;\n margin-bottom: 1.5rem;\n position: relative;\n z-index: 2;\n}\n.wf-hero h1 em { font-style: italic; color: var(--wf-aqua); }\n\n.wf-hero p {\n font-size: 1.1rem;\n color: var(--wf-muted);\n max-width: 520px;\n line-height: 1.75;\n margin-bottom: 2.5rem;\n position: relative;\n z-index: 2;\n font-weight: 300;\n}\n\n.wf-hero-actions {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n}\n\n\/* \u2500\u2500 BUTTONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wf-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.875rem 2rem;\n border-radius: 3rem;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem;\n font-weight: 500;\n text-decoration: none;\n cursor: pointer;\n border: none;\n transition: all 0.25s;\n}\n.wf-btn-primary {\n background: var(--wf-aqua);\n color: var(--wf-navy);\n}\n.wf-btn-primary:hover {\n background: var(--wf-sky);\n transform: translateY(-2px);\n box-shadow: 0 12px 30px rgba(0,180,216,0.28);\n}\n.wf-btn-outline {\n background: transparent;\n color: var(--wf-white);\n border: 1px solid rgba(255,255,255,0.2);\n font-weight: 400;\n}\n.wf-btn-outline:hover {\n border-color: var(--wf-aqua);\n color: var(--wf-aqua);\n}\n\n\/* \u2500\u2500 WAVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wf-wave { width: 100%; overflow: hidden; line-height: 0; margin-top: -2px; }\n.wf-wave svg { display: block; }\n\n\/* \u2500\u2500 STATS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wf-stats {\n background: rgba(13,32,64,0.85);\n border-top: 1px solid rgba(0,180,216,0.12);\n border-bottom: 1px solid rgba(0,180,216,0.12);\n padding: 2.25rem 4rem;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n text-align: center;\n}\n\n.wf-stat h3 {\n font-family: 'Playfair Display', serif;\n font-size: 2.25rem;\n color: var(--wf-aqua);\n font-weight: 700;\n line-height: 1;\n margin-bottom: 0.35rem;\n}\n.wf-stat p {\n font-size: 0.78rem;\n color: var(--wf-muted);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n\/* \u2500\u2500 SECTION SHARED \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wf-section { padding: 6rem 4rem; }\n\n.wf-label {\n font-size: 0.75rem;\n color: var(--wf-aqua);\n letter-spacing: 0.15em;\n text-transform: uppercase;\n margin-bottom: 0.75rem;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n}\n.wf-label::before {\n content: '';\n display: block;\n width: 32px; height: 1px;\n background: var(--wf-aqua);\n}\n\n.wf-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n font-weight: 700;\n line-height: 1.18;\n max-width: 600px;\n margin-bottom: 3rem;\n}\n.wf-title em { font-style: italic; color: var(--wf-aqua); }\n\n\/* \u2500\u2500 SERVICES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wf-services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5px;\n background: rgba(0,180,216,0.07);\n border: 1px solid rgba(0,180,216,0.08);\n border-radius: 1.5rem;\n overflow: hidden;\n}\n\n.wf-service-card {\n background: var(--wf-deep);\n padding: 2.5rem 2rem;\n transition: background 0.3s;\n position: relative;\n overflow: hidden;\n}\n.wf-service-card::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--wf-aqua), transparent);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s;\n}\n.wf-service-card:hover { background: rgba(14,77,123,0.42); }\n.wf-service-card:hover::after { transform: scaleX(1); }\n\n.wf-service-icon {\n width: 48px; height: 48px;\n background: rgba(0,180,216,0.12);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.4rem;\n font-size: 1.4rem;\n}\n\n.wf-service-card h3 {\n font-size: 1rem;\n font-weight: 500;\n margin-bottom: 0.7rem;\n color: var(--wf-white);\n}\n.wf-service-card p {\n font-size: 0.875rem;\n color: var(--wf-muted);\n line-height: 1.65;\n font-weight: 300;\n}\n\n\/* \u2500\u2500 WHY SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wf-why {\n padding: 6rem 4rem;\n background: rgba(13,32,64,0.5);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 5rem;\n align-items: center;\n}\n\n.wf-why-visual {\n position: relative;\n height: 420px;\n}\n.wf-pool-shape {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle at 35% 35%, rgba(0,180,216,0.22), rgba(14,77,123,0.5));\n border: 1px solid rgba(0,180,216,0.2);\n}\n.wf-pool-main {\n width: 320px; height: 320px;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n animation: wfFloat 5s ease-in-out infinite;\n}\n@keyframes wfFloat {\n 0%, 100% { transform: translate(-50%, -50%) translateY(0); }\n 50% { transform: translate(-50%, -50%) translateY(-14px); }\n}\n.wf-pool-sm1 {\n width: 100px; height: 100px;\n top: 30px; right: 20px;\n animation: wfFloatB 4s ease-in-out infinite reverse;\n}\n.wf-pool-sm2 {\n width: 60px; height: 60px;\n bottom: 40px; left: 30px;\n animation: wfFloatC 6s ease-in-out infinite;\n}\n@keyframes wfFloatB {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n}\n@keyframes wfFloatC {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(6px); }\n}\n.wf-pool-center {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n z-index: 2;\n}\n.wf-pool-center strong {\n display: block;\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--wf-aqua);\n line-height: 1;\n}\n.wf-pool-center span {\n font-size: 0.75rem;\n color: var(--wf-muted);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n}\n\n.wf-why-points { display: flex; flex-direction: column; gap: 1.75rem; }\n\n.wf-why-point { display: flex; gap: 1rem; align-items: flex-start; }\n\n.wf-why-num {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: rgba(0,180,216,0.28);\n font-weight: 700;\n line-height: 1;\n min-width: 2rem;\n padding-top: 2px;\n}\n.wf-why-content h4 {\n font-size: 0.975rem;\n font-weight: 500;\n margin-bottom: 0.35rem;\n color: var(--wf-white);\n}\n.wf-why-content p {\n font-size: 0.875rem;\n color: var(--wf-muted);\n line-height: 1.65;\n font-weight: 300;\n}\n\n\/* \u2500\u2500 TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wf-testimonials { padding: 6rem 4rem; }\n\n.wf-testi-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n margin-top: 3rem;\n}\n\n.wf-testi-card {\n background: var(--wf-deep);\n border: 1px solid rgba(0,180,216,0.1);\n border-radius: 1.25rem;\n padding: 2rem;\n transition: border-color 0.3s;\n}\n.wf-testi-card:hover { border-color: rgba(0,180,216,0.3); }\n\n.wf-stars {\n color: var(--wf-gold);\n font-size: 0.85rem;\n letter-spacing: 2px;\n margin-bottom: 1rem;\n}\n\n.wf-testi-card blockquote {\n font-size: 0.9rem;\n color: #cbd5e1;\n line-height: 1.75;\n font-weight: 300;\n margin-bottom: 1.5rem;\n font-style: italic;\n}\n\n.wf-reviewer { display: flex; align-items: center; gap: 0.75rem; }\n\n.wf-avatar {\n width: 38px; height: 38px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--wf-ocean), var(--wf-aqua));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.78rem;\n font-weight: 500;\n color: var(--wf-navy);\n flex-shrink: 0;\n}\n.wf-reviewer-name { font-size: 0.875rem; font-weight: 500; color: var(--wf-white); }\n.wf-reviewer-title { font-size: 0.75rem; color: var(--wf-muted); margin-top: 1px; }\n\n\/* \u2500\u2500 CTA SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wf-cta-wrap { padding: 0 4rem 5rem; }\n\n.wf-cta {\n background: linear-gradient(135deg, rgba(14,77,123,0.6) 0%, rgba(0,180,216,0.14) 100%);\n border: 1px solid rgba(0,180,216,0.22);\n border-radius: 2rem;\n padding: 5rem 4rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.wf-cta::before {\n content: '';\n position: absolute;\n width: 400px; height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(0,180,216,0.1), transparent);\n top: -100px; right: -80px;\n pointer-events: none;\n}\n\n.wf-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(1.8rem, 4vw, 2.8rem);\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n color: var(--wf-white);\n}\n.wf-cta h2 em { font-style: italic; color: var(--wf-aqua); }\n.wf-cta p {\n font-size: 1rem;\n color: var(--wf-muted);\n margin-bottom: 2.5rem;\n font-weight: 300;\n position: relative;\n z-index: 1;\n}\n\n\/* \u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wf-footer {\n border-top: 1px solid rgba(0,180,216,0.1);\n padding: 3rem 4rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n}\n.wf-footer-links {\n list-style: none;\n display: flex;\n gap: 2rem;\n flex-wrap: wrap;\n}\n.wf-footer-links a {\n color: var(--wf-muted);\n text-decoration: none;\n font-size: 0.85rem;\n transition: color 0.2s;\n}\n.wf-footer-links a:hover { color: var(--wf-aqua); }\n.wf-copy { font-size: 0.78rem; color: var(--wf-muted); }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 900px) {\n .wf-nav { padding: 1rem 1.5rem; }\n .wf-nav-links { gap: 1.25rem; }\n .wf-stats { grid-template-columns: repeat(2, 1fr); padding: 2rem 1.5rem; }\n .wf-section { padding: 4rem 1.5rem; }\n .wf-services-grid { grid-template-columns: 1fr 1fr; }\n .wf-why { grid-template-columns: 1fr; padding: 4rem 1.5rem; gap: 3rem; }\n .wf-why-visual { height: 280px; }\n .wf-testimonials { padding: 4rem 1.5rem; }\n .wf-testi-grid { grid-template-columns: 1fr; }\n .wf-cta-wrap { padding: 0 1.5rem 4rem; }\n .wf-cta { padding: 3rem 1.5rem; }\n .wf-footer { padding: 2.5rem 1.5rem; flex-direction: column; text-align: center; }\n}\n\n@media (max-width: 600px) {\n .wf-services-grid { grid-template-columns: 1fr; }\n .wf-stats { grid-template-columns: repeat(2, 1fr); }\n .wf-hero h1 { font-size: 2.2rem; }\n .wf-nav-links { display: none; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!--\n==========================================================\n WATERFELLA \u2014 HOMEPAGE\n How to use in WordPress \/ Elementor:\n 1. Add an \"HTML\" widget (or \"Custom HTML\" block) in Elementor.\n 2. Paste the content of <body> below into it.\n 3. Keep the <style> block above in:\n Elementor \u2192 Site Settings \u2192 Custom CSS\n OR paste the full file inside an HTML widget.\n 4. Make sure your Elementor page is set to \"Canvas\" template\n (no header\/footer) if you want to use the wf-nav\/wf-footer.\n Otherwise remove .wf-nav and .wf-footer and keep the rest.\n==========================================================\n-->\n\n<div class=\"wf-wrap\">\n\n <!-- NAV -->\n <nav class=\"wf-nav\">\n <a href=\"#\" class=\"wf-logo\">Water<span>fella<\/span><\/a>\n <ul class=\"wf-nav-links\">\n <li><a href=\"#\">About<\/a><\/li>\n <li><a href=\"#\">Services<\/a><\/li>\n <li><a href=\"#\">Gallery<\/a><\/li>\n <li><a href=\"#\">Areas<\/a><\/li>\n <li><a href=\"#\" class=\"wf-nav-cta\">Free Quote<\/a><\/li>\n <\/ul>\n <\/nav>\n\n <!-- HERO -->\n <section class=\"wf-hero\">\n <div class=\"wf-hero-bg\"><\/div>\n <div class=\"wf-ring\"><\/div>\n <div class=\"wf-ring\"><\/div>\n <div class=\"wf-ring\"><\/div>\n <div class=\"wf-ring\"><\/div>\n\n <div class=\"wf-badge\">\n <span class=\"wf-badge-dot\"><\/span>\n Trusted Pool Experts Since 2010\n <\/div>\n\n <h1>Your pool deserves<br><em>crystal clear<\/em> care<\/h1>\n\n <p>Premium pool maintenance, repair, and installation \u2014 handled by certified professionals who treat your water like their own.<\/p>\n\n <div class=\"wf-hero-actions\">\n <a href=\"#\" class=\"wf-btn wf-btn-primary\">Book a Free Inspection \u2192<\/a>\n <a href=\"#\" class=\"wf-btn wf-btn-outline\">View Our Services<\/a>\n <\/div>\n <\/section>\n\n <!-- WAVE DIVIDER -->\n <div class=\"wf-wave\">\n <svg viewBox=\"0 0 1440 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\" height=\"60\">\n <path d=\"M0,30 C360,60 1080,0 1440,30 L1440,60 L0,60 Z\" fill=\"rgba(13,32,64,0.85)\"\/>\n <\/svg>\n <\/div>\n\n <!-- STATS -->\n <div class=\"wf-stats\">\n <div class=\"wf-stat\">\n <h3>1,200+<\/h3>\n <p>Pools Serviced<\/p>\n <\/div>\n <div class=\"wf-stat\">\n <h3>15 yrs<\/h3>\n <p>Industry Experience<\/p>\n <\/div>\n <div class=\"wf-stat\">\n <h3>98%<\/h3>\n <p>Client Satisfaction<\/p>\n <\/div>\n <div class=\"wf-stat\">\n <h3>24\/7<\/h3>\n <p>Emergency Support<\/p>\n <\/div>\n <\/div>\n\n <!-- SERVICES -->\n <section class=\"wf-section\">\n <div class=\"wf-label\">What We Do<\/div>\n <h2 class=\"wf-title\">Everything your pool needs,<br><em>under one roof<\/em><\/h2>\n\n <div class=\"wf-services-grid\">\n <div class=\"wf-service-card\">\n <div class=\"wf-service-icon\">\ud83d\udca7<\/div>\n <h3>Pool Cleaning & Sanitisation<\/h3>\n <p>Regular skimming, vacuuming, chemical balancing, and filter cleaning to keep your water pristine all year round.<\/p>\n <\/div>\n <div class=\"wf-service-card\">\n <div class=\"wf-service-icon\">\ud83d\udd27<\/div>\n <h3>Pump & Filter Repair<\/h3>\n <p>Fast diagnostics and repair or replacement of pumps, filters, and circulation systems to restore optimal flow.<\/p>\n <\/div>\n <div class=\"wf-service-card\">\n <div class=\"wf-service-icon\">\ud83d\udfe6<\/div>\n <h3>Tile & Regrouting<\/h3>\n <p>Restore cracked, stained, or loose tiles with expert regrouting and seamless tile replacement services.<\/p>\n <\/div>\n <div class=\"wf-service-card\">\n <div class=\"wf-service-icon\">\ud83d\udd0d<\/div>\n <h3>Leak Detection<\/h3>\n <p>Advanced pressure testing and acoustic detection to pinpoint leaks before they become costly structural damage.<\/p>\n <\/div>\n <div class=\"wf-service-card\">\n <div class=\"wf-service-icon\">\ud83c\udf0a<\/div>\n <h3>Green Pool Recovery<\/h3>\n <p>Shock treatment, algae removal, and full water restoration to bring your green pool back to sparkling clarity.<\/p>\n <\/div>\n <div class=\"wf-service-card\">\n <div class=\"wf-service-icon\">\ud83d\udca1<\/div>\n <h3>Underwater Lighting<\/h3>\n <p>Installation and replacement of LED and halogen underwater lights for ambiance, safety, and energy efficiency.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- WHY WATERFELLA -->\n <section class=\"wf-why\">\n <div class=\"wf-why-visual\">\n <div class=\"wf-pool-shape wf-pool-main\">\n <div class=\"wf-pool-center\">\n <strong>100%<\/strong>\n <span>Satisfaction<br>Guaranteed<\/span>\n <\/div>\n <\/div>\n <div class=\"wf-pool-shape wf-pool-sm1\"><\/div>\n <div class=\"wf-pool-shape wf-pool-sm2\"><\/div>\n <\/div>\n\n <div>\n <div class=\"wf-label\">Why Waterfella<\/div>\n <h2 class=\"wf-title\" style=\"max-width:420px;\">Not just clean water \u2014<br><em>peace of mind<\/em><\/h2>\n\n <div class=\"wf-why-points\">\n <div class=\"wf-why-point\">\n <span class=\"wf-why-num\">01<\/span>\n <div class=\"wf-why-content\">\n <h4>Certified Technicians<\/h4>\n <p>Every one of our technicians is fully licensed, insured, and trained to the highest industry standards.<\/p>\n <\/div>\n <\/div>\n <div class=\"wf-why-point\">\n <span class=\"wf-why-num\">02<\/span>\n <div class=\"wf-why-content\">\n <h4>Same-Day Response<\/h4>\n <p>We understand pool emergencies can't wait. Call us before noon and we'll be there today.<\/p>\n <\/div>\n <\/div>\n <div class=\"wf-why-point\">\n <span class=\"wf-why-num\">03<\/span>\n <div class=\"wf-why-content\">\n <h4>Transparent Pricing<\/h4>\n <p>No hidden fees, no surprises. You receive a full written quote before any work begins.<\/p>\n <\/div>\n <\/div>\n <div class=\"wf-why-point\">\n <span class=\"wf-why-num\">04<\/span>\n <div class=\"wf-why-content\">\n <h4>Eco-Friendly Products<\/h4>\n <p>We use only low-impact chemicals and water-saving practices to protect your family and the environment.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- TESTIMONIALS -->\n <section class=\"wf-testimonials\">\n <div class=\"wf-label\">Client Stories<\/div>\n <h2 class=\"wf-title\">What our customers <em>say about us<\/em><\/h2>\n\n <div class=\"wf-testi-grid\">\n <div class=\"wf-testi-card\">\n <div class=\"wf-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <blockquote>\"Waterfella transformed our neglected pool in just two visits. The water looks better than it did when it was brand new. Absolutely outstanding work.\"<\/blockquote>\n <div class=\"wf-reviewer\">\n <div class=\"wf-avatar\">JR<\/div>\n <div>\n <div class=\"wf-reviewer-name\">James R.<\/div>\n <div class=\"wf-reviewer-title\">Homeowner, Sentosa<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"wf-testi-card\">\n <div class=\"wf-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <blockquote>\"Their leak detection saved us thousands. Found the problem in under an hour and had it fixed the very same afternoon. Highly professional team.\"<\/blockquote>\n <div class=\"wf-reviewer\">\n <div class=\"wf-avatar\">PL<\/div>\n <div>\n <div class=\"wf-reviewer-name\">Patricia L.<\/div>\n <div class=\"wf-reviewer-title\">Villa Owner, Tanglin<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"wf-testi-card\">\n <div class=\"wf-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <blockquote>\"We've used three different pool companies over the years. Waterfella is in a different league \u2014 reliable, knowledgeable, and genuinely friendly.\"<\/blockquote>\n <div class=\"wf-reviewer\">\n <div class=\"wf-avatar\">DK<\/div>\n <div>\n <div class=\"wf-reviewer-name\">David K.<\/div>\n <div class=\"wf-reviewer-title\">Property Manager, East Coast<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA -->\n <div class=\"wf-cta-wrap\">\n <section class=\"wf-cta\">\n <h2>Ready for a <em>perfectly clean<\/em> pool?<\/h2>\n <p>Book your free inspection today \u2014 no obligations, no pressure. Just crystal clear results.<\/p>\n <a href=\"#\" class=\"wf-btn wf-btn-primary\" style=\"font-size:1rem;padding:1rem 2.5rem;position:relative;z-index:1;\">Get My Free Quote \u2192<\/a>\n <\/section>\n <\/div>\n\n <!-- FOOTER -->\n <footer class=\"wf-footer\">\n <a href=\"#\" class=\"wf-logo\">Water<span>fella<\/span><\/a>\n <ul class=\"wf-footer-links\">\n <li><a href=\"#\">Services<\/a><\/li>\n <li><a href=\"#\">Areas<\/a><\/li>\n <li><a href=\"#\">Gallery<\/a><\/li>\n <li><a href=\"#\">Contact<\/a><\/li>\n <\/ul>\n <p class=\"wf-copy\">\u00a9 2025 Waterfella. All rights reserved.<\/p>\n <\/footer>\n\n<\/div><!-- \/.wf-wrap -->\n\n<\/body>\n<\/html>\n\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>Waterfella \u2013 Premium Pool Services Waterfella About Services Gallery Areas Free Quote Trusted Pool Experts Since 2010 Your pool deservescrystal […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/waterfella.com.sg\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/waterfella.com.sg\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/waterfella.com.sg\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/waterfella.com.sg\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/waterfella.com.sg\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":8,"href":"https:\/\/waterfella.com.sg\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/waterfella.com.sg\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/waterfella.com.sg\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}