{"id":8,"date":"2026-05-13T18:32:37","date_gmt":"2026-05-13T18:32:37","guid":{"rendered":"https:\/\/dedriepunten.nl\/?page_id=8"},"modified":"2026-05-13T19:25:10","modified_gmt":"2026-05-13T19:25:10","slug":"landing","status":"publish","type":"page","link":"https:\/\/dedriepunten.nl\/","title":{"rendered":"Landing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e0faa7 e-con-full e-flex e-con e-parent\" data-id=\"6e0faa7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d19e8ff elementor-widget elementor-widget-shortcode\" data-id=\"d19e8ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- DE DRIEPUNTEN \u2014 Landing Page blok -->\n<!-- Beilleszt\u00e9s: WordPress > Pagina > + blok > Aangepaste HTML -->\n<!-- Of: page-template.php bestand, binnen get_header() en get_footer() -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 RESET SCOPE \u2500\u2500 alle stijlen beginnen met .ddp- prefix om WP-conflicten te vermijden *\/\n.ddp-wrap *,\n.ddp-wrap *::before,\n.ddp-wrap *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.ddp-wrap {\n  --goud:     #C9A227;\n  --goud2:    #E8B820;\n  --goud3:    #7A5F0A;\n  --goud-bg:  #FDF6E3;\n  --inkt:     #13110D;\n  --inkt2:    #1E1B15;\n  --inkt3:    #2E2A20;\n  --gedempt:  #6B6257;\n  --zilver:   #9C9285;\n  --room:     #F5F0E6;\n  --wit:      #FDFCF8;\n  --ff-h:     'Playfair Display', Georgia, serif;\n  --ff-b:     'DM Sans', system-ui, sans-serif;\n  --r:        6px;\n  font-family: var(--ff-b);\n  color: var(--inkt);\n  background: var(--wit);\n  line-height: 1.65;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ddp-hero {\n  background: var(--wit);\n  padding: 72px 0 0;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* diagonale achtergrond rechts *\/\n.ddp-hero-bg {\n  position: absolute;\n  top: 0; right: 0;\n  width: 52%;\n  height: 100%;\n  background: var(--room);\n  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);\n  z-index: 0;\n}\n\n\/* subtiel rasterpatroon *\/\n.ddp-hero-grid {\n  position: absolute;\n  inset: 0; z-index: 0;\n  background-image:\n    linear-gradient(rgba(201,162,39,.05) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(201,162,39,.05) 1px, transparent 1px);\n  background-size: 44px 44px;\n  pointer-events: none;\n}\n\n.ddp-hero-inner {\n  position: relative; z-index: 2;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 40px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0;\n  align-items: center;\n  min-height: 88vh;\n}\n\n\/* \u2500\u2500 HERO TEKST \u2500\u2500 *\/\n.ddp-hero-text {\n  padding: 60px 48px 60px 0;\n}\n\n.ddp-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n  color: var(--goud3);\n  margin-bottom: 20px;\n  opacity: 0;\n  animation: ddpUp .55s .05s ease forwards;\n}\n.ddp-eyebrow::before {\n  content: '';\n  display: block;\n  width: 26px; height: 2px;\n  background: var(--goud);\n  flex-shrink: 0;\n}\n\n.ddp-hero-text h1 {\n  font-family: var(--ff-h);\n  font-size: clamp(2.6rem, 4vw, 4rem);\n  font-weight: 900;\n  line-height: 1.07;\n  color: var(--inkt);\n  margin-bottom: 20px;\n  opacity: 0;\n  animation: ddpUp .6s .15s ease forwards;\n}\n.ddp-hero-text h1 span {\n  color: var(--goud3);\n  border-bottom: 3px solid var(--goud);\n  padding-bottom: 2px;\n}\n\n.ddp-hero-text p {\n  font-size: 1.05rem;\n  font-weight: 300;\n  color: var(--gedempt);\n  line-height: 1.8;\n  max-width: 460px;\n  margin-bottom: 32px;\n  border-left: 3px solid var(--goud);\n  padding-left: 16px;\n  opacity: 0;\n  animation: ddpUp .6s .25s ease forwards;\n}\n\n.ddp-btns {\n  display: flex;\n  gap: 14px;\n  flex-wrap: wrap;\n  margin-bottom: 48px;\n  opacity: 0;\n  animation: ddpUp .6s .35s ease forwards;\n}\n\n.ddp-btn-main {\n  display: inline-block;\n  font-family: var(--ff-b);\n  font-size: .88rem; font-weight: 600;\n  letter-spacing: .07em; text-transform: uppercase;\n  text-decoration: none;\n  padding: 14px 32px;\n  background: var(--goud);\n  color: var(--inkt);\n  border: none; border-radius: var(--r);\n  cursor: pointer;\n  box-shadow: 0 4px 18px rgba(201,162,39,.32);\n  transition: background .2s, transform .15s, box-shadow .2s;\n}\n.ddp-btn-main:hover {\n  background: var(--goud2);\n  transform: translateY(-2px);\n  box-shadow: 0 8px 28px rgba(201,162,39,.45);\n  color: var(--inkt);\n  text-decoration: none;\n}\n\n.ddp-btn-lijn {\n  display: inline-block;\n  font-family: var(--ff-b);\n  font-size: .88rem; font-weight: 500;\n  letter-spacing: .07em; text-transform: uppercase;\n  text-decoration: none;\n  padding: 13px 32px;\n  background: transparent;\n  color: var(--goud3);\n  border: 2px solid var(--goud);\n  border-radius: var(--r);\n  cursor: pointer;\n  transition: all .2s;\n}\n.ddp-btn-lijn:hover {\n  background: rgba(201,162,39,.1);\n  color: var(--inkt);\n  transform: translateY(-2px);\n  text-decoration: none;\n}\n\n.ddp-stats {\n  display: flex;\n  gap: 32px;\n  padding-top: 28px;\n  border-top: 1px solid rgba(201,162,39,.2);\n  opacity: 0;\n  animation: ddpUp .6s .45s ease forwards;\n}\n.ddp-stat-n {\n  font-family: var(--ff-h);\n  font-size: 2rem; font-weight: 900;\n  color: var(--goud);\n  line-height: 1;\n}\n.ddp-stat-l {\n  font-size: .7rem; font-weight: 500;\n  letter-spacing: .1em; text-transform: uppercase;\n  color: var(--zilver);\n  margin-top: 4px;\n}\n\n\/* \u2500\u2500 HERO LOGO RECHTS \u2500\u2500 *\/\n.ddp-hero-visual {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 0 60px 40px;\n  opacity: 0;\n  animation: ddpFade .9s .3s ease forwards;\n}\n\n.ddp-logo-hero svg {\n  width: 100%;\n  max-width: 360px;\n  height: auto;\n  filter: drop-shadow(0 12px 40px rgba(201,162,39,.2));\n  animation: ddpFloat 7s ease-in-out infinite;\n}\n\n@keyframes ddpFloat {\n  0%,100% { transform: translateY(0); }\n  50%      { transform: translateY(-14px); }\n}\n@keyframes ddpUp {\n  from { opacity:0; transform: translateY(24px); }\n  to   { opacity:1; transform: translateY(0); }\n}\n@keyframes ddpFade {\n  from { opacity:0; }\n  to   { opacity:1; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 KENMERKEN BALK \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ddp-balk {\n  background: var(--goud);\n  padding: 16px 40px;\n}\n.ddp-balk-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.ddp-balk-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: .78rem; font-weight: 600;\n  letter-spacing: .08em; text-transform: uppercase;\n  color: var(--inkt);\n}\n.ddp-balk-item::before { content:'\u2713'; font-weight:900; font-size:.9rem; }\n.ddp-balk-sep { color: rgba(20,18,14,.3); font-size:1.1rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DIENSTEN \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ddp-diensten {\n  background: var(--room);\n  padding: 90px 40px;\n}\n.ddp-diensten-inner { max-width: 1200px; margin: 0 auto; }\n\n.ddp-sec-label {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: .72rem; font-weight: 600;\n  letter-spacing: .18em; text-transform: uppercase;\n  color: var(--goud3);\n  margin-bottom: 10px;\n}\n.ddp-sec-label::before {\n  content:'';\n  width: 22px; height: 2px;\n  background: var(--goud);\n  display: block;\n}\n\n.ddp-sec-titel {\n  font-family: var(--ff-h);\n  font-size: clamp(1.9rem, 3.5vw, 2.9rem);\n  font-weight: 900;\n  color: var(--inkt);\n  line-height: 1.1;\n  margin-bottom: 6px;\n}\n.ddp-sec-sub {\n  font-size: .98rem;\n  color: var(--zilver);\n  font-weight: 300;\n  margin-bottom: 48px;\n}\n\n.ddp-kaarten {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 2px;\n  border: 1px solid rgba(201,162,39,.18);\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.ddp-kaart {\n  background: var(--wit);\n  padding: 40px 32px;\n  position: relative;\n  overflow: hidden;\n  transition: background .25s;\n  cursor: default;\n}\n.ddp-kaart::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 3px;\n  background: var(--goud);\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform .35s ease;\n}\n.ddp-kaart:hover { background: rgba(201,162,39,.04); }\n.ddp-kaart:hover::after { transform: scaleX(1); }\n\n.ddp-kaart-icon {\n  width: 54px; height: 54px;\n  background: rgba(201,162,39,.13);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.5rem;\n  margin-bottom: 20px;\n  transition: background .25s;\n}\n.ddp-kaart:hover .ddp-kaart-icon { background: rgba(201,162,39,.25); }\n\n.ddp-kaart h3 {\n  font-family: var(--ff-h);\n  font-size: 1.25rem; font-weight: 700;\n  color: var(--inkt);\n  margin-bottom: 12px;\n}\n.ddp-kaart p {\n  font-size: .92rem;\n  color: var(--gedempt);\n  line-height: 1.75;\n  margin-bottom: 16px;\n}\n.ddp-tags { display: flex; flex-wrap: wrap; gap: 6px; }\n.ddp-tag {\n  font-size: .68rem; font-weight: 600;\n  letter-spacing: .08em; text-transform: uppercase;\n  color: var(--goud3);\n  background: rgba(201,162,39,.1);\n  border: 1px solid rgba(201,162,39,.25);\n  padding: 4px 10px;\n  border-radius: 3px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WERKWIJZE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ddp-werkwijze {\n  background: var(--inkt2);\n  padding: 90px 40px;\n  position: relative;\n  overflow: hidden;\n}\n.ddp-werkwijze::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: repeating-linear-gradient(\n    45deg,\n    rgba(201,162,39,.025) 0, rgba(201,162,39,.025) 1px,\n    transparent 1px, transparent 40px\n  );\n  pointer-events: none;\n}\n.ddp-werkwijze-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }\n.ddp-werkwijze .ddp-sec-label { color: var(--goud); }\n.ddp-werkwijze .ddp-sec-titel { color: #fff; }\n.ddp-werkwijze .ddp-sec-sub { color: rgba(255,255,255,.4); }\n\n.ddp-stappen {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 2px;\n  margin-top: 48px;\n}\n.ddp-stap {\n  background: rgba(255,255,255,.04);\n  border: 1px solid rgba(201,162,39,.14);\n  padding: 36px 28px;\n  transition: background .25s, border-color .25s;\n}\n.ddp-stap:hover {\n  background: rgba(201,162,39,.07);\n  border-color: rgba(201,162,39,.38);\n}\n.ddp-stap-n {\n  font-family: var(--ff-h);\n  font-size: 3.8rem; font-weight: 900;\n  color: rgba(201,162,39,.18);\n  line-height: 1;\n  margin-bottom: 16px;\n  transition: color .25s;\n}\n.ddp-stap:hover .ddp-stap-n { color: rgba(201,162,39,.42); }\n.ddp-stap h4 {\n  font-family: var(--ff-h);\n  font-size: 1.15rem; font-weight: 700;\n  color: #fff;\n  margin-bottom: 10px;\n}\n.ddp-stap p { font-size: .9rem; color: rgba(255,255,255,.48); line-height: 1.7; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTACT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ddp-contact {\n  background: var(--wit);\n  padding: 90px 40px;\n}\n.ddp-contact-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1.2fr;\n  gap: 80px;\n  align-items: start;\n}\n\n.ddp-contact-blok { margin-bottom: 24px; }\n.ddp-contact-blok h5 {\n  font-size: .7rem; font-weight: 600;\n  letter-spacing: .16em; text-transform: uppercase;\n  color: var(--goud3);\n  margin-bottom: 6px;\n}\n.ddp-contact-blok p,\n.ddp-contact-blok a {\n  font-size: .96rem;\n  color: var(--gedempt);\n  text-decoration: none;\n  display: block;\n  transition: color .2s;\n}\n.ddp-contact-blok a:hover { color: var(--goud3); text-decoration: none; }\n\n.ddp-spoed {\n  background: var(--goud);\n  border-radius: var(--r);\n  padding: 16px 20px;\n  margin-top: 28px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n.ddp-spoed-ico { font-size: 1.4rem; }\n.ddp-spoed-lbl {\n  font-size: .68rem; font-weight: 700;\n  letter-spacing: .14em; text-transform: uppercase;\n  color: rgba(20,18,14,.6);\n  display: block;\n}\n.ddp-spoed-num {\n  font-family: var(--ff-h);\n  font-size: 1.2rem; font-weight: 900;\n  color: var(--inkt);\n}\n\n\/* formulier *\/\n.ddp-form { display: flex; flex-direction: column; gap: 14px; }\n.ddp-f-rij { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n.ddp-f-groep { display: flex; flex-direction: column; gap: 5px; }\n.ddp-f-groep label {\n  font-size: .68rem; font-weight: 600;\n  letter-spacing: .13em; text-transform: uppercase;\n  color: var(--zilver);\n}\n.ddp-f-groep input,\n.ddp-f-groep select,\n.ddp-f-groep textarea {\n  background: var(--room);\n  border: 1px solid rgba(201,162,39,.22);\n  color: var(--inkt);\n  font-family: var(--ff-b);\n  font-size: .94rem;\n  padding: 11px 14px;\n  border-radius: var(--r);\n  outline: none;\n  width: 100%;\n  transition: border-color .2s, box-shadow .2s;\n  -webkit-appearance: none;\n}\n.ddp-f-groep input:focus,\n.ddp-f-groep select:focus,\n.ddp-f-groep textarea:focus {\n  border-color: var(--goud);\n  box-shadow: 0 0 0 3px rgba(201,162,39,.14);\n}\n.ddp-f-groep select { background-color: var(--room); cursor: pointer; }\n.ddp-f-groep textarea { resize: vertical; min-height: 120px; }\n\n.ddp-form-ok {\n  background: rgba(201,162,39,.1);\n  border: 1px solid var(--goud);\n  color: var(--goud3);\n  padding: 12px 18px;\n  border-radius: var(--r);\n  font-size: .94rem; font-weight: 500;\n}\n.ddp-form-err {\n  background: rgba(200,50,50,.07);\n  border: 1px solid rgba(200,50,50,.28);\n  color: #b03030;\n  padding: 12px 18px;\n  border-radius: var(--r);\n  font-size: .94rem;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ddp-footer {\n  background: var(--inkt);\n  border-top: 2px solid var(--goud);\n  padding: 28px 40px;\n}\n.ddp-footer-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.ddp-footer p { font-size: .78rem; color: rgba(255,255,255,.3); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 900px) {\n  .ddp-hero-inner { grid-template-columns: 1fr; min-height: auto; }\n  .ddp-hero-bg { display: none; }\n  .ddp-hero-text { padding: 40px 0 30px; }\n  .ddp-hero-visual { padding: 0 0 48px; }\n  .ddp-hero-visual svg { max-width: 240px; }\n  .ddp-kaarten { grid-template-columns: 1fr; }\n  .ddp-kaart { border-right: none; border-bottom: 1px solid rgba(201,162,39,.12); }\n  .ddp-stappen { grid-template-columns: 1fr; }\n  .ddp-contact-inner { grid-template-columns: 1fr; gap: 40px; }\n  .ddp-f-rij { grid-template-columns: 1fr; }\n  .ddp-balk-inner { justify-content: flex-start; }\n  .ddp-balk-sep { display: none; }\n  .ddp-diensten, .ddp-werkwijze, .ddp-contact { padding: 60px 20px; }\n  .ddp-balk { padding: 16px 20px; }\n  .ddp-footer { padding: 24px 20px; }\n}\n<\/style>\n\n<div class=\"ddp-wrap\">\n\n  <!-- \u2550\u2550 HERO \u2550\u2550 -->\n  <section class=\"ddp-hero\" id=\"ddp-home\">\n    <div class=\"ddp-hero-grid\"><\/div>\n    <div class=\"ddp-hero-bg\"><\/div>\n    <div class=\"ddp-hero-inner\">\n\n      <!-- Tekst links -->\n      <div class=\"ddp-hero-text\">\n        <div class=\"ddp-eyebrow\">Professionele infra-oplossingen<\/div>\n        <h1>Wij bouwen aan<br><span>Nederland's<\/span><br>fundament<\/h1>\n        <p>Van nutsinfrastructuur tot machinesverhuur en verwarmingsmodules \u2014 De Driepunten levert vakmanschap op elke bouwplaats, dag en nacht.<\/p>\n        <div class=\"ddp-btns\">\n          <a href=\"#ddp-diensten\" class=\"ddp-btn-main\">Bekijk diensten<\/a>\n          <a href=\"#ddp-contact\"  class=\"ddp-btn-lijn\">Neem contact op<\/a>\n        <\/div>\n        <div class=\"ddp-stats\">\n          <div><div class=\"ddp-stat-n\">25+<\/div><div class=\"ddp-stat-l\">Jaar ervaring<\/div><\/div>\n          <div><div class=\"ddp-stat-n\">1200+<\/div><div class=\"ddp-stat-l\">Projecten<\/div><\/div>\n          <div><div class=\"ddp-stat-n\">24\/7<\/div><div class=\"ddp-stat-l\">Spoedservice<\/div><\/div>\n          <div><div class=\"ddp-stat-n\">ISO<\/div><div class=\"ddp-stat-l\">Gecertificeerd<\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Logo rechts -->\n      <div class=\"ddp-hero-visual\">\n        <div class=\"ddp-logo-hero\">\n          <!-- SVG LOGO \u2014 volledig inline, geen afbeeldingsbestand nodig -->\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 260\" aria-label=\"De Driepunten logo\">\n            <!-- \u2500\u2500 D + I letters \u2500\u2500 -->\n            <!-- D buitenste vorm, donker antraciet -->\n            <path d=\"M40 30 L40 160 L98 160\n                     C148 160 178 130 178 95\n                     C178 60 148 30 98 30 Z\n                     M68 56 L94 56\n                     C128 56 148 72 148 95\n                     C148 118 128 134 94 134\n                     L68 134 Z\"\n                  fill=\"#2A2620\"\/>\n            <!-- I gouden balk in het midden van de D -->\n            <rect x=\"57\" y=\"38\" width=\"20\" height=\"114\" rx=\"4\" fill=\"#C9A227\"\/>\n            <!-- subtiele glans op I -->\n            <rect x=\"57\" y=\"38\" width=\"7\" height=\"114\" rx=\"4\" fill=\"rgba(255,220,80,0.35)\"\/>\n\n            <!-- \u2500\u2500 5 kleurrijke golven, breed uitgespreid \u2500\u2500 -->\n            <!-- golf 1: donkerblauw (onderste) -->\n            <path d=\"M30 200 Q100 175 160 200 Q220 225 290 200\"\n                  fill=\"none\" stroke=\"#1E3A5F\" stroke-width=\"5\"\n                  stroke-linecap=\"round\"\/>\n            <!-- golf 2: olijfgroen -->\n            <path d=\"M30 185 Q100 160 160 185 Q220 210 290 185\"\n                  fill=\"none\" stroke=\"#4A6741\" stroke-width=\"4.5\"\n                  stroke-linecap=\"round\"\/>\n            <!-- golf 3: goud RAL 1007 (middelste) -->\n            <path d=\"M30 170 Q100 145 160 170 Q220 195 290 170\"\n                  fill=\"none\" stroke=\"#C9A227\" stroke-width=\"4.5\"\n                  stroke-linecap=\"round\"\/>\n            <!-- golf 4: terracotta -->\n            <path d=\"M30 155 Q100 130 160 155 Q220 180 290 155\"\n                  fill=\"none\" stroke=\"#8B3A2A\" stroke-width=\"4\"\n                  stroke-linecap=\"round\"\/>\n            <!-- golf 5: staalblau (bovenste) -->\n            <path d=\"M30 140 Q100 115 160 140 Q220 165 290 140\"\n                  fill=\"none\" stroke=\"#2D6B8A\" stroke-width=\"3.5\"\n                  stroke-linecap=\"round\"\/>\n\n            <!-- \u2500\u2500 Bedrijfsnaam \u2500\u2500 -->\n            <text x=\"160\" y=\"238\"\n                  font-family=\"'Playfair Display',Georgia,serif\"\n                  font-size=\"18\" font-weight=\"700\"\n                  text-anchor=\"middle\"\n                  fill=\"#2A2620\"\n                  letter-spacing=\"3\">DE DRIEPUNTEN<\/text>\n            <!-- gouden streep onder naam -->\n            <line x1=\"42\" y1=\"245\" x2=\"278\" y2=\"245\"\n                  stroke=\"#C9A227\" stroke-width=\"2\"\/>\n          <\/svg>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/hero-inner -->\n  <\/section>\n\n  <!-- \u2550\u2550 KENMERKEN BALK \u2550\u2550 -->\n  <div class=\"ddp-balk\">\n    <div class=\"ddp-balk-inner\">\n      <div class=\"ddp-balk-item\">NEN 3650 Gecertificeerd<\/div>\n      <span class=\"ddp-balk-sep\">\u00b7<\/span>\n      <div class=\"ddp-balk-item\">24\/7 Spoeddienst<\/div>\n      <span class=\"ddp-balk-sep\">\u00b7<\/span>\n      <div class=\"ddp-balk-item\">Eigen machinepark<\/div>\n      <span class=\"ddp-balk-sep\">\u00b7<\/span>\n      <div class=\"ddp-balk-item\">ISO gecertificeerd<\/div>\n      <span class=\"ddp-balk-sep\">\u00b7<\/span>\n      <div class=\"ddp-balk-item\">CAD revisies inbegrepen<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550 DIENSTEN \u2550\u2550 -->\n  <section class=\"ddp-diensten\" id=\"ddp-diensten\">\n    <div class=\"ddp-diensten-inner\">\n      <div class=\"ddp-sec-label\">Onze diensten<\/div>\n      <h2 class=\"ddp-sec-titel\">Drie pijlers, \u00e9\u00e9n partner<\/h2>\n      <p class=\"ddp-sec-sub\">Alles onder \u00e9\u00e9n dak \u2014 van ontwerp tot oplevering<\/p>\n\n      <div class=\"ddp-kaarten\">\n\n        <div class=\"ddp-kaart\">\n          <div class=\"ddp-kaart-icon\">\ud83d\udca7<\/div>\n          <h3>Nutsinfrastructuur<\/h3>\n          <p>Complete aanleg en renovatie van water-, gas- en glasvezel\u00adleidingen. Voor woningbouw, bedrijventerreinen en gemeenten \u2014 NEN-gecertificeerd en inclusief revisietekeningen.<\/p>\n          <div class=\"ddp-tags\">\n            <span class=\"ddp-tag\">Waterleiding<\/span>\n            <span class=\"ddp-tag\">Gas<\/span>\n            <span class=\"ddp-tag\">Glasvezel<\/span>\n            <span class=\"ddp-tag\">24\/7 spoed<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"ddp-kaart\">\n          <div class=\"ddp-kaart-icon\">\ud83d\ude9c<\/div>\n          <h3>Machinesverhuur<\/h3>\n          <p>Modern machinepark met graafmachines (mini t\/m 30 ton), compactors, pompen en rijplaten. Met of zonder gecertificeerde operator \u2014 levering en ophaal inbegrepen.<\/p>\n          <div class=\"ddp-tags\">\n            <span class=\"ddp-tag\">Graafmachines<\/span>\n            <span class=\"ddp-tag\">Compactors<\/span>\n            <span class=\"ddp-tag\">Pompen<\/span>\n            <span class=\"ddp-tag\">Rijplaten<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"ddp-kaart\">\n          <div class=\"ddp-kaart-icon\">\ud83d\udd25<\/div>\n          <h3>Verwarmingsmodule<\/h3>\n          <p>Mobiele en semi-permanente verwarming voor bouwplaatsen, calamiteiten en tijdelijke gebouwen. CE-gecertificeerd, levering binnen 24 uur.<\/p>\n          <div class=\"ddp-tags\">\n            <span class=\"ddp-tag\">Hetelucht<\/span>\n            <span class=\"ddp-tag\">Buffervaten<\/span>\n            <span class=\"ddp-tag\">Turn-key<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550 WERKWIJZE \u2550\u2550 -->\n  <section class=\"ddp-werkwijze\" id=\"ddp-werkwijze\">\n    <div class=\"ddp-werkwijze-inner\">\n      <div class=\"ddp-sec-label\">Onze aanpak<\/div>\n      <h2 class=\"ddp-sec-titel\">Van aanvraag tot oplevering<\/h2>\n      <p class=\"ddp-sec-sub\">Snel, transparant en zonder verrassingen<\/p>\n      <div class=\"ddp-stappen\">\n        <div class=\"ddp-stap\">\n          <div class=\"ddp-stap-n\">01<\/div>\n          <h4>Aanvraag & Intake<\/h4>\n          <p>Beschrijf uw project via het formulier of bel ons direct. Binnen 24 uur nemen wij contact op voor een vrijblijvende intake.<\/p>\n        <\/div>\n        <div class=\"ddp-stap\">\n          <div class=\"ddp-stap-n\">02<\/div>\n          <h4>Offerte op maat<\/h4>\n          <p>Op basis van uw wensen en de projectlocatie stellen wij een gedetailleerde offerte op, inclusief planning en technische specificaties.<\/p>\n        <\/div>\n        <div class=\"ddp-stap\">\n          <div class=\"ddp-stap-n\">03<\/div>\n          <h4>Uitvoering & Oplevering<\/h4>\n          <p>Ons team voert de werkzaamheden uit zoals gepland. Daarna ontvangt u revisietekeningen, certificaten en een eindrapportage.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550 CONTACT \u2550\u2550 -->\n  <section class=\"ddp-contact\" id=\"ddp-contact\">\n    <div class=\"ddp-contact-inner\">\n\n      <!-- Info links -->\n      <div>\n        <div class=\"ddp-sec-label\">Contact<\/div>\n        <h2 class=\"ddp-sec-titel\">Laten we kennis<br>maken<\/h2>\n        <br>\n        <div class=\"ddp-contact-blok\">\n          <h5>Adres<\/h5>\n          <p>Koerenbloem 13<\/p>\n          <p>2861 Bergambacht, Nederland<\/p>\n        <\/div>\n        <div class=\"ddp-contact-blok\">\n          <h5>Telefoon &amp; E-mail<\/h5>\n          <a href=\"tel:+00000123456\">+31 (0)348 12 34 56<\/a>\n          <a href=\"mailto:info@dedriepunten.nl\">info@dedriepunten.nl<\/a>\n        <\/div>\n        <div class=\"ddp-contact-blok\">\n          <h5>Openingstijden<\/h5>\n          <p>Ma\u2013Vr: 00:00 \u2013 00:00<\/p>\n          <p>Zaterdag: 00:00 \u2013 00:00<\/p>\n        <\/div>\n        <div class=\"ddp-spoed\">\n          <span class=\"ddp-spoed-ico\">\ud83d\udea8<\/span>\n          <div>\n            <span class=\"ddp-spoed-lbl\">Spoedlijn 24\/7<\/span>\n            <span class=\"ddp-spoed-num\">+31 (0)000 00 00 00<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Formulier rechts -->\n      <div>\n        <div id=\"ddp-form-feedback\"><\/div>\n        <form class=\"ddp-form\" id=\"ddp-contactform\" novalidate>\n          <div class=\"ddp-f-rij\">\n            <div class=\"ddp-f-groep\">\n              <label for=\"ddp-naam\">Naam *<\/label>\n              <input type=\"text\" id=\"ddp-naam\" name=\"naam\" required placeholder=\"Jan de Vries\">\n            <\/div>\n            <div class=\"ddp-f-groep\">\n              <label for=\"ddp-email\">E-mail *<\/label>\n              <input type=\"email\" id=\"ddp-email\" name=\"email\" required placeholder=\"jan@bedrijf.nl\">\n            <\/div>\n          <\/div>\n          <div class=\"ddp-f-rij\">\n            <div class=\"ddp-f-groep\">\n              <label for=\"ddp-tel\">Telefoon<\/label>\n              <input type=\"tel\" id=\"ddp-tel\" name=\"tel\" placeholder=\"+31 6 12 34 56 78\">\n            <\/div>\n            <div class=\"ddp-f-groep\">\n              <label for=\"ddp-dienst\">Dienst<\/label>\n              <select id=\"ddp-dienst\" name=\"dienst\">\n                <option value=\"\">Selecteer...<\/option>\n                <option>Nutsinfrastructuur \u2014 Water<\/option>\n                <option>Nutsinfrastructuur \u2014 Gas<\/option>\n                <option>Nutsinfrastructuur \u2014 Glasvezel<\/option>\n                <option>Machinesverhuur<\/option>\n                <option>Verwarmingsmodule<\/option>\n                <option>Overig<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n          <div class=\"ddp-f-groep\">\n            <label for=\"ddp-bericht\">Bericht *<\/label>\n            <textarea id=\"ddp-bericht\" name=\"bericht\" required placeholder=\"Omschrijf uw project of vraag...\"><\/textarea>\n          <\/div>\n          <div>\n            <button type=\"submit\" class=\"ddp-btn-main\">Verstuur bericht \u2192<\/button>\n          <\/div>\n        <\/form>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550 FOOTER \u2550\u2550 -->\n  <footer class=\"ddp-footer\">\n    <div class=\"ddp-footer-inner\">\n      <!-- Logo klein inline -->\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 58\" width=\"160\" height=\"46\" aria-label=\"De Driepunten\">\n        <path d=\"M8 6 L8 48 L28 48 C50 48 64 36 64 27 C64 18 50 6 28 6 Z\n                 M18 15 L26 15 C40 15 52 20 52 27 C52 34 40 39 26 39 L18 39 Z\"\n              fill=\"#fff\"\/>\n        <rect x=\"14\" y=\"9\" width=\"8\" height=\"36\" rx=\"2\" fill=\"#C9A227\"\/>\n        <path d=\"M70 44 Q100 34 125 44 Q150 54 178 44\" fill=\"none\" stroke=\"#1E3A5F\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n        <path d=\"M70 37 Q100 27 125 37 Q150 47 178 37\" fill=\"none\" stroke=\"#4A6741\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n        <path d=\"M70 30 Q100 20 125 30 Q150 40 178 30\" fill=\"none\" stroke=\"#C9A227\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n        <path d=\"M70 23 Q100 13 125 23 Q150 33 178 23\" fill=\"none\" stroke=\"#8B3A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <path d=\"M70 16 Q100 6 125 16 Q150 26 178 16\" fill=\"none\" stroke=\"#2D6B8A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <text x=\"100\" y=\"56\" font-family=\"Georgia,serif\" font-size=\"9\" font-weight=\"700\"\n              text-anchor=\"middle\" fill=\"rgba(255,255,255,0.55)\" letter-spacing=\"2\">DE DRIEPUNTEN<\/text>\n      <\/svg>\n      <p>\u00a9 2025 De Driepunten BV \u2014 Alle rechten voorbehouden.<\/p>\n      <p>KvK: 12345678 | BTW: NL001234567B01<\/p>\n    <\/div>\n  <\/footer>\n\n<\/div><!-- \/ddp-wrap -->\n\n<script>\n(function(){\n  \/* Smooth scroll voor ankerkoppelingen *\/\n  document.querySelectorAll('a[href^=\"#ddp-\"]').forEach(function(a){\n    a.addEventListener('click', function(e){\n      var t = document.querySelector(this.getAttribute('href'));\n      if(t){ e.preventDefault(); t.scrollIntoView({behavior:'smooth', block:'start'}); }\n    });\n  });\n\n  \/* Contactformulier \u2014 client-side validatie *\/\n  var form = document.getElementById('ddp-contactform');\n  var fb   = document.getElementById('ddp-form-feedback');\n  if(form){\n    form.addEventListener('submit', function(e){\n      e.preventDefault();\n      var naam    = document.getElementById('ddp-naam').value.trim();\n      var email   = document.getElementById('ddp-email').value.trim();\n      var bericht = document.getElementById('ddp-bericht').value.trim();\n      var emailOk = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\n      if(!naam || !emailOk || !bericht){\n        fb.innerHTML = '<div class=\"ddp-form-err\">Vul alle verplichte velden correct in.<\/div>';\n        return;\n      }\n      \/* Hier kunt u fetch() naar uw WP REST API of contact-plugin endpoint toevoegen *\/\n      fb.innerHTML = '<div class=\"ddp-form-ok\">\u2713 Bedankt! We nemen zo snel mogelijk contact op.<\/div>';\n      form.reset();\n    });\n  }\n\n  \/* Scroll-animatie voor kaarten en stappen *\/\n  if('IntersectionObserver' in window){\n    var obs = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){\n          en.target.style.opacity = '1';\n          en.target.style.transform = 'translateY(0)';\n          obs.unobserve(en.target);\n        }\n      });\n    },{threshold:0.12});\n\n    document.querySelectorAll('.ddp-kaart, .ddp-stap').forEach(function(el, i){\n      el.style.opacity = '0';\n      el.style.transform = 'translateY(28px)';\n      el.style.transition = 'opacity .55s '+(i*0.1)+'s ease, transform .55s '+(i*0.1)+'s ease';\n      obs.observe(el);\n    });\n  }\n})();\n<\/script><\/div>\n\t\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>Professionele infra-oplossingen Wij bouwen aanNederland&#8217;sfundament Van nutsinfrastructuur tot machinesverhuur en verwarmingsmodules \u2014 De Driepunten levert vakmanschap op elke bouwplaats, dag en nacht. Bekijk diensten Neem contact op 25+Jaar ervaring 1200+Projecten 24\/7Spoedservice ISOGecertificeerd DE DRIEPUNTEN NEN 3650 Gecertificeerd \u00b7 24\/7 Spoeddienst \u00b7 Eigen machinepark \u00b7 ISO gecertificeerd \u00b7 CAD revisies inbegrepen Onze diensten Drie pijlers, \u00e9\u00e9n &#8230; <a title=\"Landing\" class=\"read-more\" href=\"https:\/\/dedriepunten.nl\/\" aria-label=\"More on Landing\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/dedriepunten.nl\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dedriepunten.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dedriepunten.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dedriepunten.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dedriepunten.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":16,"href":"https:\/\/dedriepunten.nl\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/dedriepunten.nl\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/dedriepunten.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}