{"id":11,"date":"2026-06-27T17:54:25","date_gmt":"2026-06-27T17:54:25","guid":{"rendered":"https:\/\/demo.ithandler.co.in\/?page_id=11"},"modified":"2026-06-27T20:35:54","modified_gmt":"2026-06-27T20:35:54","slug":"home","status":"publish","type":"page","link":"https:\/\/demo.ithandler.co.in\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4eb03ff3 elementor-section-full_width kp-section kp-header elementor-section-height-default elementor-section-height-default\" data-id=\"4eb03ff3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-550a9c3a\" data-id=\"550a9c3a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67ddce3d elementor-widget elementor-widget-html\" data-id=\"67ddce3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,600;1,700&family=Fredoka:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n  tailwind.config = {\n    corePlugins: { preflight: false },\n    theme: {\n      extend: {\n        colors: {\n          navy: {\n            50: '#EEF0F8',\n            100: '#D6DAEF',\n            400: '#3C4280',\n            600: '#1B1F4E',\n            700: '#14173E',\n            800: '#101231',\n            900: '#0A0B20'\n          },\n          mint: {\n            50: '#E8FCF4',\n            100: '#C9F8E6',\n            300: '#6CEFC0',\n            400: '#33E6AA',\n            500: '#1FDB9C',\n            600: '#16B883'\n          },\n          cloud: '#F4F5FB'\n        },\n        fontFamily: {\n          display: ['Fredoka', 'sans-serif'],\n          body: ['\"Plus Jakarta Sans\"', 'sans-serif']\n        },\n        boxShadow: {\n          soft: '0 20px 45px -15px rgba(20, 23, 62, 0.18)',\n          card: '0 25px 50px -20px rgba(20, 23, 62, 0.25)'\n        }\n      }\n    }\n  }\n<\/script>\n\n<div class=\"kp-page\">\n<!-- ============ NAVBAR ============ -->\n<header id=\"top\" class=\"sticky top-0 z-50 bg-white\/85 backdrop-blur-md border-b border-navy-50\">\n  <nav class=\"max-w-7xl mx-auto px-6 lg:px-10 h-20 flex items-center justify-between\">\n    <a href=\"#top\" class=\"font-display font-bold text-xl tracking-tight focus-ring\">\n      KLIN<span class=\"text-mint-500\">PLANET<\/span>\n    <\/a>\n\n    <ul class=\"hidden lg:flex items-center gap-9 text-[13px] font-semibold uppercase tracking-wider text-navy-700\/80\">\n      <li><a href=\"#top\" class=\"hover:text-mint-500 transition-colors focus-ring\">Home<\/a><\/li>\n      <li><a href=\"#services\" class=\"hover:text-mint-500 transition-colors focus-ring\">Services<\/a><\/li>\n      <li><a href=\"#reviews\" class=\"hover:text-mint-500 transition-colors focus-ring\">Customers<\/a><\/li>\n      <li><a href=\"#about\" class=\"hover:text-mint-500 transition-colors focus-ring\">About<\/a><\/li>\n      <li><a href=\"#contact\" class=\"hover:text-mint-500 transition-colors focus-ring\">Contact<\/a><\/li>\n    <\/ul>\n\n    <a href=\"#contact\" class=\"hidden lg:inline-flex items-center rounded-full border-2 border-navy-700 px-6 py-2.5 text-[12px] font-bold uppercase tracking-wider hover:bg-navy-700 hover:text-white transition-colors focus-ring\">\n      Register your business\n    <\/a>\n\n    <button id=\"menuBtn\" aria-label=\"Open menu\" aria-expanded=\"false\" class=\"lg:hidden p-2 rounded-lg hover:bg-navy-50 focus-ring\">\n      <svg id=\"menuIconOpen\" class=\"w-6 h-6 text-navy-700\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h16\"\/><\/svg>\n      <svg id=\"menuIconClose\" class=\"w-6 h-6 text-navy-700 hidden\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\"\/><\/svg>\n    <\/button>\n  <\/nav>\n\n  <!-- mobile menu -->\n  <div id=\"mobileMenu\" class=\"hidden lg:hidden border-t border-navy-50 bg-white\">\n    <ul class=\"flex flex-col px-6 py-4 gap-4 text-sm font-semibold uppercase tracking-wide\">\n      <li><a href=\"#top\" class=\"block py-1 focus-ring\">Home<\/a><\/li>\n      <li><a href=\"#services\" class=\"block py-1 focus-ring\">Services<\/a><\/li>\n      <li><a href=\"#reviews\" class=\"block py-1 focus-ring\">Customers<\/a><\/li>\n      <li><a href=\"#about\" class=\"block py-1 focus-ring\">About<\/a><\/li>\n      <li><a href=\"#contact\" class=\"block py-1 focus-ring\">Contact<\/a><\/li>\n      <li><a href=\"#contact\" class=\"inline-flex justify-center rounded-full border-2 border-navy-700 px-6 py-2.5 text-xs font-bold mt-1 focus-ring\">Register your business<\/a><\/li>\n    <\/ul>\n  <\/div>\n<\/header>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-35d53caf elementor-section-full_width kp-section kp-hero elementor-section-height-default elementor-section-height-default\" data-id=\"35d53caf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-54779523\" data-id=\"54779523\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c30e454 elementor-widget elementor-widget-html\" data-id=\"5c30e454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============ HERO ============ -->\n<section class=\"relative overflow-hidden\">\n\n  <!-- decorative scroll rail -->\n  <div class=\"hidden xl:flex absolute left-0 top-36 w-16 h-44 bg-navy-700 rounded-r-[2rem] flex-col items-center justify-between py-5 z-20 shadow-card\">\n    <svg class=\"w-4 h-4 text-mint-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 15l7-7 7 7\"\/><\/svg>\n    <div class=\"flex flex-col gap-2\">\n      <span class=\"w-1.5 h-1.5 rounded-full bg-white\/40\"><\/span>\n      <span class=\"w-1.5 h-1.5 rounded-full bg-white\/40\"><\/span>\n      <span class=\"w-1.5 h-1.5 rounded-full bg-white\/70\"><\/span>\n    <\/div>\n    <div class=\"w-7 h-7 rounded-full bg-mint-500 flex items-center justify-center\">\n      <svg class=\"w-3.5 h-3.5 text-navy-800\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"3\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n    <\/div>\n  <\/div>\n\n  <div class=\"max-w-7xl mx-auto px-6 lg:px-10 pt-14 lg:pt-20 pb-28 grid lg:grid-cols-2 gap-14 items-center relative z-10\">\n\n    <!-- LEFT: copy -->\n    <div class=\"reveal relative lg:pl-10\">\n      <h1 class=\"font-display font-bold leading-[1.05] text-[2.75rem] sm:text-6xl text-navy-700\">\n        You are<br>\n        in <span class=\"text-mint-500\">good<\/span><br>\n        hands\n      <\/h1>\n\n      <div class=\"flex items-center gap-4 mt-7 text-gray-500\">\n        <svg class=\"w-6 h-6 text-mint-500 pulse-soft\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l1.8 6.2L20 10l-6.2 1.8L12 18l-1.8-6.2L4 10l6.2-1.8L12 2z\"\/><\/svg>\n        <span class=\"w-px h-10 bg-navy-100\"><\/span>\n        <p class=\"text-sm leading-snug\">Professional <span class=\"text-mint-500 font-semibold\">Cleaning<\/span> services for<br>your home and company<\/p>\n      <\/div>\n\n      <div class=\"flex flex-wrap items-center gap-4 mt-9\">\n        <a href=\"#about\" class=\"inline-flex items-center rounded-full bg-navy-700 text-white px-7 py-3.5 text-[13px] font-bold uppercase tracking-wide hover:bg-navy-800 transition-colors shadow-soft focus-ring\">About Us<\/a>\n        <a href=\"#services\" class=\"inline-flex items-center rounded-full border-2 border-navy-700 px-7 py-3.5 text-[13px] font-bold uppercase tracking-wide hover:bg-navy-700 hover:text-white transition-colors focus-ring\">Our services<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: visual -->\n    <div class=\"reveal relative h-[420px] sm:h-[480px] flex items-center justify-center\">\n      <!-- big dark blob -->\n      <div class=\"absolute right-0 top-0 w-[340px] h-[340px] sm:w-[420px] sm:h-[420px] rounded-full bg-gradient-to-br from-navy-600 to-navy-900\"><\/div>\n      <!-- mint accent ring -->\n      <div class=\"absolute -right-6 bottom-4 w-28 h-28 rounded-full border-[10px] border-mint-400\/70\"><\/div>\n      <!-- dotted texture patch -->\n      <div class=\"absolute right-10 -bottom-2 w-24 h-16 rounded-full dot-grid opacity-60 hidden sm:block\"><\/div>\n\n      <!-- vertical \"SCROLL\" label -->\n      <span class=\"hidden sm:block vertical-text absolute right-2 top-1\/4 text-[11px] font-semibold tracking-[0.3em] text-white\/70\">SCROLL<\/span>\n\n      <!-- photo circle -->\n      <div class=\"relative w-72 h-72 sm:w-[340px] sm:h-[340px] rounded-full bg-white shadow-card overflow-hidden ring-1 ring-navy-50 z-10\">\n        <img decoding=\"async\"\n          src=\"https:\/\/images.pexels.com\/photos\/9462101\/pexels-photo-9462101.jpeg?auto=compress&cs=tinysrgb&w=800&h=800&fit=crop\"\n          alt=\"Professional cleaner using a spray bottle and cloth to clean a window\"\n          class=\"absolute inset-0 w-full h-full object-cover\"\n          loading=\"eager\"\n        >\n        <div class=\"absolute inset-0 bg-gradient-to-t from-navy-700\/20 via-transparent to-transparent\"><\/div>\n      <\/div>\n\n      <!-- sparkle accent -->\n      <svg class=\"absolute left-2 top-2 w-9 h-9 text-mint-500 float-slow\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l1.8 6.2L20 10l-6.2 1.8L12 18l-1.8-6.2L4 10l6.2-1.8L12 2z\"\/><\/svg>\n\n      <!-- price badge -->\n      <div class=\"absolute -bottom-2 left-2 sm:left-4 w-32 h-32 sm:w-36 sm:h-36 rounded-full bg-navy-700 text-white flex flex-col items-center justify-center shadow-card z-20 float-rev\">\n        <span class=\"text-[10px] uppercase font-bold tracking-widest text-white\/70\">Start<\/span>\n        <span class=\"font-display font-bold text-2xl sm:text-3xl text-mint-400 leading-none mt-1\">$135<span class=\"text-xs font-semibold text-white\/70\">\/mo<\/span><\/span>\n        <svg class=\"w-4 h-4 mt-2 text-mint-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n      <\/div>\n\n      <!-- scroll-down circle button -->\n      <button onclick=\"document.getElementById('services').scrollIntoView({behavior:'smooth'})\" aria-label=\"Scroll to services\" class=\"absolute bottom-0 right-1\/3 sm:right-1\/4 w-12 h-12 rounded-full bg-white shadow-soft flex items-center justify-center hover:bg-mint-500 hover:text-white transition-colors z-20 focus-ring\">\n        <svg class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- contact strip -->\n  <div class=\"max-w-7xl mx-auto px-6 lg:px-10 pb-10\">\n    <div class=\"border-t border-navy-50 pt-6 flex flex-col sm:flex-row items-center justify-between gap-4 text-sm\">\n      <div class=\"flex items-center gap-3 text-navy-700\/70 font-medium\">\n        <a href=\"#\" class=\"hover:text-mint-500 transition-colors focus-ring\">Facebook<\/a>\n        <span class=\"w-1 h-1 rounded-full bg-navy-700\/30\"><\/span>\n        <a href=\"#\" class=\"hover:text-mint-500 transition-colors focus-ring\">Instagram<\/a>\n      <\/div>\n      <div class=\"text-right\">\n        <a href=\"mailto:service@klinplanet.com\" class=\"text-mint-500 font-medium block hover:underline focus-ring\">service@klinplanet.com<\/a>\n        <a href=\"tel:+19996663330\" class=\"font-display font-bold text-lg text-navy-700 hover:text-mint-500 transition-colors focus-ring\">+1 999 666 333<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-162c9a7a elementor-section-full_width kp-section kp-services elementor-section-height-default elementor-section-height-default\" data-id=\"162c9a7a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-39c3bcad\" data-id=\"39c3bcad\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7c5a39c5 elementor-widget elementor-widget-html\" data-id=\"7c5a39c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============ SERVICES ============ -->\n<section id=\"services\" class=\"relative max-w-7xl mx-auto px-6 lg:px-10 py-20\">\n  <div class=\"reveal grid lg:grid-cols-2 gap-10 items-start mb-14\">\n    <div>\n      <p class=\"text-mint-500 font-bold uppercase tracking-widest text-xs mb-3\">Services<\/p>\n      <h2 class=\"font-display font-bold text-4xl sm:text-5xl text-navy-700 leading-tight\">\n        Residential<br>Cleaning\n      <\/h2>\n      <div class=\"flex gap-2 mt-6\">\n        <span class=\"w-2 h-2 rounded-full bg-mint-500\"><\/span>\n        <span class=\"w-2 h-2 rounded-full bg-navy-100\"><\/span>\n        <span class=\"w-2 h-2 rounded-full bg-navy-100\"><\/span>\n        <span class=\"w-2 h-2 rounded-full bg-navy-100\"><\/span>\n      <\/div>\n      <a href=\"#contact\" class=\"inline-flex items-center gap-2 rounded-full border-2 border-mint-500 text-navy-700 px-7 py-3 text-[13px] font-bold uppercase tracking-wide mt-7 hover:bg-mint-500 hover:text-white transition-colors focus-ring\">\n        Book Now\n        <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l1.8 6.2L20 10l-6.2 1.8L12 18l-1.8-6.2L4 10l6.2-1.8L12 2z\"\/><\/svg>\n      <\/a>\n    <\/div>\n    <p class=\"text-gray-500 leading-relaxed lg:pt-3\">\n      From spotless kitchens to dust-free shelves, our teams follow a 40-point checklist on every visit.\n      Flexible scheduling, vetted staff, and an eco-friendly product kit included with every plan \u2014 so your space\n      stays healthy and welcoming, week after week.\n    <\/p>\n  <\/div>\n\n  <!-- service cards -->\n  <div class=\"reveal relative bg-cloud rounded-[2.5rem] p-5 sm:p-10\">\n    <div id=\"serviceCards\" class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-5\">\n\n      <button data-service=\"garden\" class=\"service-card text-left rounded-2xl p-7 transition-all duration-300 flex flex-col items-start gap-4 bg-transparent\">\n        <svg class=\"w-9 h-9 text-mint-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21V9m0 0c0-4-3-7-7-7 0 4 3 7 7 7zm0 0c0-4 3-7 7-7 0 4-3 7-7 7zm-5 7c1-2 3-3 5-3s4 1 5 3\"\/><\/svg>\n        <span class=\"font-display font-bold text-navy-700\">Garden<\/span>\n        <p class=\"service-desc hidden text-sm text-gray-500 leading-relaxed\">Lawn care, hedge trimming and seasonal tidy-ups that keep outdoor spaces guest-ready.<\/p>\n        <span class=\"service-arrow hidden mt-1 w-9 h-9 rounded-full bg-navy-700 text-white items-center justify-center\">\n          <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/span>\n      <\/button>\n\n      <button data-service=\"residential\" class=\"service-card text-left rounded-2xl p-7 transition-all duration-300 flex flex-col items-start gap-4 bg-transparent\">\n        <svg class=\"w-9 h-9 text-mint-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 13l8-8 8 8M6 11v8a1 1 0 001 1h3v-5h4v5h3a1 1 0 001-1v-8\"\/><\/svg>\n        <span class=\"font-display font-bold text-navy-700\">Residential Cleaning<\/span>\n        <p class=\"service-desc hidden text-sm text-gray-500 leading-relaxed\">Full-home deep cleans covering kitchens, bathrooms, bedrooms and living areas.<\/p>\n        <span class=\"service-arrow hidden mt-1 w-9 h-9 rounded-full bg-navy-700 text-white items-center justify-center\">\n          <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/span>\n      <\/button>\n\n      <button data-service=\"landscapers\" class=\"service-card text-left rounded-2xl p-7 transition-all duration-300 flex flex-col items-start gap-4 bg-transparent\">\n        <svg class=\"w-9 h-9 text-mint-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"7\" cy=\"17\" r=\"3\"\/><circle cx=\"17\" cy=\"17\" r=\"3\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 17l4-11h3l3 6h3M11 6h3\"\/><\/svg>\n        <span class=\"font-display font-bold text-navy-700\">Landscapers<\/span>\n        <p class=\"service-desc hidden text-sm text-gray-500 leading-relaxed\">Mowing, edging and planting upkeep from a crew that treats every yard like its own.<\/p>\n        <span class=\"service-arrow hidden mt-1 w-9 h-9 rounded-full bg-navy-700 text-white items-center justify-center\">\n          <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/span>\n      <\/button>\n\n      <button data-service=\"commercial\" class=\"service-card text-left rounded-2xl p-7 transition-all duration-300 flex flex-col items-start gap-4 bg-transparent\">\n        <svg class=\"w-9 h-9 text-mint-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 21V8l8-5 8 5v13M9 21v-6h6v6M4 21h16\"\/><\/svg>\n        <span class=\"font-display font-bold text-navy-700\">Commercial Cleaning<\/span>\n        <p class=\"service-desc hidden text-sm text-gray-500 leading-relaxed\">After-hours office and retail servicing built around your business's open hours.<\/p>\n        <span class=\"service-arrow hidden mt-1 w-9 h-9 rounded-full bg-navy-700 text-white items-center justify-center\">\n          <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/span>\n      <\/button>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2bdfec30 elementor-section-full_width kp-section kp-cta elementor-section-height-default elementor-section-height-default\" data-id=\"2bdfec30\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6405198f\" data-id=\"6405198f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-30833587 elementor-section-full_width kp-section kp-reviews elementor-section-height-default elementor-section-height-default\" data-id=\"30833587\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6eac6ee\" data-id=\"6eac6ee\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35853951 elementor-widget elementor-widget-html\" data-id=\"35853951\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============ REVIEWS ============ -->\n<section id=\"reviews\" class=\"relative bg-cloud py-24 overflow-hidden\">\n  <div class=\"absolute -left-24 top-10 w-56 h-56 rounded-full bg-mint-500\/90 hidden lg:block\"><\/div>\n  <div class=\"absolute right-0 top-32 w-44 h-44 rounded-full bg-mint-400\/80 hidden lg:block\"><\/div>\n  <div class=\"absolute right-8 bottom-0 w-64 h-64 rounded-full bg-navy-700 hidden lg:block\"><\/div>\n\n  <div class=\"max-w-7xl mx-auto px-6 lg:px-10 relative z-10\">\n    <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n\n      <div class=\"reveal\">\n        <p class=\"text-mint-500 font-bold uppercase tracking-widest text-xs mb-4\">Customers review<\/p>\n        <blockquote id=\"quoteText\" class=\"font-display font-bold italic text-3xl sm:text-4xl text-navy-700 leading-snug transition-opacity duration-300\">\n          \u201cSo great! Very thorough and on time!\u201d\n        <\/blockquote>\n        <p id=\"quoteBody\" class=\"text-gray-500 leading-relaxed mt-6 max-w-md transition-opacity duration-300\">\n          Very pleasant service and thorough cleaning. Came in and got the job done \u2014 and a beyond that too.\n          I would definitely recommend using KlinPlanet.\n        <\/p>\n        <div class=\"flex items-center gap-3 mt-6\">\n          <div class=\"flex text-mint-500\">\n            <svg class=\"w-4 h-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"M10 1l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6L1.3 7.2l6.1-.6z\"\/><\/svg>\n            <svg class=\"w-4 h-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"M10 1l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6L1.3 7.2l6.1-.6z\"\/><\/svg>\n            <svg class=\"w-4 h-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"M10 1l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6L1.3 7.2l6.1-.6z\"\/><\/svg>\n            <svg class=\"w-4 h-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"M10 1l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6L1.3 7.2l6.1-.6z\"\/><\/svg>\n            <svg class=\"w-4 h-4 text-navy-100\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"M10 1l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.1-5.4 3.1 1.3-6L1.3 7.2l6.1-.6z\"\/><\/svg>\n          <\/div>\n          <span id=\"quoteAuthor\" class=\"font-display font-bold text-navy-700\">\u2014 Priya M.<\/span>\n        <\/div>\n\n        <div class=\"flex gap-2 mt-7\" id=\"quoteDots\">\n          <button class=\"quote-dot w-2.5 h-2.5 rounded-full bg-mint-500\" data-i=\"0\" aria-label=\"Review 1\"><\/button>\n          <button class=\"quote-dot w-2.5 h-2.5 rounded-full bg-navy-100\" data-i=\"1\" aria-label=\"Review 2\"><\/button>\n          <button class=\"quote-dot w-2.5 h-2.5 rounded-full bg-navy-100\" data-i=\"2\" aria-label=\"Review 3\"><\/button>\n        <\/div>\n      <\/div>\n\n      <!-- logo grid -->\n      <div class=\"reveal grid grid-cols-3 gap-4 max-w-md mx-auto\">\n        <div class=\"col-span-2 row-span-2 bg-white rounded-3xl shadow-soft flex items-center justify-center p-6 h-full\">\n          <span class=\"font-display font-bold text-2xl text-navy-700\">Amplify<\/span>\n        <\/div>\n        <div class=\"bg-white rounded-2xl shadow-soft flex items-center justify-center p-4 aspect-square\">\n          <span class=\"font-display font-bold text-sm text-mint-500\">NIMBUS<\/span>\n        <\/div>\n        <div class=\"bg-white rounded-2xl shadow-soft flex items-center justify-center p-4 aspect-square\">\n          <span class=\"font-display font-bold text-sm text-navy-700\">Orbiq<\/span>\n        <\/div>\n        <div class=\"bg-white rounded-2xl shadow-soft flex items-center justify-center p-4 aspect-square\">\n          <span class=\"font-display font-bold text-xs text-navy-700\">PlayWave<\/span>\n        <\/div>\n        <div class=\"bg-white rounded-2xl shadow-soft flex items-center justify-center p-4 aspect-square\">\n          <span class=\"font-display font-bold text-sm text-mint-600\">Driftly<\/span>\n        <\/div>\n        <div class=\"bg-white rounded-2xl shadow-soft flex items-center justify-center p-4 aspect-square\">\n          <span class=\"font-display font-bold text-sm text-navy-700\">Chirp<\/span>\n        <\/div>\n        <div class=\"bg-white rounded-2xl shadow-soft flex items-center justify-center p-4 aspect-square\">\n          <span class=\"font-display font-bold text-xs text-navy-700\">Brewhaus<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55800f33 elementor-widget elementor-widget-html\" data-id=\"55800f33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============ BOOK CTA ============ -->\n<section class=\"relative max-w-7xl mx-auto px-6 lg:px-10 py-16 overflow-hidden\">\n  <div class=\"absolute right-4 top-1\/2 -translate-y-1\/2 w-10 h-10 rounded-full bg-mint-500 hidden lg:block\"><\/div>\n\n  <div class=\"reveal grid lg:grid-cols-2 gap-14 items-center\">\n    <!-- image \/ pricing card -->\n    <div class=\"relative rounded-[2rem] overflow-hidden h-[360px] sm:h-[420px] shadow-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/images.pexels.com\/photos\/8055075\/pexels-photo-8055075.jpeg?auto=compress&cs=tinysrgb&w=1200&h=900&fit=crop\"\n        alt=\"A family relaxing together on the sofa at home\"\n        class=\"absolute inset-0 w-full h-full object-cover\"\n        loading=\"lazy\"\n      >\n      <div class=\"absolute inset-0 bg-gradient-to-br from-mint-500\/55 via-navy-700\/20 to-navy-800\/70\"><\/div>\n      <svg class=\"absolute top-6 left-6 w-10 h-10 text-white\/80\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l1.8 6.2L20 10l-6.2 1.8L12 18l-1.8-6.2L4 10l6.2-1.8L12 2z\"\/><\/svg>\n      <div class=\"absolute top-10 right-10 w-20 h-20 rounded-full border-2 border-white\/40\"><\/div>\n      <div class=\"absolute top-24 right-24 w-10 h-10 rounded-full border-2 border-white\/30\"><\/div>\n\n      <div class=\"absolute bottom-0 left-0 bg-navy-700\/95 text-white rounded-tr-[2rem] rounded-bl-[2rem] px-7 py-5 backdrop-blur\">\n        <div class=\"flex items-center gap-8\">\n          <div>\n            <p class=\"text-[10px] uppercase font-bold tracking-widest text-white\/60\">For office<\/p>\n            <p class=\"font-display font-bold text-xl text-mint-400\">$135<span class=\"text-xs text-white\/60 font-semibold\">\/mo<\/span><\/p>\n          <\/div>\n          <span class=\"w-px h-9 bg-white\/15\"><\/span>\n          <div>\n            <p class=\"text-[10px] uppercase font-bold tracking-widest text-white\/60\">For home<\/p>\n            <p class=\"font-display font-bold text-xl text-mint-400\">$85<span class=\"text-xs text-white\/60 font-semibold\">\/mo<\/span><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- copy -->\n    <div>\n      <h2 class=\"font-display font-bold text-3xl sm:text-4xl text-navy-700 leading-tight\">\n        <span class=\"text-mint-500\">Book<\/span> a Cleaning<br>Service Today\n      <\/h2>\n      <p class=\"text-gray-500 leading-relaxed mt-5 max-w-md\">\n        Just pick a plan, choose a time slot and we'll take it from there. Every booking includes a satisfaction\n        guarantee \u2014 if something's missed, we'll come back and make it right, free of charge.\n      <\/p>\n      <a href=\"#contact\" class=\"inline-flex items-center gap-2 rounded-full border-2 border-mint-500 text-navy-700 px-7 py-3 text-[13px] font-bold uppercase tracking-wide mt-8 hover:bg-mint-500 hover:text-white transition-colors focus-ring\">\n        Book Now\n        <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l1.8 6.2L20 10l-6.2 1.8L12 18l-1.8-6.2L4 10l6.2-1.8L12 2z\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-79027aec elementor-section-full_width kp-section kp-about elementor-section-height-default elementor-section-height-default\" data-id=\"79027aec\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-76b741fb\" data-id=\"76b741fb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b66e232 elementor-widget elementor-widget-html\" data-id=\"b66e232\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============ ABOUT ============ -->\n<section id=\"about\" class=\"relative max-w-7xl mx-auto px-6 lg:px-10 py-24\">\n  <div class=\"reveal grid lg:grid-cols-2 gap-16 items-center\">\n\n    <!-- image -->\n    <div class=\"relative w-72 h-72 sm:w-80 sm:h-80 mx-auto\">\n      <div class=\"absolute -bottom-6 -left-6 w-24 h-24 rounded-full bg-mint-500\"><\/div>\n      <div class=\"relative w-full h-full rounded-full shadow-card overflow-hidden\">\n        <img decoding=\"async\"\n          src=\"https:\/\/images.pexels.com\/photos\/7551751\/pexels-photo-7551751.jpeg?auto=compress&cs=tinysrgb&w=800&h=800&fit=crop\"\n          alt=\"A cheerful cleaning team high-fiving outdoors\"\n          class=\"absolute inset-0 w-full h-full object-cover\"\n          loading=\"lazy\"\n        >\n      <\/div>\n    <\/div>\n\n    <!-- copy -->\n    <div>\n      <p class=\"text-mint-500 font-bold uppercase tracking-widest text-xs mb-3\">About Us<\/p>\n      <h2 class=\"font-display font-bold text-3xl sm:text-4xl text-navy-700 leading-tight\">\n        Built by people who<br>love a clean space.\n      <\/h2>\n      <p class=\"text-gray-500 leading-relaxed mt-5 max-w-md\">\n        KlinPlanet started with three cleaners and a single van. Two decades later, we run trained crews\n        across the city, vet every hire personally, and still show up on time \u2014 every time.\n      <\/p>\n\n      <ul class=\"mt-6 space-y-3\">\n        <li class=\"flex items-center gap-3 text-navy-700 font-medium\">\n          <span class=\"w-5 h-5 rounded-full bg-mint-50 text-mint-500 flex items-center justify-center\"><svg class=\"w-3 h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\n          Background-checked, trained staff\n        <\/li>\n        <li class=\"flex items-center gap-3 text-navy-700 font-medium\">\n          <span class=\"w-5 h-5 rounded-full bg-mint-50 text-mint-500 flex items-center justify-center\"><svg class=\"w-3 h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\n          Eco-friendly products, always\n        <\/li>\n        <li class=\"flex items-center gap-3 text-navy-700 font-medium\">\n          <span class=\"w-5 h-5 rounded-full bg-mint-50 text-mint-500 flex items-center justify-center\"><svg class=\"w-3 h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\n          100% satisfaction guarantee\n        <\/li>\n      <\/ul>\n\n      <div class=\"flex gap-10 mt-9\">\n        <div>\n          <p class=\"font-display font-bold text-4xl text-mint-500 counter\" data-target=\"21\">0<\/p>\n          <p class=\"text-xs text-gray-500 mt-1 leading-snug\">Years of<br>experience<\/p>\n        <\/div>\n        <div>\n          <p class=\"font-display font-bold text-4xl text-mint-500 counter\" data-target=\"60\">0<\/p>\n          <p class=\"text-xs text-gray-500 mt-1 leading-snug\">Expert<br>cleaners<\/p>\n        <\/div>\n        <div>\n          <p class=\"font-display font-bold text-4xl text-mint-500 counter\" data-target=\"6\">0<\/p>\n          <p class=\"text-xs text-gray-500 mt-1 leading-snug\">Service<br>categories<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- three feature blurbs -->\n  <div class=\"reveal grid sm:grid-cols-3 gap-10 mt-20 pt-14 border-t border-navy-50\">\n    <div>\n      <h3 class=\"font-display font-bold text-navy-700 mb-2\">Flexible scheduling<\/h3>\n      <p class=\"text-sm text-gray-500 leading-relaxed\">Book one-off visits or a recurring plan that fits around your week.<\/p>\n      <a href=\"#contact\" class=\"inline-flex mt-4 text-mint-500 hover:translate-x-1 transition-transform focus-ring\">\n        <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n    <\/div>\n    <div>\n      <h3 class=\"font-display font-bold text-navy-700 mb-2\">Transparent pricing<\/h3>\n      <p class=\"text-sm text-gray-500 leading-relaxed\">No hidden call-out fees \u2014 the quote you see is the price you pay.<\/p>\n      <a href=\"#contact\" class=\"inline-flex mt-4 text-mint-500 hover:translate-x-1 transition-transform focus-ring\">\n        <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n    <\/div>\n    <div>\n      <h3 class=\"font-display font-bold text-navy-700 mb-2\">Insured & vetted<\/h3>\n      <p class=\"text-sm text-gray-500 leading-relaxed\">Every cleaner is interviewed, trained and fully insured before their first visit.<\/p>\n      <a href=\"#contact\" class=\"inline-flex mt-4 text-mint-500 hover:translate-x-1 transition-transform focus-ring\">\n        <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46c470aa elementor-section-full_width kp-section kp-footer elementor-section-height-default elementor-section-height-default\" data-id=\"46c470aa\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c3f4193\" data-id=\"c3f4193\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58fe78a9 elementor-widget elementor-widget-html\" data-id=\"58fe78a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============ CONTACT \/ FOOTER ============ -->\n<footer id=\"contact\" class=\"relative bg-cloud pt-20 pb-10 overflow-hidden\">\n  <div class=\"absolute -left-20 bottom-0 w-72 h-72 rounded-full bg-navy-700 hidden lg:block\"><\/div>\n  <div class=\"absolute left-40 -bottom-10 w-28 h-28 rounded-full bg-mint-500\/80 hidden lg:block\"><\/div>\n\n  <div class=\"max-w-7xl mx-auto px-6 lg:px-10 relative z-10\">\n    <div class=\"grid lg:grid-cols-[1fr_1.1fr_1fr] gap-12\">\n\n      <!-- company info -->\n      <div class=\"reveal\">\n        <p class=\"font-display font-bold text-2xl text-navy-700\">KlinPlanet<\/p>\n\n        <p class=\"text-mint-500 font-semibold text-sm mt-6\">Office Manhattan<\/p>\n        <p class=\"text-gray-500 text-sm leading-relaxed mt-1\">3391 Cantebury Drive<br>New York, 10025<\/p>\n\n        <a href=\"mailto:service@klinplanet.com\" class=\"block text-mint-500 font-medium text-sm mt-5 hover:underline focus-ring\">service@klinplanet.com<\/a>\n        <a href=\"tel:+19996663330\" class=\"block font-display font-bold text-lg text-navy-700 mt-1 hover:text-mint-500 transition-colors focus-ring\">+1 999 666 333<\/a>\n\n        <p class=\"text-gray-500 text-sm mt-5 leading-relaxed\">\n          Monday \u2013 Friday: 10:00AM \u2013 7PM<br>\n          Saturday: 10:00AM \u2013 7PM\n        <\/p>\n\n        <div class=\"flex gap-3 mt-6\">\n          <a href=\"#\" aria-label=\"Facebook\" class=\"w-9 h-9 rounded-full bg-navy-700 text-white flex items-center justify-center hover:bg-mint-500 transition-colors focus-ring\">\n            <svg class=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M22 12a10 10 0 10-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.7-3.9 1.1 0 2.2.2 2.5.3v2.7h-1.7c-1.3 0-1.6.6-1.6 1.6V12h3.2l-.4 2.9h-2.8v7A10 10 0 0022 12z\"\/><\/svg>\n          <\/a>\n          <a href=\"#\" aria-label=\"Instagram\" class=\"w-9 h-9 rounded-full bg-navy-700 text-white flex items-center justify-center hover:bg-mint-500 transition-colors focus-ring\">\n            <svg class=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 2 .3 2.4.5.6.2 1 .5 1.5 1 .4.4.7.9 1 1.5.2.4.4 1.2.5 2.4.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.3 2-.5 2.4-.2.6-.5 1-1 1.5-.4.4-.9.7-1.5 1-.4.2-1.2.4-2.4.5-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-2-.3-2.4-.5-.6-.2-1-.5-1.5-1-.4-.4-.7-.9-1-1.5-.2-.4-.4-1.2-.5-2.4C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.9c.1-1.2.3-2 .5-2.4.2-.6.5-1 1-1.5.4-.4.9-.7 1.5-1 .4-.2 1.2-.4 2.4-.5C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.1 0-3.5 0-4.7.1-1 0-1.6.2-1.9.4-.5.2-.8.4-1.2.7-.3.4-.5.7-.7 1.2-.1.3-.3.9-.4 1.9-.1 1.2-.1 1.6-.1 4.7s0 3.5.1 4.7c0 1 .2 1.6.4 1.9.2.5.4.8.7 1.2.4.3.7.5 1.2.7.3.1.9.3 1.9.4 1.2.1 1.6.1 4.7.1s3.5 0 4.7-.1c1 0 1.6-.2 1.9-.4.5-.2.8-.4 1.2-.7.3-.4.5-.7.7-1.2.1-.3.3-.9.4-1.9.1-1.2.1-1.6.1-4.7s0-3.5-.1-4.7c0-1-.2-1.6-.4-1.9-.2-.5-.4-.8-.7-1.2-.4-.3-.7-.5-1.2-.7-.3-.1-.9-.3-1.9-.4-1.2-.1-1.6-.1-4.7-.1zm0 4.3a5.7 5.7 0 110 11.4 5.7 5.7 0 010-11.4zm0 1.8a3.9 3.9 0 100 7.8 3.9 3.9 0 000-7.8zm6.5-3.6a1.3 1.3 0 110 2.7 1.3 1.3 0 010-2.7z\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- booking form -->\n      <div class=\"reveal bg-white rounded-3xl shadow-card p-8\">\n        <h3 class=\"font-display font-bold text-xl text-navy-700\">Book in <span class=\"text-mint-500\">2 minutes<\/span><\/h3>\n\n        <form id=\"bookingForm\" class=\"mt-6 space-y-4\" novalidate>\n          <div>\n            <label for=\"nameInput\" class=\"text-xs font-semibold text-navy-700\/70\">Name\/Company<\/label>\n            <input id=\"nameInput\" required type=\"text\" placeholder=\"Your name or business\" class=\"mt-1.5 w-full rounded-xl border border-navy-100 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-mint-400\">\n          <\/div>\n          <div>\n            <label for=\"emailInput\" class=\"text-xs font-semibold text-navy-700\/70\">Email*<\/label>\n            <input id=\"emailInput\" required type=\"email\" placeholder=\"you@email.com\" class=\"mt-1.5 w-full rounded-xl border border-navy-100 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-mint-400\">\n          <\/div>\n          <div>\n            <label for=\"phoneInput\" class=\"text-xs font-semibold text-navy-700\/70\">Phone<\/label>\n            <input id=\"phoneInput\" type=\"tel\" placeholder=\"+1 999 666 333\" class=\"mt-1.5 w-full rounded-xl border border-navy-100 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-mint-400\">\n          <\/div>\n          <div>\n            <label for=\"typeInput\" class=\"text-xs font-semibold text-navy-700\/70\">Type<\/label>\n            <select id=\"typeInput\" class=\"mt-1.5 w-full rounded-xl border border-navy-100 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-mint-400\">\n              <option>Residential Cleaning<\/option>\n              <option>Commercial Cleaning<\/option>\n              <option>Garden<\/option>\n              <option>Landscaping<\/option>\n            <\/select>\n          <\/div>\n          <button type=\"submit\" class=\"w-full inline-flex items-center justify-center gap-2 rounded-full border-2 border-mint-500 text-navy-700 px-7 py-3 text-[13px] font-bold uppercase tracking-wide hover:bg-mint-500 hover:text-white transition-colors focus-ring\">\n            Book Services Now\n            <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l1.8 6.2L20 10l-6.2 1.8L12 18l-1.8-6.2L4 10l6.2-1.8L12 2z\"\/><\/svg>\n          <\/button>\n          <p id=\"formMsg\" class=\"text-sm text-mint-600 font-medium hidden\">Thanks! We'll be in touch within the hour.<\/p>\n        <\/form>\n      <\/div>\n\n      <!-- map -->\n      <div class=\"reveal relative rounded-3xl overflow-hidden bg-white shadow-soft min-h-[280px]\">\n        <svg viewBox=\"0 0 300 280\" class=\"absolute inset-0 w-full h-full opacity-60\">\n          <rect width=\"300\" height=\"280\" fill=\"#EEF0F8\"\/>\n          <g stroke=\"#D6DAEF\" stroke-width=\"2\">\n            <line x1=\"0\" y1=\"40\" x2=\"300\" y2=\"20\"\/>\n            <line x1=\"0\" y1=\"100\" x2=\"300\" y2=\"90\"\/>\n            <line x1=\"0\" y1=\"160\" x2=\"300\" y2=\"150\"\/>\n            <line x1=\"0\" y1=\"220\" x2=\"300\" y2=\"210\"\/>\n            <line x1=\"40\" y1=\"0\" x2=\"20\" y2=\"280\"\/>\n            <line x1=\"110\" y1=\"0\" x2=\"100\" y2=\"280\"\/>\n            <line x1=\"190\" y1=\"0\" x2=\"200\" y2=\"280\"\/>\n            <line x1=\"260\" y1=\"0\" x2=\"270\" y2=\"280\"\/>\n          <\/g>\n        <\/svg>\n        <div class=\"absolute inset-0 flex items-center justify-center\">\n          <span class=\"relative flex h-5 w-5\">\n            <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-mint-400 opacity-75\"><\/span>\n            <span class=\"relative inline-flex rounded-full h-5 w-5 bg-mint-500 ring-4 ring-white\"><\/span>\n          <\/span>\n        <\/div>\n        <span class=\"absolute bottom-4 left-4 text-[11px] font-semibold text-navy-700\/50 bg-white\/80 rounded px-2 py-1\">Manhattan, New York<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- bottom bar -->\n    <div class=\"border-t border-navy-100 mt-16 pt-7 flex flex-col sm:flex-row items-center justify-between gap-4 text-sm\">\n      <p class=\"text-gray-500\">\u00a9 KlinPlanet 2026. All rights reserved.<\/p>\n      <ul class=\"flex gap-6 text-navy-700\/70 font-medium\">\n        <li><a href=\"#top\" class=\"hover:text-mint-500 transition-colors focus-ring\">Home<\/a><\/li>\n        <li><a href=\"#services\" class=\"hover:text-mint-500 transition-colors focus-ring\">Services<\/a><\/li>\n        <li><a href=\"#reviews\" class=\"hover:text-mint-500 transition-colors focus-ring\">Customers<\/a><\/li>\n        <li><a href=\"#about\" class=\"hover:text-mint-500 transition-colors focus-ring\">About<\/a><\/li>\n        <li><a href=\"#contact\" class=\"hover:text-mint-500 transition-colors focus-ring\">Contact<\/a><\/li>\n      <\/ul>\n      <p class=\"text-gray-400\">Design recreated with <span class=\"text-mint-500 font-semibold\">Claude<\/span><\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n  \/\/ ---------- mobile menu ----------\n  const menuBtn = document.getElementById('menuBtn');\n  const mobileMenu = document.getElementById('mobileMenu');\n  const iconOpen = document.getElementById('menuIconOpen');\n  const iconClose = document.getElementById('menuIconClose');\n  menuBtn.addEventListener('click', () => {\n    const isHidden = mobileMenu.classList.contains('hidden');\n    mobileMenu.classList.toggle('hidden');\n    iconOpen.classList.toggle('hidden');\n    iconClose.classList.toggle('hidden');\n    menuBtn.setAttribute('aria-expanded', String(isHidden));\n  });\n  mobileMenu.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\n    mobileMenu.classList.add('hidden');\n    iconOpen.classList.remove('hidden');\n    iconClose.classList.add('hidden');\n  }));\n\n  \/\/ ---------- scroll reveal ----------\n  const revealEls = document.querySelectorAll('.reveal');\n  const io = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('in-view');\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  revealEls.forEach(el => io.observe(el));\n\n  \/\/ ---------- animated counters ----------\n  const counters = document.querySelectorAll('.counter');\n  const counterIO = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (!entry.isIntersecting) return;\n      const el = entry.target;\n      const target = parseInt(el.dataset.target, 10);\n      let current = 0;\n      const step = Math.max(1, Math.round(target \/ 40));\n      const tick = () => {\n        current = Math.min(target, current + step);\n        el.textContent = current + (target >= 60 ? '+' : '');\n        if (current < target) requestAnimationFrame(tick);\n      };\n      tick();\n      counterIO.unobserve(el);\n    });\n  }, { threshold: 0.4 });\n  counters.forEach(c => counterIO.observe(c));\n\n  \/\/ ---------- service cards toggle ----------\n  const serviceCards = document.querySelectorAll('.service-card');\n  function setActiveService(card) {\n    serviceCards.forEach(c => {\n      const isActive = c === card;\n      c.classList.toggle('bg-white', isActive);\n      c.classList.toggle('shadow-card', isActive);\n      c.classList.toggle('scale-[1.02]', isActive);\n      c.querySelector('.service-desc').classList.toggle('hidden', !isActive);\n      const arrow = c.querySelector('.service-arrow');\n      arrow.classList.toggle('hidden', !isActive);\n      arrow.classList.toggle('flex', isActive);\n    });\n  }\n  serviceCards.forEach(card => card.addEventListener('click', () => setActiveService(card)));\n  setActiveService(document.querySelector('[data-service=\"residential\"]'));\n\n  \/\/ ---------- testimonial dots ----------\n  const quotes = [\n    { title: '\u201cSo great! Very thorough and on time!\u201d', body: \"Very pleasant service and thorough cleaning. Came in and got the job done \u2014 and a beyond that too. I would definitely recommend using KlinPlanet.\", author: '\u2014 Priya M.' },\n    { title: '\u201cReliable, every single visit.\u201d', body: \"We've used KlinPlanet for our office for over a year now. They're punctual, careful with equipment, and the place genuinely smells better after.\", author: '\u2014 Daniel R.' },\n    { title: '\u201cWorth every dollar.\u201d', body: \"Booking took two minutes and the team showed up exactly on time. My apartment hasn't looked this good since I moved in.\", author: '\u2014 Maria S.' }\n  ];\n  const quoteText = document.getElementById('quoteText');\n  const quoteBody = document.getElementById('quoteBody');\n  const quoteAuthor = document.getElementById('quoteAuthor');\n  document.querySelectorAll('.quote-dot').forEach(dot => {\n    dot.addEventListener('click', () => {\n      const i = parseInt(dot.dataset.i, 10);\n      quoteText.style.opacity = 0;\n      quoteBody.style.opacity = 0;\n      setTimeout(() => {\n        quoteText.textContent = quotes[i].title;\n        quoteBody.textContent = quotes[i].body;\n        quoteAuthor.textContent = quotes[i].author;\n        quoteText.style.opacity = 1;\n        quoteBody.style.opacity = 1;\n      }, 200);\n      document.querySelectorAll('.quote-dot').forEach(d => d.classList.replace('bg-mint-500', 'bg-navy-100'));\n      dot.classList.replace('bg-navy-100', 'bg-mint-500');\n    });\n  });\n\n  \/\/ ---------- booking form ----------\n  const bookingForm = document.getElementById('bookingForm');\n  const formMsg = document.getElementById('formMsg');\n  bookingForm.addEventListener('submit', (e) => {\n    e.preventDefault();\n    if (!bookingForm.checkValidity()) { bookingForm.reportValidity(); return; }\n    formMsg.classList.remove('hidden');\n    bookingForm.querySelectorAll('input').forEach(i => i.value = '');\n  });\n<\/script>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KLINPLANET Home Services Customers About Contact Register your business Home Services Customers About Contact Register your business You are in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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":"disabled","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"disabled","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.ithandler.co.in\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.ithandler.co.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.ithandler.co.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.ithandler.co.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.ithandler.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":11,"href":"https:\/\/demo.ithandler.co.in\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/demo.ithandler.co.in\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/demo.ithandler.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}