{"id":13,"date":"2026-01-15T11:28:24","date_gmt":"2026-01-15T11:28:24","guid":{"rendered":"https:\/\/vaatwasbaas.nl\/index.php\/diensten\/"},"modified":"2026-01-21T16:09:25","modified_gmt":"2026-01-21T16:09:25","slug":"diensten","status":"publish","type":"page","link":"https:\/\/vaatwasbaas.nl\/index.php\/diensten\/","title":{"rendered":"Diensten"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41414c7 e-flex e-con-boxed e-con e-parent\" data-id=\"41414c7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8569bc1 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"8569bc1\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Diensten | Service & Onderhoud Vaatwasmachines | VaatwasBaas.nl<\/title>\r\n    <meta name=\"description\" content=\"Professionele service voor vaatwasmachines. Eigen monteurs met 25+ jaar ervaring, onderhoudscontracten, 24\/7 storingsdienst. Snelle en betrouwbare service door heel Nederland.\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --purple-dark: #5B3E7D;\r\n            --purple: #7B52A0;\r\n            --purple-light: #9B6FC0;\r\n            --orange: #E86F2C;\r\n            --orange-light: #F5923D;\r\n            --orange-dark: #D45A1A;\r\n            --white: #FFFFFF;\r\n            --off-white: #FAF9FC;\r\n            --gray-50: #F5F3F7;\r\n            --gray-100: #EBE7F0;\r\n            --gray-200: #D4CDE0;\r\n            --gray-400: #9A8FB0;\r\n            --gray-600: #5A4D6B;\r\n            --gray-800: #2D2438;\r\n            --text: #1A1424;\r\n            --success: #10B981;\r\n            --gradient-purple: linear-gradient(135deg, #7B52A0 0%, #5B3E7D 100%);\r\n            --gradient-orange: linear-gradient(135deg, #F5923D 0%, #E86F2C 100%);\r\n            --gradient-hero: linear-gradient(135deg, #5B3E7D 0%, #7B52A0 50%, #4A2D6B 100%);\r\n            --font-display: 'Outfit', sans-serif;\r\n            --font-body: 'Plus Jakarta Sans', sans-serif;\r\n            --shadow-sm: 0 2px 8px rgba(91, 62, 125, 0.08);\r\n            --shadow-md: 0 8px 24px rgba(91, 62, 125, 0.12);\r\n            --shadow-lg: 0 16px 48px rgba(91, 62, 125, 0.16);\r\n            --shadow-xl: 0 24px 64px rgba(91, 62, 125, 0.2);\r\n            --shadow-orange: 0 8px 32px rgba(232, 111, 44, 0.35);\r\n        }\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        html { scroll-behavior: smooth; }\r\n        body { font-family: var(--font-body); color: var(--text); line-height: 1.6; background: var(--white); overflow-x: hidden; }\r\n        h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); font-weight: 700; line-height: 1.2; }\r\n        .container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 24px; }\r\n        .header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 16px 0; transition: all 0.3s ease; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); box-shadow: var(--shadow-sm); }\r\n        .header.scrolled { padding: 12px 0; }\r\n        .header .container { display: flex; justify-content: space-between; align-items: center; }\r\n        .logo { display: flex; align-items: baseline; text-decoration: none; font-family: var(--font-display); font-weight: 700; font-size: 28px; }\r\n        .logo-vaatwas { color: var(--purple); }\r\n        .logo-baas { color: var(--orange); }\r\n        .logo-nl { color: var(--orange); font-size: 16px; font-weight: 600; }\r\n        .nav { display: flex; align-items: center; gap: 40px; }\r\n        .nav-links { display: flex; gap: 32px; list-style: none; }\r\n        .nav-link { color: var(--gray-600); text-decoration: none; font-weight: 500; font-size: 15px; transition: color 0.3s ease; position: relative; }\r\n        .nav-link:hover, .nav-link.active { color: var(--orange); }\r\n        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--orange); transition: width 0.3s ease; }\r\n        .nav-link:hover::after, .nav-link.active::after { width: 100%; }\r\n        .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 28px; font-family: var(--font-body); font-size: 15px; font-weight: 600; text-decoration: none; border: none; border-radius: 12px; cursor: pointer; transition: all 0.3s ease; }\r\n        .btn-primary { background: var(--gradient-orange); color: var(--white); box-shadow: var(--shadow-orange); }\r\n        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(232, 111, 44, 0.45); }\r\n        .btn-secondary { background: var(--purple); color: var(--white); }\r\n        .btn-secondary:hover { background: var(--purple-dark); transform: translateY(-2px); }\r\n        .btn-outline { background: transparent; color: var(--purple); border: 2px solid var(--purple); }\r\n        .btn-outline:hover { background: var(--purple); color: var(--white); }\r\n        .btn-outline-white { background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,0.5); }\r\n        .btn-outline-white:hover { background: rgba(255,255,255,0.15); border-color: var(--white); }\r\n        .btn-lg { padding: 18px 36px; font-size: 16px; border-radius: 14px; }\r\n        .btn-icon { width: 20px; height: 20px; transition: transform 0.3s ease; }\r\n        .btn:hover .btn-icon { transform: translateX(4px); }\r\n        .mobile-menu-toggle { display: none; flex-direction: column; gap: 6px; background: none; border: none; cursor: pointer; padding: 8px; }\r\n        .mobile-menu-toggle span { width: 28px; height: 3px; background: var(--purple); border-radius: 2px; }\r\n        .breadcrumb { padding: 120px 0 20px; background: var(--gray-50); }\r\n        .breadcrumb-list { display: flex; align-items: center; gap: 12px; list-style: none; font-size: 14px; }\r\n        .breadcrumb-list a { color: var(--gray-400); text-decoration: none; transition: color 0.3s; }\r\n        .breadcrumb-list a:hover { color: var(--purple); }\r\n        .breadcrumb-list span { color: var(--gray-400); }\r\n        .breadcrumb-list li:last-child { color: var(--purple); font-weight: 600; }\r\n        .page-hero { padding: 40px 0 100px; background: var(--gray-50); position: relative; overflow: hidden; }\r\n        .page-hero::before { content: ''; position: absolute; top: -50%; right: -20%; width: 80%; height: 200%; background: radial-gradient(ellipse at center, rgba(123, 82, 160, 0.08) 0%, transparent 70%); pointer-events: none; }\r\n        .page-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; position: relative; z-index: 2; }\r\n        .page-hero-content h1 { font-size: clamp(2.5rem, 4vw, 3.5rem); color: var(--purple-dark); margin-bottom: 24px; }\r\n        .page-hero-content h1 span { color: var(--orange); }\r\n        .page-hero-content p { font-size: 1.125rem; color: var(--gray-600); margin-bottom: 40px; line-height: 1.8; }\r\n        .page-hero-actions { display: flex; gap: 16px; flex-wrap: wrap; }\r\n        .hero-usps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n        .hero-usp { background: var(--white); border-radius: 20px; padding: 28px; box-shadow: var(--shadow-md); transition: all 0.4s ease; }\r\n        .hero-usp:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }\r\n        .hero-usp-icon { width: 56px; height: 56px; background: var(--gradient-orange); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; box-shadow: var(--shadow-orange); }\r\n        .hero-usp-icon svg { width: 28px; height: 28px; color: var(--white); }\r\n        .hero-usp h3 { font-size: 1.25rem; color: var(--purple-dark); margin-bottom: 8px; }\r\n        .hero-usp p { font-size: 0.9rem; color: var(--gray-400); margin: 0; line-height: 1.6; }\r\n        .hero-usp-highlight { font-family: var(--font-display); font-size: 2rem; font-weight: 800; color: var(--orange); display: block; margin-bottom: 4px; }\r\n        .services { padding: 100px 0; background: var(--white); }\r\n        .section-header { text-align: center; margin-bottom: 60px; }\r\n        .section-title { font-size: clamp(2rem, 4vw, 2.75rem); color: var(--purple-dark); margin-bottom: 16px; }\r\n        .section-subtitle { font-size: 1.125rem; color: var(--gray-400); max-width: 600px; margin: 0 auto; }\r\n        .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }\r\n        .service-card { background: var(--white); border-radius: 24px; padding: 40px; box-shadow: var(--shadow-sm); border: 2px solid var(--gray-100); transition: all 0.4s ease; position: relative; overflow: hidden; }\r\n        .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--gradient-orange); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }\r\n        .service-card:hover { border-color: var(--purple-light); box-shadow: var(--shadow-lg); transform: translateY(-6px); }\r\n        .service-card:hover::before { transform: scaleX(1); }\r\n        .service-card-icon { width: 72px; height: 72px; background: linear-gradient(135deg, rgba(123, 82, 160, 0.1) 0%, rgba(91, 62, 125, 0.1) 100%); border-radius: 18px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all 0.4s ease; }\r\n        .service-card:hover .service-card-icon { background: var(--gradient-purple); }\r\n        .service-card-icon svg { width: 36px; height: 36px; color: var(--purple); transition: color 0.4s ease; }\r\n        .service-card:hover .service-card-icon svg { color: var(--white); }\r\n        .service-card h3 { font-size: 1.5rem; color: var(--purple-dark); margin-bottom: 12px; }\r\n        .service-card p { color: var(--gray-600); margin-bottom: 24px; line-height: 1.7; }\r\n        .service-card-features { list-style: none; }\r\n        .service-card-features li { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--gray-100); font-size: 0.95rem; color: var(--gray-600); }\r\n        .service-card-features li:last-child { border-bottom: none; }\r\n        .service-card-features li svg { width: 20px; height: 20px; color: var(--success); flex-shrink: 0; }\r\n        .why-us { padding: 100px 0; background: var(--gradient-hero); position: relative; overflow: hidden; }\r\n        .why-us::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at 20% 30%, rgba(232, 111, 44, 0.2) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, rgba(155, 111, 192, 0.15) 0%, transparent 50%); }\r\n        .why-us .container { position: relative; z-index: 2; }\r\n        .why-us .section-title { color: var(--white); }\r\n        .why-us .section-subtitle { color: rgba(255,255,255,0.7); }\r\n        .why-us-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 60px; }\r\n        .why-us-card { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); border-radius: 20px; padding: 32px 24px; text-align: center; transition: all 0.4s ease; }\r\n        .why-us-card:hover { background: rgba(255,255,255,0.15); transform: translateY(-8px); }\r\n        .why-us-card-value { font-family: var(--font-display); font-size: 3rem; font-weight: 800; color: var(--orange); margin-bottom: 8px; }\r\n        .why-us-card h3 { font-size: 1.1rem; color: var(--white); margin-bottom: 8px; }\r\n        .why-us-card p { font-size: 0.9rem; color: rgba(255,255,255,0.7); }\r\n        .contracts { padding: 100px 0; background: var(--off-white); }\r\n        .contracts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 60px; }\r\n        .contract-card { background: var(--white); border-radius: 24px; padding: 40px; box-shadow: var(--shadow-sm); border: 2px solid var(--gray-100); transition: all 0.4s ease; position: relative; }\r\n        .contract-card.featured { border-color: var(--orange); box-shadow: var(--shadow-lg); transform: scale(1.02); }\r\n        .contract-card.featured::before { content: 'Meest gekozen'; position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--gradient-orange); color: var(--white); font-size: 12px; font-weight: 700; padding: 6px 20px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n        .contract-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }\r\n        .contract-card.featured:hover { transform: scale(1.02) translateY(-6px); }\r\n        .contract-card-header { text-align: center; padding-bottom: 24px; border-bottom: 1px solid var(--gray-100); margin-bottom: 24px; }\r\n        .contract-card-icon { width: 64px; height: 64px; background: linear-gradient(135deg, rgba(123, 82, 160, 0.1) 0%, rgba(91, 62, 125, 0.1) 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }\r\n        .contract-card.featured .contract-card-icon { background: var(--gradient-orange); }\r\n        .contract-card-icon svg { width: 32px; height: 32px; color: var(--purple); }\r\n        .contract-card.featured .contract-card-icon svg { color: var(--white); }\r\n        .contract-card h3 { font-size: 1.5rem; color: var(--purple-dark); margin-bottom: 8px; }\r\n        .contract-card-price { font-family: var(--font-display); font-size: 1.25rem; color: var(--orange); font-weight: 700; }\r\n        .contract-card-features { list-style: none; margin-bottom: 32px; }\r\n        .contract-card-features li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; font-size: 0.95rem; color: var(--gray-600); }\r\n        .contract-card-features li svg { width: 20px; height: 20px; color: var(--success); flex-shrink: 0; margin-top: 2px; }\r\n        .contract-card-features li.disabled { color: var(--gray-400); }\r\n        .contract-card-features li.disabled svg { color: var(--gray-200); }\r\n        .contract-card .btn { width: 100%; }\r\n        .process { padding: 100px 0; background: var(--white); }\r\n        .process-timeline { display: flex; justify-content: space-between; position: relative; margin-top: 60px; }\r\n        .process-timeline::before { content: ''; position: absolute; top: 40px; left: 10%; right: 10%; height: 4px; background: var(--gray-100); z-index: 1; }\r\n        .process-step { flex: 1; text-align: center; position: relative; z-index: 2; padding: 0 20px; }\r\n        .process-step-number { width: 80px; height: 80px; background: var(--gradient-purple); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; font-family: var(--font-display); font-size: 2rem; font-weight: 800; color: var(--white); box-shadow: var(--shadow-md); transition: all 0.4s ease; }\r\n        .process-step:hover .process-step-number { transform: scale(1.1); box-shadow: var(--shadow-lg); }\r\n        .process-step h3 { font-size: 1.25rem; color: var(--purple-dark); margin-bottom: 12px; }\r\n        .process-step p { font-size: 0.95rem; color: var(--gray-400); line-height: 1.6; }\r\n        .testimonial { padding: 100px 0; background: var(--off-white); }\r\n        .testimonial-card { background: var(--white); border-radius: 32px; padding: 60px 80px; box-shadow: var(--shadow-lg); text-align: center; max-width: 900px; margin: 0 auto; position: relative; }\r\n        .testimonial-card::before { content: '\"'; position: absolute; top: 30px; left: 60px; font-family: var(--font-display); font-size: 8rem; color: var(--gray-100); line-height: 1; }\r\n        .testimonial-text { font-size: 1.5rem; color: var(--gray-600); line-height: 1.8; margin-bottom: 32px; position: relative; z-index: 2; }\r\n        .testimonial-author { display: flex; align-items: center; justify-content: center; gap: 16px; }\r\n        .testimonial-avatar { width: 64px; height: 64px; background: var(--gradient-purple); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; color: var(--white); }\r\n        .testimonial-info h4 { font-size: 1.1rem; color: var(--purple-dark); }\r\n        .testimonial-info p { font-size: 0.9rem; color: var(--gray-400); }\r\n        .emergency { padding: 80px 0; background: var(--orange); position: relative; overflow: hidden; }\r\n        .emergency::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at 20% 50%, rgba(255,255,255,0.2) 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, rgba(0,0,0,0.1) 0%, transparent 50%); }\r\n        .emergency .container { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 32px; }\r\n        .emergency-content h2 { font-size: 2rem; color: var(--white); margin-bottom: 8px; }\r\n        .emergency-content p { font-size: 1.1rem; color: rgba(255,255,255,0.9); }\r\n        .emergency-phone { display: flex; align-items: center; gap: 16px; background: var(--white); padding: 20px 32px; border-radius: 16px; text-decoration: none; transition: all 0.3s ease; box-shadow: var(--shadow-lg); }\r\n        .emergency-phone:hover { transform: scale(1.05); }\r\n        .emergency-phone-icon { width: 56px; height: 56px; background: var(--gradient-orange); border-radius: 14px; display: flex; align-items: center; justify-content: center; }\r\n        .emergency-phone-icon svg { width: 28px; height: 28px; color: var(--white); animation: ring 1.5s ease-in-out infinite; }\r\n        @keyframes ring { 0%, 100% { transform: rotate(0); } 10%, 30% { transform: rotate(-10deg); } 20%, 40% { transform: rotate(10deg); } 50% { transform: rotate(0); } }\r\n        .emergency-phone-text span { display: block; font-size: 0.85rem; color: var(--gray-400); }\r\n        .emergency-phone-text strong { font-family: var(--font-display); font-size: 1.75rem; color: var(--purple-dark); }\r\n        .cta { padding: 100px 0; background: var(--white); }\r\n        .cta-box { background: var(--gradient-purple); border-radius: 32px; padding: 80px; text-align: center; position: relative; overflow: hidden; }\r\n        .cta-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at 20% 80%, rgba(232, 111, 44, 0.3) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(255,255,255,0.1) 0%, transparent 50%); }\r\n        .cta-box > * { position: relative; z-index: 2; }\r\n        .cta-title { font-size: 2.5rem; color: var(--white); margin-bottom: 20px; }\r\n        .cta-text { font-size: 1.125rem; color: rgba(255,255,255,0.85); max-width: 600px; margin: 0 auto 40px; }\r\n        .cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\r\n        .footer { background: var(--purple-dark); color: var(--white); padding: 80px 0 32px; }\r\n        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 60px; margin-bottom: 60px; }\r\n        .footer-brand { max-width: 320px; }\r\n        .footer-logo { font-family: var(--font-display); font-size: 28px; font-weight: 700; margin-bottom: 20px; }\r\n        .footer-logo-vaatwas { color: var(--purple-light); }\r\n        .footer-logo-baas { color: var(--orange); }\r\n        .footer-desc { color: rgba(255, 255, 255, 0.7); margin-bottom: 24px; line-height: 1.7; }\r\n        .footer-social { display: flex; gap: 12px; }\r\n        .footer-social-link { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.1); border-radius: 12px; color: var(--white); text-decoration: none; transition: all 0.3s ease; }\r\n        .footer-social-link:hover { background: var(--orange); }\r\n        .footer-social-link svg { width: 20px; height: 20px; }\r\n        .footer-title { font-size: 16px; font-weight: 700; margin-bottom: 24px; color: var(--white); }\r\n        .footer-links { list-style: none; }\r\n        .footer-link { margin-bottom: 12px; }\r\n        .footer-link a { color: rgba(255, 255, 255, 0.7); text-decoration: none; transition: color 0.3s ease; }\r\n        .footer-link a:hover { color: var(--orange); }\r\n        .footer-bottom { padding-top: 32px; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }\r\n        .footer-copyright { color: rgba(255, 255, 255, 0.5); font-size: 14px; }\r\n        .footer-legal { display: flex; gap: 32px; }\r\n        .footer-legal a { color: rgba(255, 255, 255, 0.5); text-decoration: none; font-size: 14px; }\r\n        .footer-legal a:hover { color: var(--white); }\r\n        @media (max-width: 1024px) {\r\n            .page-hero-grid { grid-template-columns: 1fr; gap: 40px; }\r\n            .hero-usps { order: 2; }\r\n            .services-grid { grid-template-columns: 1fr; }\r\n            .why-us-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .contracts-grid { grid-template-columns: 1fr; }\r\n            .contract-card.featured { transform: none; }\r\n            .contract-card.featured:hover { transform: translateY(-6px); }\r\n            .process-timeline { flex-direction: column; gap: 40px; }\r\n            .process-timeline::before { display: none; }\r\n            .footer-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .cta-box { padding: 60px 40px; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .mobile-menu-toggle { display: flex; }\r\n            .nav { display: none; }\r\n            .hero-usps { grid-template-columns: 1fr; }\r\n            .why-us-grid { grid-template-columns: 1fr; }\r\n            .page-hero-actions { flex-direction: column; }\r\n            .page-hero-actions .btn { width: 100%; }\r\n            .emergency .container { flex-direction: column; text-align: center; }\r\n            .testimonial-card { padding: 40px 30px; }\r\n            .testimonial-text { font-size: 1.2rem; }\r\n            .cta-box { padding: 40px 24px; }\r\n            .cta-title { font-size: 1.75rem; }\r\n            .footer-grid { grid-template-columns: 1fr; gap: 40px; }\r\n            .footer-bottom { flex-direction: column; text-align: center; }\r\n        }\r\n        .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }\r\n        .reveal.visible { opacity: 1; transform: translateY(0); }\r\n        .reveal-delay-1 { transition-delay: 0.1s; }\r\n        .reveal-delay-2 { transition-delay: 0.2s; }\r\n        .reveal-delay-3 { transition-delay: 0.3s; }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <header class=\"header\" id=\"header\">\r\n        <div class=\"container\">\r\n            <a href=\"\/index.php\" class=\"logo\"><span class=\"logo-vaatwas\">Vaatwas<\/span><span class=\"logo-baas\">Baas<\/span><span class=\"logo-nl\">.nl<\/span><\/a>\r\n            <nav class=\"nav\">\r\n                <ul class=\"nav-links\">\r\n                    <li><a href=\"\/index.php\" class=\"nav-link\">Home<\/a><\/li>\r\n                    <li><a href=\"\/index.php\/producten\" class=\"nav-link\">Producten<\/a><\/li>\r\n                    <li><a href=\"\/index.php\/mtr\" class=\"nav-link\">MTR configurator<\/a><\/li>\r\n                    <li><a href=\"\/index.php\/diensten\" class=\"nav-link active\">Diensten<\/a><\/li>\r\n                    <li><a href=\"\/index.php\/merken\" class=\"nav-link\">Merken<\/a><\/li>\r\n                    <li><a href=\"\/index.php\/contact\" class=\"nav-link\">Contact<\/a><\/li>\r\n                <\/ul>\r\n                <a href=\"\/index.php\/offerte\" class=\"btn btn-primary\">Offerte aanvragen<\/a>\r\n            <\/nav>\r\n            <button class=\"mobile-menu-toggle\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <nav class=\"breadcrumb\">\r\n        <div class=\"container\">\r\n            <ol class=\"breadcrumb-list\">\r\n                <li><a href=\"\/index.php\">Home<\/a><\/li>\r\n                <li><span>\u203a<\/span><\/li>\r\n                <li>Diensten<\/li>\r\n            <\/ol>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <section class=\"page-hero\">\r\n        <div class=\"container\">\r\n            <div class=\"page-hero-grid\">\r\n                <div class=\"page-hero-content reveal\">\r\n                    <h1>Service waar u op kunt <span>bouwen<\/span><\/h1>\r\n                    <p>Bij VaatwasBaas begrijpen we dat uw vaatwasmachine essentieel is voor uw bedrijfsvoering. Daarom bieden wij service die verder gaat dan alleen repareren. Met eigen monteurs, preventief onderhoud en 24\/7 bereikbaarheid zorgen wij dat uw keuken blijft draaien.<\/p>\r\n                    <div class=\"page-hero-actions\">\r\n                        <a href=\"#contracts\" class=\"btn btn-primary btn-lg\">Bekijk onderhoudscontracten<svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n                        <a href=\"tel:+31852030035\" class=\"btn btn-outline btn-lg\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>Bel direct<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"hero-usps reveal reveal-delay-1\">\r\n                    <div class=\"hero-usp\">\r\n                        <div class=\"hero-usp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><\/div>\r\n                        <span class=\"hero-usp-highlight\">25+<\/span>\r\n                        <h3>Jaar ervaring<\/h3>\r\n                        <p>Eigen monteurs met jarenlange expertise in professionele vaatwastechniek<\/p>\r\n                    <\/div>\r\n                    <div class=\"hero-usp\">\r\n                        <div class=\"hero-usp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg><\/div>\r\n                        <span class=\"hero-usp-highlight\">24\/7<\/span>\r\n                        <h3>Bereikbaar<\/h3>\r\n                        <p>Storingsdienst altijd beschikbaar, ook in het weekend en op feestdagen<\/p>\r\n                    <\/div>\r\n                    <div class=\"hero-usp\">\r\n                        <div class=\"hero-usp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/div>\r\n                        <span class=\"hero-usp-highlight\">95%<\/span>\r\n                        <h3>First-time fix<\/h3>\r\n                        <p>Storingen worden in 95% van de gevallen bij eerste bezoek opgelost<\/p>\r\n                    <\/div>\r\n                    <div class=\"hero-usp\">\r\n                        <div class=\"hero-usp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg><\/div>\r\n                        <span class=\"hero-usp-highlight\">&lt;24u<\/span>\r\n                        <h3>Responstijd<\/h3>\r\n                        <p>Bij storingen streven we ernaar binnen 24 uur bij u ter plaatse te zijn<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"services\" id=\"services\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <h2 class=\"section-title\">Onze diensten<\/h2>\r\n                <p class=\"section-subtitle\">Van installatie tot 24\/7 ondersteuning, wij staan voor u klaar<\/p>\r\n            <\/div>\r\n            <div class=\"services-grid\">\r\n                <div class=\"service-card reveal\">\r\n                    <div class=\"service-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg><\/div>\r\n                    <h3>Installatie<\/h3>\r\n                    <p>Vakkundige installatie door gecertificeerde monteurs. Wij zorgen voor de juiste aansluiting op water, afvoer en elektra, en nemen de inbedrijfstelling voor onze rekening.<\/p>\r\n                    <ul class=\"service-card-features\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Plaatsing en nivellering machine<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Aansluiting water en afvoer<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Elektrische aansluiting<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Inbedrijfstelling en test<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Instructie aan uw personeel<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"service-card reveal reveal-delay-1\">\r\n                    <div class=\"service-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path><\/svg><\/div>\r\n                    <h3>Preventief onderhoud<\/h3>\r\n                    <p>Voorkomen is beter dan genezen. Met regelmatig preventief onderhoud voorkomt u onverwachte storingen en verlengt u de levensduur van uw machine.<\/p>\r\n                    <ul class=\"service-card-features\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Grondige inspectie alle onderdelen<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Reiniging en ontkalking<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Controle temperatuur en dosering<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Preventieve vervanging slijtdelen<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Rapportage en advies<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"service-card reveal\">\r\n                    <div class=\"service-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/div>\r\n                    <h3>Reparatie & storingen<\/h3>\r\n                    <p>Toch een storing? Onze ervaren monteurs staan klaar om het probleem snel en vakkundig op te lossen. Met een goed gevulde servicebus zijn we voorbereid op de meeste reparaties.<\/p>\r\n                    <ul class=\"service-card-features\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Snelle diagnose ter plaatse<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Ruime voorraad onderdelen<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Originele Winterhalter\/Hobart parts<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Garantie op reparaties<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Transparante prijzen vooraf<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"service-card reveal reveal-delay-1\">\r\n                    <div class=\"service-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg><\/div>\r\n                    <h3>24\/7 storingsdienst<\/h3>\r\n                    <p>Een storing houdt geen rekening met openingstijden. Daarom is onze storingsdienst 24 uur per dag, 7 dagen per week bereikbaar. Ook in het weekend en op feestdagen.<\/p>\r\n                    <ul class=\"service-card-features\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>24\/7 telefonisch bereikbaar<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Responstijd binnen 24 uur<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Telefonische troubleshooting<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Prioriteit voor contractklanten<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Landelijke dekking<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"why-us\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <h2 class=\"section-title\">Waarom VaatwasBaas?<\/h2>\r\n                <p class=\"section-subtitle\">Cijfers die spreken voor onze betrouwbaarheid<\/p>\r\n            <\/div>\r\n            <div class=\"why-us-grid\">\r\n                <div class=\"why-us-card reveal\"><div class=\"why-us-card-value\">25+<\/div><h3>Jaar ervaring<\/h3><p>Opgebouwde expertise sinds 1999<\/p><\/div>\r\n                <div class=\"why-us-card reveal reveal-delay-1\"><div class=\"why-us-card-value\">500+<\/div><h3>Tevreden klanten<\/h3><p>Door heel Nederland<\/p><\/div>\r\n                <div class=\"why-us-card reveal reveal-delay-2\"><div class=\"why-us-card-value\">4.8<\/div><h3>Klantwaardering<\/h3><p>Gemiddelde score reviews<\/p><\/div>\r\n                <div class=\"why-us-card reveal reveal-delay-3\"><div class=\"why-us-card-value\">95%<\/div><h3>First-time fix rate<\/h3><p>Direct opgelost bij eerste bezoek<\/p><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"contracts\" id=\"contracts\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <h2 class=\"section-title\">Onderhoudscontracten<\/h2>\r\n                <p class=\"section-subtitle\">Voorkom onverwachte storingen en kosten met een onderhoudscontract op maat<\/p>\r\n            <\/div>\r\n            <div class=\"contracts-grid\">\r\n                <div class=\"contract-card reveal\">\r\n                    <div class=\"contract-card-header\">\r\n                        <div class=\"contract-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg><\/div>\r\n                        <h3>Basis<\/h3>\r\n                        <div class=\"contract-card-price\">Vanaf \u20ac29\/maand<\/div>\r\n                    <\/div>\r\n                    <ul class=\"contract-card-features\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>1x per jaar preventief onderhoud<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Telefonische ondersteuning<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>10% korting op onderdelen<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Responstijd 48 uur<\/li>\r\n                        <li class=\"disabled\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Voorrijkosten niet inbegrepen<\/li>\r\n                        <li class=\"disabled\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Geen 24\/7 service<\/li>\r\n                    <\/ul>\r\n                    <a href=\"\/index.php\/offerte\" class=\"btn btn-outline\">Meer informatie<\/a>\r\n                <\/div>\r\n                <div class=\"contract-card featured reveal reveal-delay-1\">\r\n                    <div class=\"contract-card-header\">\r\n                        <div class=\"contract-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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><\/div>\r\n                        <h3>Plus<\/h3>\r\n                        <div class=\"contract-card-price\">Vanaf \u20ac59\/maand<\/div>\r\n                    <\/div>\r\n                    <ul class=\"contract-card-features\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>2x per jaar preventief onderhoud<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>24\/7 telefonische ondersteuning<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>20% korting op onderdelen<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Responstijd 24 uur<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Voorrijkosten inbegrepen<\/li>\r\n                        \r\n                        <li class=\"disabled\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Arbeidskosten niet inbegrepen<\/li>\r\n                    <\/ul>\r\n                    <a href=\"\/index.php\/offerte\" class=\"btn btn-primary\">Offerte aanvragen<\/a>\r\n                <\/div>\r\n                <div class=\"contract-card reveal reveal-delay-2\">\r\n                    <div class=\"contract-card-header\">\r\n                        <div class=\"contract-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg><\/div>\r\n                        <h3>All-in<\/h3>\r\n                        <div class=\"contract-card-price\">Vanaf \u20ac99\/maand<\/div>\r\n                    <\/div>\r\n                    <ul class=\"contract-card-features\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>2x per jaar preventief onderhoud<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>24\/7 prioriteit storingsdienst<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Alle onderdelen inbegrepen*<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Responstijd 8 uur (garantie)<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Voorrijkosten inbegrepen<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Arbeidskosten 50%<\/li>\r\n                    <\/ul>\r\n                    <a href=\"\/index.php\/offerte\" class=\"btn btn-secondary\">Meer informatie<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <p style=\"text-align: center; margin-top: 32px; color: var(--gray-400); font-size: 0.9rem;\" class=\"reveal\">* Uitgezonderd glasbreuk en schade door onjuist gebruik. Prijzen zijn indicatief en afhankelijk van machinemodel.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"process\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <h2 class=\"section-title\">Hoe werkt het?<\/h2>\r\n                <p class=\"section-subtitle\">Van storing tot oplossing in vier stappen<\/p>\r\n            <\/div>\r\n            <div class=\"process-timeline\">\r\n                <div class=\"process-step reveal\"><div class=\"process-step-number\">1<\/div><h3>Melding<\/h3><p>Bel onze servicelijn of meld uw storing online. We zijn 24\/7 bereikbaar.<\/p><\/div>\r\n                <div class=\"process-step reveal reveal-delay-1\"><div class=\"process-step-number\">2<\/div><h3>Diagnose<\/h3><p>Telefonische troubleshooting of planning bezoek binnen 24 uur.<\/p><\/div>\r\n                <div class=\"process-step reveal reveal-delay-2\"><div class=\"process-step-number\">3<\/div><h3>Reparatie<\/h3><p>Onze monteur repareert ter plaatse. 95% wordt direct opgelost.<\/p><\/div>\r\n                <div class=\"process-step reveal reveal-delay-3\"><div class=\"process-step-number\">4<\/div><h3>Klaar!<\/h3><p>Uw machine draait weer. U ontvangt een duidelijke rapportage.<\/p><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"testimonial\">\r\n        <div class=\"container\">\r\n            <div class=\"testimonial-card reveal\">\r\n                <p class=\"testimonial-text\">\"Al jaren werken we samen met VaatwasBaas. De monteurs zijn vakkundig en denken mee. Toen we laatst een storing hadden op zaterdagavond, stond er binnen 3 uur iemand op de stoep. Dat is pas service!\"<\/p>\r\n                <div class=\"testimonial-author\">\r\n                    <div class=\"testimonial-avatar\">PV<\/div>\r\n                    <div class=\"testimonial-info\"><h4>Peter van der Berg<\/h4><p>Eigenaar Restaurant De Gouden Leeuw, Amsterdam<\/p><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"emergency\">\r\n        <div class=\"container\">\r\n            <div class=\"emergency-content\"><h2>Storing? Bel direct!<\/h2><p>Onze storingsdienst is 24\/7 bereikbaar, ook in het weekend<\/p><\/div>\r\n            <a href=\"tel:+31852030035\" class=\"emergency-phone\">\r\n                <div class=\"emergency-phone-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg><\/div>\r\n                <div class=\"emergency-phone-text\"><span>Storingslijn<\/span><strong>085-2030035<\/strong><\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cta\">\r\n        <div class=\"container\">\r\n            <div class=\"cta-box reveal\">\r\n                <h2 class=\"cta-title\">Interesse in een onderhoudscontract?<\/h2>\r\n                <p class=\"cta-text\">Neem contact met ons op voor een vrijblijvend adviesgesprek. We kijken graag samen naar de beste oplossing voor uw situatie.<\/p>\r\n                <div class=\"cta-actions\">\r\n                    <a href=\"\/index.php\/offerte\" class=\"btn btn-primary btn-lg\">Offerte aanvragen<svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n                    <a href=\"tel:+31852030035\" class=\"btn btn-outline-white btn-lg\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>085-2030035<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer class=\"footer\">\r\n        <div class=\"container\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-brand\">\r\n                    <div class=\"footer-logo\"><span class=\"footer-logo-vaatwas\">Vaatwas<\/span><span class=\"footer-logo-baas\">Baas<\/span><span style=\"color: var(--orange); font-size: 18px;\">.nl<\/span><\/div>\r\n                    <p class=\"footer-desc\">Onderdeel van VL-Gastro Grootkeukentechniek. Al meer dan 25 jaar uw partner voor professionele vaatwasmachines in de horeca.<\/p>\r\n                    <div class=\"footer-social\">\r\n                        <a href=\"#\" class=\"footer-social-link\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg><\/a>\r\n                        <a href=\"#\" class=\"footer-social-link\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg><\/a>\r\n                        <a href=\"#\" class=\"footer-social-link\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div>\r\n                    <h4 class=\"footer-title\">Producten<\/h4>\r\n                    <ul class=\"footer-links\">\r\n                        <li class=\"footer-link\"><a href=\"\/index.php\/voorladers\">Voorladers<\/a><\/li>\r\n                        <li class=\"footer-link\"><a href=\"\/index.php\/doorschuif\">Doorschuifvaatwassers<\/a><\/li>\r\n                        <li class=\"footer-link\"><a href=\"\/index.php\/mtr\">MTR transportmachines<\/a><\/li>\r\n                        <li class=\"footer-link\"><a href=\"\/index.php\/reinigingsmiddelen\">Reinigingsmiddelen<\/a><\/li>\r\n                        <li class=\"footer-link\"><a href=\"\/index.php\/waterbehandeling\">Waterbehandeling<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div>\r\n                    <h4 class=\"footer-title\">Diensten<\/h4>\r\n                    <ul class=\"footer-links\">\r\n                        <li class=\"footer-link\"><a href=\"#services\">Installatie<\/a><\/li>\r\n                        <li class=\"footer-link\"><a href=\"#services\">Onderhoud<\/a><\/li>\r\n                        <li class=\"footer-link\"><a href=\"#services\">Reparatie<\/a><\/li>\r\n                        <li class=\"footer-link\"><a href=\"#services\">24\/7 storingsdienst<\/a><\/li>\r\n                        <li class=\"footer-link\"><a href=\"#contracts\">Onderhoudscontracten<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div>\r\n                    <h4 class=\"footer-title\">Contact<\/h4>\r\n                    <ul class=\"footer-links\">\r\n                        <li class=\"footer-link\"><a href=\"\/index.php\/over-ons\">Over ons<\/a><\/li>\r\n                        <li class=\"footer-link\"><a href=\"\/index.php\/contact\">Contact<\/a><\/li>\r\n                        <li class=\"footer-link\"><a href=\"\/index.php\/offerte\">Offerte aanvragen<\/a><\/li>\r\n                        <li class=\"footer-link\"><a href=\"tel:+31852030035\">085-2030035<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"footer-bottom\">\r\n                <p class=\"footer-copyright\">\u00a9 2026 VaatwasBaas.nl - Onderdeel van VL-Gastro Grootkeukentechniek<\/p>\r\n                <div class=\"footer-legal\">\r\n                    <a href=\"\/index.php\/privacy\">Privacy<\/a>\r\n                    <a href=\"\/index.php\/voorwaarden\">Voorwaarden<\/a>\r\n                    <a href=\"\/index.php\/cookies\">Cookies<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        const header = document.getElementById('header');\r\n        window.addEventListener('scroll', () => { header.classList.toggle('scrolled', window.scrollY > 100); });\r\n        const revealElements = document.querySelectorAll('.reveal');\r\n        const revealObserver = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObserver.unobserve(entry.target); } });\r\n        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n        revealElements.forEach(el => revealObserver.observe(el));\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); } });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Diensten | Service &#038; Onderhoud Vaatwasmachines | VaatwasBaas.nl VaatwasBaas.nl Home Producten MTR configurator Diensten Merken Contact Offerte aanvragen Home \u203a Diensten Service waar u op kunt bouwen Bij VaatwasBaas begrijpen we dat uw vaatwasmachine essentieel is voor uw bedrijfsvoering. Daarom bieden wij service die verder gaat dan alleen repareren. Met eigen monteurs, preventief onderhoud en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vaatwasbaas.nl\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vaatwasbaas.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vaatwasbaas.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vaatwasbaas.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vaatwasbaas.nl\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":27,"href":"https:\/\/vaatwasbaas.nl\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/vaatwasbaas.nl\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/444"}],"wp:attachment":[{"href":"https:\/\/vaatwasbaas.nl\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}