{"id":9,"date":"2026-09-24T11:34:45","date_gmt":"2026-09-24T11:34:45","guid":{"rendered":"http:\/\/lavoramsterdam.local\/home\/"},"modified":"2026-09-25T09:14:41","modified_gmt":"2026-09-25T09:14:41","slug":"home","status":"publish","type":"page","link":"https:\/\/schoontotaal.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2663f73 e-con-full e-flex e-con e-parent\" data-id=\"2663f73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3cc7a25 e-con-full e-flex e-con e-child\" data-id=\"3cc7a25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2a1b62 elementor-widget elementor-widget-bereschoon_hero\" data-id=\"f2a1b62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bereschoon_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section id=\"home\" class=\"bereschoon-hero-section relative flex items-center justify-center overflow-hidden bg-secondary\" style=\"height:100svh;min-height:-webkit-fill-available\">\n          <div class=\"hero-bg-wrapper absolute inset-0 w-full h-full z-0 overflow-hidden\" style=\"position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;\">\n            <img decoding=\"async\" src=\"https:\/\/schoontotaal.nl\/wp-content\/themes\/bereschoon\/assets\/images\/hero-home-900.webp\" alt=\"SCHOON TOTAAL Hero\" class=\"hero-bg-img absolute inset-0 w-full h-full object-cover\" style=\"position:absolute;top:0;left:0;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;max-width:none!important;object-fit:cover!important;object-position:center 75%!important;\" \/>\n            <div class=\"hero-overlay absolute inset-0 bg-gradient-to-b from-black\/50 via-black\/30 to-secondary\/90 z-10\" style=\"position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;\"><\/div>\n          <\/div>\n\n          <div class=\"hero-content-wrapper relative z-20 text-center px-[clamp(1rem,4vw,1.5rem)] max-w-4xl mx-auto w-full pt-16\">\n            <h1 class=\"hero-title relative font-bold tracking-tighter shimmer-text\" style=\"font-size:clamp(2.4rem, 10vw + 0.5rem, 6rem);margin-bottom:clamp(1rem, 3.5vw, 2rem);line-height:1.1;\">\n                              <span class=\"hero-title-line-1 relative inline-block select-none\">Uitzonderlijke<\/span><br\/>\n                                            <span class=\"hero-title-line-2 relative inline-block select-none\">Schoonmaak.<\/span>\n                          <\/h1>\n\n            <div class=\"hero-desc text-gray-200 max-w-2xl mx-auto leading-relaxed\" style=\"font-size:clamp(0.9rem, 2.5vw + 0.2rem, 1.25rem);margin-bottom:clamp(1.25rem, 4vw, 2.5rem);\">\n              <p>Wij zorgen ervoor dat de uitstraling van uw pand of woning weer Bereschoon wordt. <span class=\"text-primary font-medium\">Professioneel, effici\u00ebnt en milieubewust.<\/span><\/p>            <\/div>\n\n            <div class=\"hero-buttons flex flex-col sm:flex-row items-center justify-center\" style=\"gap:clamp(0.6rem, 2vw, 1rem);\">\n                              <div>\n                  <a class=\"hero-btn-primary group bg-primary text-white rounded-full font-bold hover:bg-primary\/90 transition-all flex items-center shadow-[0_0_30px_rgba(132,204,22,0.4)] hover:shadow-[0_0_50px_rgba(132,204,22,0.6)] btn-shine\" style=\"padding-top:clamp(0.7rem, 2.2vw, 1rem);padding-bottom:clamp(0.7rem, 2.2vw, 1rem);padding-left:clamp(1.2rem, 4vw, 2rem);padding-right:clamp(1.2rem, 4vw, 2rem);font-size:clamp(0.85rem, 2.2vw + 0.2rem, 1.125rem)\" href=\"#aanvraag\">\n                    Offerte Aanvragen                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right ml-2 group-hover:translate-x-1 transition-transform\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n                  <\/a>\n                <\/div>\n              \n                              <a href=\"#diensten\" class=\"hero-btn-secondary rounded-full font-medium text-white border-2 border-white\/30 hover:bg-white\/10 transition-all backdrop-blur-sm hover:border-white\/50\" style=\"padding-top:clamp(0.7rem, 2.2vw, 1rem);padding-bottom:clamp(0.7rem, 2.2vw, 1rem);padding-left:clamp(1.2rem, 4vw, 2rem);padding-right:clamp(1.2rem, 4vw, 2rem);font-size:clamp(0.85rem, 2.2vw + 0.2rem, 1.125rem)\">\n                  Bekijk Onze Diensten                <\/a>\n                          <\/div>\n          <\/div>\n\n                      <div class=\"hero-chevron absolute left-1\/2 -translate-x-1\/2 z-20 animate-bounce-slow\" style=\"bottom:clamp(1.5rem, 4vw, 2rem)\">\n              <a href=\"#over-ons\" aria-label=\"Scroll down\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down text-white\/60 hover:text-white transition-colors\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n              <\/a>\n            <\/div>\n          \n                      <div class=\"hero-wave-wrapper absolute left-0 right-0 w-full overflow-hidden leading-none bottom-0\" style=\"height:120px;\">\n              <svg class=\"relative block w-full h-full\" viewBox=\"0 0 1440 320\" preserveAspectRatio=\"none\">\n                <path class=\"hero-wave-path fill-secondary\" d=\"M0,96L48,112C96,128,192,160,288,165.3C384,171,480,149,576,149.3C672,149,768,171,864,165.3C960,160,1056,128,1152,117.3C1248,107,1344,117,1392,122.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path>\n              <\/svg>\n            <\/div>\n                  <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e54d09 e-con-full e-flex e-con e-parent\" data-id=\"0e54d09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a2851dc e-con-full e-flex e-con e-child\" data-id=\"a2851dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40c75f3 elementor-widget elementor-widget-bereschoon_stats\" data-id=\"40c75f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bereschoon_stats.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section id=\"over-ons\" class=\"stats-section py-6 md:py-20 bg-secondary text-white relative overflow-hidden scroll-mt-24\">\n          <span id=\"waarom-ons\" class=\"absolute -top-24 pointer-events-none\"><\/span>\n          <div class=\"absolute inset-0 bg-gradient-to-b from-secondary via-secondary to-secondary\/95 pointer-events-none\"><\/div>\n          <div class=\"container mx-auto px-4 md:px-6 relative z-10\">\n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-2 md:gap-8\">\n                              <div class=\"stat-item relative group text-center\">\n                  <div class=\"stat-card relative p-2 md:p-8\">\n                    <div class=\"mb-2 md:mb-4 flex justify-center\">\n                      <div class=\"stat-icon-circle w-8 h-8 md:w-12 md:h-12 bg-white\/10 rounded-full flex items-center justify-center group-hover:bg-primary\/20 transition-all duration-300\">\n                        <span class=\"stat-icon flex items-center justify-center\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check-circle2 text-primary md:w-[22px] md:h-[22px]\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/span>\n                      <\/div>\n                    <\/div>\n                    <div class=\"stat-number text-xl md:text-5xl font-bold mb-0.5 md:mb-2 tracking-tight text-white\">\n                      <span class=\"tabular-nums\">500+<\/span>\n                    <\/div>\n                    <div class=\"stat-label text-xs md:text-base text-white\/70 font-medium leading-tight\">\n                      Projecten Voltooid                    <\/div>\n                                          <div class=\"stat-divider hidden md:block absolute right-0 top-1\/2 -translate-y-1\/2 h-16 w-px bg-white\/10\"><\/div>\n                                      <\/div>\n                <\/div>\n                              <div class=\"stat-item relative group text-center\">\n                  <div class=\"stat-card relative p-2 md:p-8\">\n                    <div class=\"mb-2 md:mb-4 flex justify-center\">\n                      <div class=\"stat-icon-circle w-8 h-8 md:w-12 md:h-12 bg-white\/10 rounded-full flex items-center justify-center group-hover:bg-primary\/20 transition-all duration-300\">\n                        <span class=\"stat-icon flex items-center justify-center\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-calendar text-primary md:w-[22px] md:h-[22px]\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg><\/span>\n                      <\/div>\n                    <\/div>\n                    <div class=\"stat-number text-xl md:text-5xl font-bold mb-0.5 md:mb-2 tracking-tight text-white\">\n                      <span class=\"tabular-nums\">5+<\/span>\n                    <\/div>\n                    <div class=\"stat-label text-xs md:text-base text-white\/70 font-medium leading-tight\">\n                      Jaren Ervaring                    <\/div>\n                                          <div class=\"stat-divider hidden md:block absolute right-0 top-1\/2 -translate-y-1\/2 h-16 w-px bg-white\/10\"><\/div>\n                                      <\/div>\n                <\/div>\n                              <div class=\"stat-item relative group text-center\">\n                  <div class=\"stat-card relative p-2 md:p-8\">\n                    <div class=\"mb-2 md:mb-4 flex justify-center\">\n                      <div class=\"stat-icon-circle w-8 h-8 md:w-12 md:h-12 bg-white\/10 rounded-full flex items-center justify-center group-hover:bg-primary\/20 transition-all duration-300\">\n                        <span class=\"stat-icon flex items-center justify-center\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star text-primary md:w-[22px] md:h-[22px]\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg><\/span>\n                      <\/div>\n                    <\/div>\n                    <div class=\"stat-number text-xl md:text-5xl font-bold mb-0.5 md:mb-2 tracking-tight text-white\">\n                      <span class=\"tabular-nums\">5.0<\/span>\n                    <\/div>\n                    <div class=\"stat-label text-xs md:text-base text-white\/70 font-medium leading-tight\">\n                      Gemiddelde Score                    <\/div>\n                                          <div class=\"stat-divider hidden md:block absolute right-0 top-1\/2 -translate-y-1\/2 h-16 w-px bg-white\/10\"><\/div>\n                                      <\/div>\n                <\/div>\n                              <div class=\"stat-item relative group text-center\">\n                  <div class=\"stat-card relative p-2 md:p-8\">\n                    <div class=\"mb-2 md:mb-4 flex justify-center\">\n                      <div class=\"stat-icon-circle w-8 h-8 md:w-12 md:h-12 bg-white\/10 rounded-full flex items-center justify-center group-hover:bg-primary\/20 transition-all duration-300\">\n                        <span class=\"stat-icon flex items-center justify-center\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-sparkles text-primary md:w-[22px] md:h-[22px]\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"><\/path><path d=\"M5 3v4\"><\/path><path d=\"M19 17v4\"><\/path><path d=\"M3 5h4\"><\/path><path d=\"M17 19h4\"><\/path><\/svg><\/span>\n                      <\/div>\n                    <\/div>\n                    <div class=\"stat-number text-xl md:text-5xl font-bold mb-0.5 md:mb-2 tracking-tight text-white\">\n                      <span class=\"tabular-nums\">100%<\/span>\n                    <\/div>\n                    <div class=\"stat-label text-xs md:text-base text-white\/70 font-medium leading-tight\">\n                      Bereschoon                    <\/div>\n                                      <\/div>\n                <\/div>\n                          <\/div>\n          <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c0ac02 e-con-full e-flex e-con e-parent\" data-id=\"5c0ac02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6c69d1f e-con-full e-flex e-con e-child\" data-id=\"6c69d1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-123dd34 elementor-widget elementor-widget-bereschoon_services\" data-id=\"123dd34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bereschoon_services.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section id=\"diensten\" class=\"services-section py-12 md:py-28 bg-white text-foreground relative overflow-hidden scroll-mt-24\">\n          <span id=\"projecten\" class=\"absolute -top-24 pointer-events-none\"><\/span>\n          <div class=\"services-top-wave absolute left-0 right-0 w-full overflow-hidden leading-none top-0 rotate-180\" style=\"height:60px\">\n            <svg class=\"relative block w-full h-full\" viewBox=\"0 0 1440 100\" preserveAspectRatio=\"none\">\n              <path class=\"services-top-wave-path fill-secondary\" d=\"M0,0 C480,100 960,100 1440,0 L1440,100 L0,100 Z\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <div class=\"container mx-auto px-6 relative z-10 pt-4\">\n            <div class=\"mb-10 md:mb-16\">\n              <span class=\"services-tagline inline-flex items-center gap-2 text-primary font-bold text-xs uppercase tracking-[0.2em] mb-4\">\n                <span class=\"services-tagline-line w-8 h-px bg-primary inline-block\"><\/span>\n                Onze Expertise              <\/span>\n              <div class=\"flex flex-col md:flex-row md:items-end justify-between gap-4\">\n                <h2 class=\"services-heading-title font-bold tracking-tight text-foreground\" style=\"font-size:clamp(1.75rem, 5vw, 3.25rem);line-height:1.15\">\n                  <span class=\"services-heading-1\">Vakmanschap in<\/span><br\/>\n                  <span class=\"services-heading-2 text-primary\">elke bestrating<\/span>\n                <\/h2>\n                                  <a class=\"services-header-cta hidden md:inline-flex items-center gap-2 text-sm font-semibold text-stone-500 hover:text-primary transition-colors group\" href=\"#aanvraag\">\n                    Offerte aanvragen                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform\"><path d=\"M7 7h10v10\"><\/path><path d=\"M7 17 17 7\"><\/path><\/svg>\n                  <\/a>\n                              <\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-5 md:gap-6\">\n                              <div class=\"service-card rounded-2xl overflow-hidden shadow-xl shadow-stone-200\/60 border border-gray-100 flex flex-col hover:shadow-2xl transition-all duration-300\">\n                  <div class=\"service-card-img-wrap group relative h-52 cursor-pointer overflow-hidden flex-shrink-0\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/schoontotaal.nl\/wp-content\/themes\/bereschoon\/assets\/images\/hero-oprit-main-900.webp\" alt=\"Oprit Reiniging\" width=\"1536\" height=\"2048\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-105\" loading=\"lazy\" \/>\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-black\/10 to-transparent pointer-events-none\"><\/div>\n                    <div class=\"absolute bottom-3 left-3 right-3\"><h3 class=\"service-card-title text-xl font-bold text-white tracking-tight\">Oprit Reiniging<\/h3><\/div>\n                  <\/div>\n                  <div class=\"service-card-body bg-secondary text-white flex flex-col flex-1 p-5 sm:p-6\">\n                    <p class=\"service-card-desc text-stone-300 text-sm leading-relaxed mb-5 flex-1\">Verwijder hardnekkig vuil, groene aanslag en onkruid van uw oprit. Resultaat dat maanden standhoudt.<\/p>\n                    <div class=\"space-y-2 mb-5\">\n                                              <div class=\"service-feat-item flex items-center gap-2.5\">\n                          <div class=\"service-feat-icon-box w-7 h-7 rounded-lg bg-primary\/15 border border-primary\/25 flex items-center justify-center flex-shrink-0\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-zap text-primary\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg>\n                          <\/div>\n                          <span class=\"service-feat-text text-stone-300 text-xs font-medium\">Hogedruk reiniging<\/span>\n                        <\/div>\n                                                                    <div class=\"service-feat-item flex items-center gap-2.5\">\n                          <div class=\"service-feat-icon-box w-7 h-7 rounded-lg bg-primary\/15 border border-primary\/25 flex items-center justify-center flex-shrink-0\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers text-primary\"><path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"><\/path><path d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"><\/path><path d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"><\/path><\/svg>\n                          <\/div>\n                          <span class=\"service-feat-text text-stone-300 text-xs font-medium\">Voegen herstellen<\/span>\n                        <\/div>\n                                                                    <div class=\"service-feat-item flex items-center gap-2.5\">\n                          <div class=\"service-feat-icon-box w-7 h-7 rounded-lg bg-primary\/15 border border-primary\/25 flex items-center justify-center flex-shrink-0\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield text-primary\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"><\/path><\/svg>\n                          <\/div>\n                          <span class=\"service-feat-text text-stone-300 text-xs font-medium\">Beschermlaag<\/span>\n                        <\/div>\n                                          <\/div>\n                    <div class=\"flex gap-2 mt-auto\">\n                                              <a class=\"service-btn-primary flex-1 flex items-center justify-center gap-1.5 bg-primary text-white font-bold py-3 px-4 rounded-xl hover:bg-primary\/90 transition-all hover:shadow-lg hover:shadow-primary\/25 hover:-translate-y-0.5 text-sm\" href=\"#aanvraag\">\n                          Meer info                          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n                        <\/a>\n                                                                    <a class=\"service-btn-secondary flex items-center justify-center gap-1.5 bg-white\/10 border border-white\/15 text-white font-semibold py-3 px-4 rounded-xl hover:bg-white\/20 transition-all text-sm\" href=\"#aanvraag\">\n                          Offerte                          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"><\/path><path d=\"M7 17 17 7\"><\/path><\/svg>\n                        <\/a>\n                                          <\/div>\n                  <\/div>\n                <\/div>\n                              <div class=\"service-card rounded-2xl overflow-hidden shadow-xl shadow-stone-200\/60 border border-gray-100 flex flex-col hover:shadow-2xl transition-all duration-300\">\n                  <div class=\"service-card-img-wrap group relative h-52 cursor-pointer overflow-hidden flex-shrink-0\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/schoontotaal.nl\/wp-content\/themes\/bereschoon\/assets\/images\/hero-terras-main-900.webp\" alt=\"Terras Reiniging\" width=\"1536\" height=\"2048\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-105\" loading=\"lazy\" \/>\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-black\/10 to-transparent pointer-events-none\"><\/div>\n                    <div class=\"absolute bottom-3 left-3 right-3\"><h3 class=\"service-card-title text-xl font-bold text-white tracking-tight\">Terras Reiniging<\/h3><\/div>\n                  <\/div>\n                  <div class=\"service-card-body bg-secondary text-white flex flex-col flex-1 p-5 sm:p-6\">\n                    <p class=\"service-card-desc text-stone-300 text-sm leading-relaxed mb-5 flex-1\">Mos, groene aanslag en vuil van uw terras verwijderd. Geniet weer volop van uw buitenruimte.<\/p>\n                    <div class=\"space-y-2 mb-5\">\n                                              <div class=\"service-feat-item flex items-center gap-2.5\">\n                          <div class=\"service-feat-icon-box w-7 h-7 rounded-lg bg-primary\/15 border border-primary\/25 flex items-center justify-center flex-shrink-0\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-zap text-primary\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg>\n                          <\/div>\n                          <span class=\"service-feat-text text-stone-300 text-xs font-medium\">Hogedruk reiniging<\/span>\n                        <\/div>\n                                                                    <div class=\"service-feat-item flex items-center gap-2.5\">\n                          <div class=\"service-feat-icon-box w-7 h-7 rounded-lg bg-primary\/15 border border-primary\/25 flex items-center justify-center flex-shrink-0\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers text-primary\"><path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"><\/path><path d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"><\/path><path d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"><\/path><\/svg>\n                          <\/div>\n                          <span class=\"service-feat-text text-stone-300 text-xs font-medium\">Voegen herstellen<\/span>\n                        <\/div>\n                                                                    <div class=\"service-feat-item flex items-center gap-2.5\">\n                          <div class=\"service-feat-icon-box w-7 h-7 rounded-lg bg-primary\/15 border border-primary\/25 flex items-center justify-center flex-shrink-0\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield text-primary\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"><\/path><\/svg>\n                          <\/div>\n                          <span class=\"service-feat-text text-stone-300 text-xs font-medium\">Beschermlaag<\/span>\n                        <\/div>\n                                          <\/div>\n                    <div class=\"flex gap-2 mt-auto\">\n                                              <a class=\"service-btn-primary flex-1 flex items-center justify-center gap-1.5 bg-primary text-white font-bold py-3 px-4 rounded-xl hover:bg-primary\/90 transition-all hover:shadow-lg hover:shadow-primary\/25 hover:-translate-y-0.5 text-sm\" href=\"#aanvraag\">\n                          Meer info                          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n                        <\/a>\n                                                                    <a class=\"service-btn-secondary flex items-center justify-center gap-1.5 bg-white\/10 border border-white\/15 text-white font-semibold py-3 px-4 rounded-xl hover:bg-white\/20 transition-all text-sm\" href=\"#aanvraag\">\n                          Offerte                          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"><\/path><path d=\"M7 17 17 7\"><\/path><\/svg>\n                        <\/a>\n                                          <\/div>\n                  <\/div>\n                <\/div>\n                              <div class=\"service-card rounded-2xl overflow-hidden shadow-xl shadow-stone-200\/60 border border-gray-100 flex flex-col hover:shadow-2xl transition-all duration-300\">\n                  <div class=\"service-card-img-wrap group relative h-52 cursor-pointer overflow-hidden flex-shrink-0\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/schoontotaal.nl\/wp-content\/themes\/bereschoon\/assets\/images\/hero-terrein-main-900.webp\" alt=\"Terrein Reiniging\" width=\"1536\" height=\"2048\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-105\" loading=\"lazy\" \/>\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-black\/10 to-transparent pointer-events-none\"><\/div>\n                    <div class=\"absolute bottom-3 left-3 right-3\"><h3 class=\"service-card-title text-xl font-bold text-white tracking-tight\">Terrein Reiniging<\/h3><\/div>\n                  <\/div>\n                  <div class=\"service-card-body bg-secondary text-white flex flex-col flex-1 p-5 sm:p-6\">\n                    <p class=\"service-card-desc text-stone-300 text-sm leading-relaxed mb-5 flex-1\">Grootschalige reiniging voor bedrijfsterreinen, parkeerplaatsen en VvE complexen.<\/p>\n                    <div class=\"space-y-2 mb-5\">\n                                              <div class=\"service-feat-item flex items-center gap-2.5\">\n                          <div class=\"service-feat-icon-box w-7 h-7 rounded-lg bg-primary\/15 border border-primary\/25 flex items-center justify-center flex-shrink-0\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-zap text-primary\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg>\n                          <\/div>\n                          <span class=\"service-feat-text text-stone-300 text-xs font-medium\">Grootschalige reiniging<\/span>\n                        <\/div>\n                                                                    <div class=\"service-feat-item flex items-center gap-2.5\">\n                          <div class=\"service-feat-icon-box w-7 h-7 rounded-lg bg-primary\/15 border border-primary\/25 flex items-center justify-center flex-shrink-0\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers text-primary\"><path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"><\/path><path d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"><\/path><path d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"><\/path><\/svg>\n                          <\/div>\n                          <span class=\"service-feat-text text-stone-300 text-xs font-medium\">Bedrijfsterreinen<\/span>\n                        <\/div>\n                                                                    <div class=\"service-feat-item flex items-center gap-2.5\">\n                          <div class=\"service-feat-icon-box w-7 h-7 rounded-lg bg-primary\/15 border border-primary\/25 flex items-center justify-center flex-shrink-0\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield text-primary\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"><\/path><\/svg>\n                          <\/div>\n                          <span class=\"service-feat-text text-stone-300 text-xs font-medium\">Beschermlaag<\/span>\n                        <\/div>\n                                          <\/div>\n                    <div class=\"flex gap-2 mt-auto\">\n                                              <a class=\"service-btn-primary flex-1 flex items-center justify-center gap-1.5 bg-primary text-white font-bold py-3 px-4 rounded-xl hover:bg-primary\/90 transition-all hover:shadow-lg hover:shadow-primary\/25 hover:-translate-y-0.5 text-sm\" href=\"#aanvraag\">\n                          Meer info                          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n                        <\/a>\n                                                                    <a class=\"service-btn-secondary flex items-center justify-center gap-1.5 bg-white\/10 border border-white\/15 text-white font-semibold py-3 px-4 rounded-xl hover:bg-white\/20 transition-all text-sm\" href=\"#aanvraag\">\n                          Offerte                          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"><\/path><path d=\"M7 17 17 7\"><\/path><\/svg>\n                        <\/a>\n                                          <\/div>\n                  <\/div>\n                <\/div>\n                          <\/div>\n\n                          <div class=\"services-notice-box mt-6 flex items-start gap-3 bg-orange-50 border border-orange-100 rounded-xl px-4 py-3 text-sm text-stone-600\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-info text-orange-400 mt-0.5 flex-shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 16v-4\"><\/path><path d=\"M12 8h.01\"><\/path><\/svg>\n                <p>Wij bieden momenteel geen gevelreiniging of onkruidbeheersing meer aan. Voor al uw oprit-, terras- en terreinreiniging kunt u bij ons terecht.<\/p>\n              <\/div>\n                      <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9dab8aa e-con-full e-flex e-con e-parent\" data-id=\"9dab8aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-50f3223 e-con-full e-flex e-con e-child\" data-id=\"50f3223\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5865a23 elementor-widget elementor-widget-bereschoon_configurator\" data-id=\"5865a23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bereschoon_configurator.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section id=\"aanvraag\" class=\"configurator-section relative py-12 md:py-24 overflow-hidden scroll-mt-24\" style=\"background:linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%)\">\n          <span id=\"oprit-scan\" class=\"absolute -top-24 pointer-events-none\"><\/span>\n          <span id=\"offerte\" class=\"absolute -top-24 pointer-events-none\"><\/span>\n          <span id=\"webshop\" class=\"absolute -top-24 pointer-events-none\"><\/span>\n          <div class=\"absolute inset-0 overflow-hidden pointer-events-none\">\n            <div class=\"configurator-glow absolute -top-40 -left-40 w-96 h-96 bg-primary\/20 rounded-full blur-3xl\"><\/div>\n            <div class=\"configurator-glow absolute -bottom-40 -right-40 w-96 h-96 bg-primary\/15 rounded-full blur-3xl\"><\/div>\n            <div class=\"absolute inset-0 opacity-5\" style=\"background-image:linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px);background-size:50px 50px\"><\/div>\n          <\/div>\n\n          <div class=\"container mx-auto px-6 relative z-10\">\n            <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n              \n              <!-- Left Column: USPs & Info -->\n              <div class=\"text-white\">\n                <h2 class=\"cfg-heading font-bold mb-6 leading-tight\" style=\"font-size:clamp(1.5rem, 5vw, 3rem)\">\n                  Ontdek wat wij voor                  <span class=\"cfg-heading-highlight text-primary\"> u <\/span>\n                  kunnen betekenen                <\/h2>\n                <p class=\"cfg-subheading text-lg text-white\/70 leading-relaxed mb-8\">\n                  In slechts een paar stappen ontvangt u een persoonlijke offerte. Selecteer uw dienst, geef uw wensen aan, en wij zorgen voor de rest.                <\/p>\n\n                <!-- Feature Badges -->\n                <div class=\"flex flex-wrap gap-2 md:gap-4 mb-8\">\n                                      <div class=\"cfg-usp-badge flex items-center gap-2 bg-white\/5 backdrop-blur-sm rounded-lg px-3 py-1.5 md:px-4 md:py-2 border border-white\/10\">\n                      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield text-primary\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"><\/path><\/svg>                      <span class=\"cfg-usp-badge-text text-sm text-white\/80\">Gratis en vrijblijvend<\/span>\n                    <\/div>\n                                      <div class=\"cfg-usp-badge flex items-center gap-2 bg-white\/5 backdrop-blur-sm rounded-lg px-3 py-1.5 md:px-4 md:py-2 border border-white\/10\">\n                      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-clock text-primary\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>                      <span class=\"cfg-usp-badge-text text-sm text-white\/80\">Reactie binnen 24 uur<\/span>\n                    <\/div>\n                                      <div class=\"cfg-usp-badge flex items-center gap-2 bg-white\/5 backdrop-blur-sm rounded-lg px-3 py-1.5 md:px-4 md:py-2 border border-white\/10\">\n                      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-award text-primary\"><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><path d=\"M15.477 12.89 17 22l-5-3-5 3 1.523-9.11\"><\/path><\/svg>                      <span class=\"cfg-usp-badge-text text-sm text-white\/80\">Vakkundig advies op maat<\/span>\n                    <\/div>\n                                  <\/div>\n\n                <!-- Checkmarks List -->\n                <div class=\"space-y-3\">\n                                      <div class=\"flex items-center gap-3\">\n                      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"cfg-check-icon lucide lucide-check-circle2 text-primary flex-shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                      <span class=\"cfg-check-text text-white\/80\">Persoonlijke offerte op maat<\/span>\n                    <\/div>\n                                      <div class=\"flex items-center gap-3\">\n                      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"cfg-check-icon lucide lucide-check-circle2 text-primary flex-shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                      <span class=\"cfg-check-text text-white\/80\">Transparante prijzen<\/span>\n                    <\/div>\n                                      <div class=\"flex items-center gap-3\">\n                      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"cfg-check-icon lucide lucide-check-circle2 text-primary flex-shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                      <span class=\"cfg-check-text text-white\/80\">Geen verplichtingen<\/span>\n                    <\/div>\n                                      <div class=\"flex items-center gap-3\">\n                      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"cfg-check-icon lucide lucide-check-circle2 text-primary flex-shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                      <span class=\"cfg-check-text text-white\/80\">Direct een indicatie<\/span>\n                    <\/div>\n                                  <\/div>\n\n                <!-- Google Rating Link -->\n                <div class=\"mt-10 pt-8 border-t border-white\/10\">\n                  <a href=\"https:\/\/www.google.com\/search?q=Bereschoon+Helmond+reviews\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cfg-google-card flex items-center gap-3 bg-white\/5 p-3 rounded-lg border border-white\/10 max-w-max hover:bg-white\/10 transition-colors cursor-pointer\">\n                    <div class=\"cfg-google-stars text-yellow-400 flex text-base\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <div class=\"cfg-google-text text-sm text-stone-300\"><span class=\"font-bold text-white\">5.0\/5<\/span> op Google<\/div>\n                  <\/a>\n                <\/div>\n              <\/div>\n\n              <!-- Right Column: Interactive Multi-Step Quote Card -->\n              <div class=\"relative\">\n                <div class=\"absolute -inset-4 bg-gradient-to-r from-primary\/20 via-primary\/10 to-transparent rounded-2xl blur-2xl pointer-events-none\"><\/div>\n                <div class=\"cfg-form-card-wrapper relative bg-white rounded-2xl shadow-2xl overflow-hidden p-1\">\n                  \n                  <div id=\"quote-configurator\" class=\"p-4 md:p-8\">\n                      <!-- Success Screen -->\n                    <div id=\"quote-success-screen\" class=\"hidden text-center py-8\">\n                      <div class=\"w-16 h-16 bg-primary\/20 rounded-full flex items-center justify-center mx-auto mb-4 text-primary\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                      <\/div>\n                      <h3 class=\"text-2xl font-bold text-foreground mb-2\">Aanvraag Verzonden!<\/h3>\n                      <p class=\"text-stone-600 mb-6 max-w-md mx-auto\">\n                        Bedankt voor uw aanvraag. We nemen zo snel mogelijk contact met u op om een offerte op te stellen.                      <\/p>\n                      <button id=\"quote-restart-btn\" type=\"button\" class=\"text-primary hover:underline font-semibold\">\n                        Nieuwe aanvraag starten\n                      <\/button>\n                    <\/div>\n\n                    <!-- Form Container -->\n                    <div id=\"quote-form-card\">\n                      <!-- Header -->\n                      <div class=\"mb-6\">\n                        <h2 class=\"cfg-form-title text-xl md:text-3xl font-bold text-foreground mb-1 whitespace-nowrap\">Stel uw aanvraag samen<\/h2>\n                        <p class=\"cfg-form-subtitle text-stone-500 text-xs md:text-sm whitespace-nowrap\">Binnen 1 minuut ingevuld \u2013 wij reageren binnen 24 uur<\/p>\n                      <\/div>\n\n                      <!-- Step Progress Bar -->\n                      <div class=\"mb-8\">\n                        <div class=\"flex items-center justify-between text-xs font-semibold text-primary uppercase tracking-wider mb-2\">\n                          <span class=\"cfg-step-indicator\">Stap <span id=\"step-current-num\">1<\/span> van <span id=\"step-total-num\">5<\/span><\/span>\n                        <\/div>\n                        <div class=\"cfg-progress-track relative h-2 bg-gray-100 rounded-full overflow-hidden\">\n                          <div id=\"step-progress-bar\" class=\"absolute left-0 top-0 bottom-0 bg-primary rounded-full transition-all duration-300\" style=\"width: 0%;\"><\/div>\n                        <\/div>\n                      <\/div>\n\n                      <!-- Step 1: Surface Selection -->\n                      <div class=\"configurator-step active\" data-step=\"1\">\n                        <h3 class=\"text-lg md:text-2xl font-bold text-foreground mb-2\">Wat wilt u laten reinigen?<\/h3>\n                        <p class=\"text-stone-500 mb-6 text-sm\">Kies het type oppervlak dat gereinigd moet worden.<\/p>\n                        <div class=\"space-y-3\">\n                                                      <button type=\"button\" class=\"btn-surface-opt w-full p-4 md:p-5 border-2 rounded-xl text-left transition-all border-gray-200 hover:border-primary hover:bg-primary\/5 focus:outline-none\" data-surface=\"Oprit\">\n                              <div class=\"flex items-center justify-between\">\n                                <div>\n                                  <span class=\"font-semibold text-foreground block text-base\">Oprit<\/span>\n                                                                      <span class=\"text-stone-500 text-sm\">Oprit, parkeerplaats of pad<\/span>\n                                                                  <\/div>\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right text-primary flex-shrink-0\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n                              <\/div>\n                            <\/button>\n                                                      <button type=\"button\" class=\"btn-surface-opt w-full p-4 md:p-5 border-2 rounded-xl text-left transition-all border-gray-200 hover:border-primary hover:bg-primary\/5 focus:outline-none\" data-surface=\"Terras\">\n                              <div class=\"flex items-center justify-between\">\n                                <div>\n                                  <span class=\"font-semibold text-foreground block text-base\">Terras<\/span>\n                                                                      <span class=\"text-stone-500 text-sm\">Buitenterras, patio of vlonder<\/span>\n                                                                  <\/div>\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right text-primary flex-shrink-0\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n                              <\/div>\n                            <\/button>\n                                                      <button type=\"button\" class=\"btn-surface-opt w-full p-4 md:p-5 border-2 rounded-xl text-left transition-all border-gray-200 hover:border-primary hover:bg-primary\/5 focus:outline-none\" data-surface=\"Terrein\">\n                              <div class=\"flex items-center justify-between\">\n                                <div>\n                                  <span class=\"font-semibold text-foreground block text-base\">Terrein<\/span>\n                                                                      <span class=\"text-stone-500 text-sm\">Bedrijfsterrein, VvE of groot oppervlak<\/span>\n                                                                  <\/div>\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right text-primary flex-shrink-0\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n                              <\/div>\n                            <\/button>\n                                                  <\/div>\n                      <\/div>\n\n                      <!-- Step 2: Services Selection -->\n                      <div class=\"configurator-step\" data-step=\"2\">\n                        <h3 class=\"text-lg md:text-2xl font-bold text-foreground mb-2\">Welke dienst(en) heeft u nodig?<\/h3>\n                        <p class=\"text-stone-500 mb-6 text-sm\">Selecteer \u00e9\u00e9n of meerdere opties.<\/p>\n                        <div class=\"space-y-3\">\n                                                      <button type=\"button\" class=\"btn-service-opt w-full p-4 border-2 rounded-xl text-left transition-all border-gray-200 flex items-center justify-between\" data-service=\"Invegen\">\n                              <span class=\"font-medium text-foreground\">Invegen<\/span>\n                              <div class=\"w-6 h-6 rounded-md border border-gray-300 flex items-center justify-center\">\n                                <svg class=\"check-indicator opacity-0 w-4 h-4 text-primary\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                              <\/div>\n                            <\/button>\n                                                      <button type=\"button\" class=\"btn-service-opt w-full p-4 border-2 rounded-xl text-left transition-all border-gray-200 flex items-center justify-between\" data-service=\"Preventieve onkruid behandeling\">\n                              <span class=\"font-medium text-foreground\">Preventieve onkruid behandeling<\/span>\n                              <div class=\"w-6 h-6 rounded-md border border-gray-300 flex items-center justify-center\">\n                                <svg class=\"check-indicator opacity-0 w-4 h-4 text-primary\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                              <\/div>\n                            <\/button>\n                                                      <button type=\"button\" class=\"btn-service-opt w-full p-4 border-2 rounded-xl text-left transition-all border-gray-200 flex items-center justify-between\" data-service=\"Nieuwe beschermlaag toepassen\">\n                              <span class=\"font-medium text-foreground\">Nieuwe beschermlaag toepassen<\/span>\n                              <div class=\"w-6 h-6 rounded-md border border-gray-300 flex items-center justify-center\">\n                                <svg class=\"check-indicator opacity-0 w-4 h-4 text-primary\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                              <\/div>\n                            <\/button>\n                                                  <\/div>\n                        <div class=\"flex gap-4 mt-8\">\n                          <button type=\"button\" data-step-action=\"prev\" data-goto-step=\"1\" class=\"cfg-btn-secondary flex-1 px-4 py-3 border border-gray-300 rounded-lg font-medium hover:bg-gray-50 transition-all text-sm\">\n                            Terug\n                          <\/button>\n                          <button type=\"button\" id=\"step-2-next\" data-step-action=\"next\" class=\"cfg-btn-primary flex-1 bg-primary text-white px-4 py-3 rounded-lg font-bold hover:bg-primary\/90 transition-all text-sm btn-shine\">\n                            Volgende\n                          <\/button>\n                        <\/div>\n                      <\/div>\n\n                                            <!-- Step 3: Square Meters -->\n                      <div class=\"configurator-step\" data-step=\"3\">\n                        <h3 class=\"text-lg md:text-2xl font-bold text-foreground mb-2\">Geschatte vierkante meters<\/h3>\n                        <p class=\"text-stone-500 mb-6 text-sm\">Dit veld is optioneel. U kunt deze stap overslaan.<\/p>\n                        <div class=\"mb-8\">\n                          <label for=\"step-3-m2\" class=\"block text-sm font-medium text-foreground mb-2\">Vierkante meters (m\u00b2)<\/label>\n                          <input type=\"number\" id=\"step-3-m2\" min=\"1\" max=\"10000\" placeholder=\"bijv. 50\" class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent text-base\" \/>\n                        <\/div>\n                        <div class=\"flex flex-wrap md:flex-nowrap gap-3\">\n                          <button type=\"button\" data-step-action=\"prev\" class=\"cfg-btn-secondary flex-1 px-4 py-3 border border-gray-300 rounded-lg font-medium hover:bg-gray-50 transition-all text-sm\">\n                            Terug\n                          <\/button>\n                          <button type=\"button\" data-step-action=\"skip\" class=\"cfg-btn-secondary flex-1 px-4 py-3 border border-gray-300 rounded-lg font-medium hover:bg-gray-50 transition-all text-sm\">\n                            Overslaan\n                          <\/button>\n                          <button type=\"button\" id=\"step-3-next\" data-step-action=\"next\" class=\"cfg-btn-primary w-full md:w-auto md:flex-1 bg-primary text-white px-4 py-3 rounded-lg font-bold hover:bg-primary\/90 transition-all text-sm btn-shine\">\n                            Volgende\n                          <\/button>\n                        <\/div>\n                      <\/div>\n                      \n                                            <!-- Step 4: Photo Upload -->\n                      <div class=\"configurator-step\" data-step=\"4\">\n                        <h3 class=\"text-lg md:text-2xl font-bold text-foreground mb-2\">Foto&#039;s toevoegen<\/h3>\n                        <p class=\"text-stone-500 mb-6 text-sm\">U kunt meerdere foto&#039;s uploaden (optioneel). U kunt deze stap overslaan.<\/p>\n                        \n                        <input type=\"file\" id=\"quote-file-input\" multiple accept=\"image\/*\" class=\"hidden\" \/>\n                        <div id=\"quote-file-dropzone\" class=\"w-full border-2 border-dashed border-gray-300 rounded-lg p-6 md:p-8 text-center hover:border-primary hover:bg-primary\/5 transition-all cursor-pointer\">\n                          <svg class=\"w-10 h-10 mx-auto mb-3 text-gray-400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2 2v12a2 2 0 002 2z\" \/>\n                          <\/svg>\n                          <p class=\"text-sm font-medium text-foreground mb-1\">Klik om foto's te uploaden<\/p>\n                          <p class=\"text-xs text-stone-400\">of sleep bestanden hierheen<\/p>\n                        <\/div>\n\n                        <div id=\"quote-file-previews\" class=\"mt-4 grid grid-cols-3 gap-3\"><\/div>\n\n                        <div class=\"flex flex-wrap md:flex-nowrap gap-3 mt-8\">\n                          <button type=\"button\" data-step-action=\"prev\" class=\"cfg-btn-secondary flex-1 px-4 py-3 border border-gray-300 rounded-lg font-medium hover:bg-gray-50 transition-all text-sm\">\n                            Terug\n                          <\/button>\n                          <button type=\"button\" data-step-action=\"skip\" class=\"cfg-btn-secondary flex-1 px-4 py-3 border border-gray-300 rounded-lg font-medium hover:bg-gray-50 transition-all text-sm\">\n                            Overslaan\n                          <\/button>\n                          <button type=\"button\" id=\"step-4-next\" data-step-action=\"next\" class=\"cfg-btn-primary w-full md:w-auto md:flex-1 bg-primary text-white px-4 py-3 rounded-lg font-bold hover:bg-primary\/90 transition-all text-sm btn-shine\">\n                            Volgende\n                          <\/button>\n                        <\/div>\n                      <\/div>\n                      \n                      <!-- Step 5: Contact Information Form -->\n                      <div class=\"configurator-step\" data-step=\"5\">\n                        <h3 class=\"text-lg md:text-2xl font-bold text-foreground mb-2\">Uw contactgegevens<\/h3>\n                                                  <p class=\"text-stone-500 mb-4 text-sm\">Vul uw gegevens in zodat wij u kunnen bereiken.<\/p>\n                                                \n                        <div id=\"quote-form-error\" class=\"hidden bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg mb-4 text-sm\"><\/div>\n\n                        <form id=\"quote-final-form\" class=\"space-y-4\">\n                                                                                <input type=\"hidden\" name=\"email_subject\" value=\"Nieuwe offerte aanvraag via Bereschoon\" \/>\n                          \n                          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                          <div class=\"col-span-1 md:col-span-2\">\n                                <label for=\"quote-field-naam-0\" class=\"block text-xs font-semibold text-stone-700 uppercase mb-1\">\n                                  Naam                                                                      <span class=\"text-primary\">*<\/span>\n                                                                  <\/label>\n\n                                                                  <input\n                                    type=\"text\"\n                                    id=\"quote-field-naam-0\"\n                                    name=\"naam\"\n                                    data-label=\"Naam\"\n                                    placeholder=\"Volledige naam\"\n                                    required                                    class=\"w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary text-sm\"\n                                  \/>\n                                                              <\/div>\n                                                          <div class=\"col-span-1 md:col-span-2\">\n                                <label for=\"quote-field-bedrijf-1\" class=\"block text-xs font-semibold text-stone-700 uppercase mb-1\">\n                                  Bedrijfsnaam                                                                      <span class=\"text-stone-400 font-normal lowercase\">(optioneel)<\/span>\n                                                                  <\/label>\n\n                                                                  <input\n                                    type=\"text\"\n                                    id=\"quote-field-bedrijf-1\"\n                                    name=\"bedrijf\"\n                                    data-label=\"Bedrijfsnaam\"\n                                    placeholder=\"Naam van uw bedrijf (optioneel)\"\n                                                                        class=\"w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary text-sm\"\n                                  \/>\n                                                              <\/div>\n                                                          <div class=\"col-span-1\">\n                                <label for=\"quote-field-email-2\" class=\"block text-xs font-semibold text-stone-700 uppercase mb-1\">\n                                  E-mailadres                                                                      <span class=\"text-primary\">*<\/span>\n                                                                  <\/label>\n\n                                                                  <input\n                                    type=\"email\"\n                                    id=\"quote-field-email-2\"\n                                    name=\"email\"\n                                    data-label=\"E-mailadres\"\n                                    placeholder=\"uw@email.nl\"\n                                    required                                    class=\"w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary text-sm\"\n                                  \/>\n                                                              <\/div>\n                                                          <div class=\"col-span-1\">\n                                <label for=\"quote-field-telefoon-3\" class=\"block text-xs font-semibold text-stone-700 uppercase mb-1\">\n                                  Telefoonnummer                                                                      <span class=\"text-primary\">*<\/span>\n                                                                  <\/label>\n\n                                                                  <input\n                                    type=\"tel\"\n                                    id=\"quote-field-telefoon-3\"\n                                    name=\"telefoon\"\n                                    data-label=\"Telefoonnummer\"\n                                    placeholder=\"+31 6 12345678\"\n                                    required                                    class=\"w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary text-sm\"\n                                  \/>\n                                                              <\/div>\n                                                          <div class=\"col-span-1 md:col-span-2\">\n                                <label for=\"quote-field-adres-4\" class=\"block text-xs font-semibold text-stone-700 uppercase mb-1\">\n                                  Straatnaam + huisnummer                                                                      <span class=\"text-primary\">*<\/span>\n                                                                  <\/label>\n\n                                                                  <input\n                                    type=\"text\"\n                                    id=\"quote-field-adres-4\"\n                                    name=\"adres\"\n                                    data-label=\"Straatnaam + huisnummer\"\n                                    placeholder=\"Straatnaam + huisnummer\"\n                                    required                                    class=\"w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary text-sm\"\n                                  \/>\n                                                              <\/div>\n                                                          <div class=\"col-span-1\">\n                                <label for=\"quote-field-postcode-5\" class=\"block text-xs font-semibold text-stone-700 uppercase mb-1\">\n                                  Postcode                                                                      <span class=\"text-primary\">*<\/span>\n                                                                  <\/label>\n\n                                                                  <input\n                                    type=\"text\"\n                                    id=\"quote-field-postcode-5\"\n                                    name=\"postcode\"\n                                    data-label=\"Postcode\"\n                                    placeholder=\"Postcode\"\n                                    required                                    class=\"w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary text-sm\"\n                                  \/>\n                                                              <\/div>\n                                                          <div class=\"col-span-1\">\n                                <label for=\"quote-field-plaats-6\" class=\"block text-xs font-semibold text-stone-700 uppercase mb-1\">\n                                  Plaats                                                                      <span class=\"text-primary\">*<\/span>\n                                                                  <\/label>\n\n                                                                  <input\n                                    type=\"text\"\n                                    id=\"quote-field-plaats-6\"\n                                    name=\"plaats\"\n                                    data-label=\"Plaats\"\n                                    placeholder=\"Plaats\"\n                                    required                                    class=\"w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary text-sm\"\n                                  \/>\n                                                              <\/div>\n                                                          <div class=\"col-span-1 md:col-span-2\">\n                                <label for=\"quote-field-toelichting-7\" class=\"block text-xs font-semibold text-stone-700 uppercase mb-1\">\n                                  Toelichting                                                                      <span class=\"text-stone-400 font-normal lowercase\">(optioneel)<\/span>\n                                                                  <\/label>\n\n                                                                  <textarea\n                                    id=\"quote-field-toelichting-7\"\n                                    name=\"toelichting\"\n                                    data-label=\"Toelichting\"\n                                    rows=\"3\"\n                                    placeholder=\"Heeft u aanvullende vragen of opmerkingen?\"\n                                                                        class=\"w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary text-sm resize-none\"\n                                  ><\/textarea>\n                                                              <\/div>\n                                                      <\/div>\n\n                                                      <div class=\"flex items-start gap-3 text-xs text-stone-600 pt-2\">\n                              <input type=\"checkbox\" id=\"quote-agree\" required class=\"mt-1 h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary\" \/>\n                              <label for=\"quote-agree\">\n                                Ik ga akkoord met de algemene voorwaarden en de privacyvoorwaarden.                              <\/label>\n                            <\/div>\n                          \n                          <div class=\"flex gap-4 pt-4\">\n                            <button type=\"button\" data-step-action=\"prev\" class=\"cfg-btn-secondary px-4 py-3 border border-gray-300 rounded-lg font-medium hover:bg-gray-50 transition-all text-sm\">\n                              Terug\n                            <\/button>\n                            <button type=\"submit\" id=\"quote-submit-btn\" class=\"cfg-btn-primary flex-1 bg-primary text-white px-6 py-3.5 rounded-lg font-bold hover:bg-primary\/90 transition-all shadow-lg hover:shadow-primary\/40 text-sm md:text-base btn-shine\">\n                              Verzenden                            <\/button>\n                          <\/div>\n                        <\/form>\n                      <\/div>              <\/div>\n\n                    <\/div>\n                  <\/div>\n\n                <\/div>\n              <\/div>\n\n            <\/div>\n          <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>Uitzonderlijke Schoonmaak. Wij zorgen ervoor dat de uitstraling van uw pand of woning weer Bereschoon wordt. Professioneel, effici\u00ebnt en milieubewust. Offerte Aanvragen Bekijk Onze Diensten 500+ Projecten Voltooid 5+ Jaren Ervaring 5.0 Gemiddelde Score 100% Bereschoon Onze Expertise Vakmanschap in elke bestrating Offerte aanvragen Oprit Reiniging Verwijder hardnekkig vuil, groene aanslag en onkruid van uw [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-landing.php","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/schoontotaal.nl\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schoontotaal.nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schoontotaal.nl\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/schoontotaal.nl\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":27,"href":"https:\/\/schoontotaal.nl\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/schoontotaal.nl\/wp-json\/wp\/v2\/pages\/9\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/schoontotaal.nl\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}