{"id":12,"date":"2026-05-25T21:54:48","date_gmt":"2026-05-25T21:54:48","guid":{"rendered":"http:\/\/dawnofdreamsafrica.org\/?page_id=12"},"modified":"2026-05-26T07:32:10","modified_gmt":"2026-05-26T07:32:10","slug":"home","status":"publish","type":"page","link":"https:\/\/dawnofdreamsafrica.org\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ed834d e-con-full e-flex e-con e-parent\" data-id=\"7ed834d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc5dde8 elementor-widget elementor-widget-html\" data-id=\"fc5dde8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     DADA \u2014 Dawn of Dreams Africa\n     SECTION 02: HERO SLIDER\n     84konnect.africa | Lincoln Kimani\n     Root: #k84-dada-hero\n     ============================================================ -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n#k84-dada-hero {\n  --dada-green: #134F39;\n  --dada-green-deep: #0a2d1e;\n  --dada-gold: #C5A24A;\n  --dada-sage: #898647;\n  --dada-cream: #FDF8EF;\n  --dada-white: #ffffff;\n  font-family: 'DM Sans', sans-serif;\n  position: relative;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n\/* ---- SLIDES ---- *\/\n#k84-dada-hero .hero-slide {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  transition: opacity 1.1s cubic-bezier(0.4,0,0.2,1);\n  pointer-events: none;\n}\n#k84-dada-hero .hero-slide.active {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n\/* Slide BG image *\/\n#k84-dada-hero .hero-slide .slide-bg {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center top;\n  transform: scale(1.05);\n  transition: transform 8s ease;\n}\n#k84-dada-hero .hero-slide.active .slide-bg {\n  transform: scale(1);\n}\n\n\/* Gradient overlay *\/\n#k84-dada-hero .hero-slide .slide-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    105deg,\n    rgba(10,45,30,0.88) 0%,\n    rgba(19,79,57,0.65) 50%,\n    rgba(10,45,30,0.40) 100%\n  );\n}\n\n\/* Green geometric accent *\/\n#k84-dada-hero .hero-slide .geo-accent {\n  position: absolute;\n  top: 0; right: 0;\n  width: 480px;\n  height: 480px;\n  border-radius: 0 0 0 100%;\n  background: rgba(197,162,74,0.08);\n  border: 1px solid rgba(197,162,74,0.15);\n}\n\n\/* ---- CONTENT ---- *\/\n#k84-dada-hero .hero-content {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  min-height: 100vh;\n  padding: 120px 80px 80px;\n  max-width: 1280px;\n  margin: 0 auto;\n  width: 100%;\n  gap: 64px;\n}\n\n\/* LEFT *\/\n#k84-dada-hero .hero-left {\n  flex: 1;\n  max-width: 640px;\n}\n\n#k84-dada-hero .hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 16px;\n  background: rgba(197,162,74,0.15);\n  border: 1px solid rgba(197,162,74,0.4);\n  border-radius: 40px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--dada-gold);\n  margin-bottom: 24px;\n  animation: dada-fadeUp 0.7s 0.1s both;\n}\n#k84-dada-hero .hero-badge .badge-dot {\n  width: 6px; height: 6px;\n  background: var(--dada-gold);\n  border-radius: 50%;\n  animation: dada-pulse 1.5s infinite;\n}\n@keyframes dada-pulse {\n  0%,100% { opacity: 1; transform: scale(1); }\n  50%      { opacity: 0.4; transform: scale(0.7); }\n}\n\n#k84-dada-hero .hero-headline {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(36px, 5vw, 64px);\n  font-weight: 900;\n  line-height: 1.1;\n  color: var(--dada-white);\n  margin: 0 0 20px;\n  animation: dada-fadeUp 0.7s 0.25s both;\n}\n#k84-dada-hero .hero-headline em {\n  font-style: italic;\n  color: var(--dada-gold);\n}\n\n#k84-dada-hero .hero-sub {\n  font-size: 17px;\n  font-weight: 300;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.8);\n  margin: 0 0 36px;\n  max-width: 520px;\n  animation: dada-fadeUp 0.7s 0.4s both;\n}\n\n#k84-dada-hero .hero-ctas {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n  animation: dada-fadeUp 0.7s 0.55s both;\n}\n#k84-dada-hero .btn-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 30px;\n  background: var(--dada-gold);\n  color: #fff;\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-decoration: none;\n  border-radius: 40px;\n  border: 2px solid var(--dada-gold);\n  transition: background 0.25s, transform 0.2s, box-shadow 0.3s;\n  box-shadow: 0 4px 20px rgba(197,162,74,0.4);\n}\n#k84-dada-hero .btn-primary:hover {\n  background: #b5912e;\n  border-color: #b5912e;\n  transform: translateY(-3px);\n  box-shadow: 0 10px 30px rgba(197,162,74,0.5);\n}\n#k84-dada-hero .btn-secondary {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 30px;\n  background: transparent;\n  color: #fff;\n  font-size: 15px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  text-decoration: none;\n  border-radius: 40px;\n  border: 2px solid rgba(255,255,255,0.4);\n  transition: border-color 0.25s, background 0.25s, transform 0.2s;\n}\n#k84-dada-hero .btn-secondary:hover {\n  border-color: var(--dada-gold);\n  color: var(--dada-gold);\n  background: rgba(197,162,74,0.08);\n  transform: translateY(-3px);\n}\n\n\/* STATS ROW *\/\n#k84-dada-hero .hero-stats {\n  display: flex;\n  gap: 32px;\n  margin-top: 48px;\n  animation: dada-fadeUp 0.7s 0.7s both;\n}\n#k84-dada-hero .stat-item { }\n#k84-dada-hero .stat-num {\n  font-family: 'Playfair Display', serif;\n  font-size: 32px;\n  font-weight: 900;\n  color: var(--dada-gold);\n  line-height: 1;\n}\n#k84-dada-hero .stat-label {\n  font-size: 11px;\n  font-weight: 500;\n  color: rgba(255,255,255,0.6);\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  margin-top: 4px;\n  max-width: 120px;\n  line-height: 1.3;\n}\n#k84-dada-hero .stat-divider {\n  width: 1px;\n  background: rgba(255,255,255,0.15);\n  align-self: stretch;\n}\n\n\/* RIGHT FLOATING CARD *\/\n#k84-dada-hero .hero-right {\n  flex: 0 0 360px;\n  animation: dada-fadeUp 0.9s 0.4s both;\n}\n#k84-dada-hero .hero-card {\n  background: rgba(255,255,255,0.07);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border: 1px solid rgba(197,162,74,0.25);\n  border-radius: 24px;\n  padding: 32px;\n  position: relative;\n  overflow: hidden;\n}\n#k84-dada-hero .hero-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, var(--dada-gold), var(--dada-sage));\n  border-radius: 3px 3px 0 0;\n}\n#k84-dada-hero .card-portrait {\n  width: 100%;\n  height: 220px;\n  object-fit: cover;\n  border-radius: 16px;\n  margin-bottom: 20px;\n  border: 2px solid rgba(197,162,74,0.2);\n}\n#k84-dada-hero .card-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--dada-white);\n  margin: 0 0 10px;\n}\n#k84-dada-hero .card-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.75);\n  line-height: 1.65;\n  margin: 0 0 18px;\n}\n#k84-dada-hero .card-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n#k84-dada-hero .card-tag {\n  padding: 4px 12px;\n  background: rgba(197,162,74,0.15);\n  border: 1px solid rgba(197,162,74,0.3);\n  border-radius: 20px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.05em;\n  color: var(--dada-gold);\n  text-transform: uppercase;\n}\n#k84-dada-hero .card-counties {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 1px solid rgba(255,255,255,0.08);\n  font-size: 12px;\n  color: rgba(255,255,255,0.5);\n  letter-spacing: 0.04em;\n}\n#k84-dada-hero .card-counties strong { color: rgba(255,255,255,0.8); }\n\n\/* SLIDER DOTS *\/\n#k84-dada-hero .hero-dots {\n  position: absolute;\n  bottom: 32px;\n  left: 80px;\n  z-index: 20;\n  display: flex;\n  gap: 10px;\n  align-items: center;\n}\n#k84-dada-hero .hero-dot {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.3);\n  border: none;\n  cursor: pointer;\n  transition: background 0.3s, transform 0.3s, width 0.3s;\n  padding: 0;\n}\n#k84-dada-hero .hero-dot.active {\n  background: var(--dada-gold);\n  width: 28px;\n  border-radius: 4px;\n}\n\n\/* SCROLL CUE *\/\n#k84-dada-hero .scroll-cue {\n  position: absolute;\n  bottom: 32px;\n  right: 80px;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.4);\n}\n#k84-dada-hero .scroll-line {\n  width: 1px;\n  height: 40px;\n  background: linear-gradient(to bottom, rgba(255,255,255,0.4), transparent);\n  animation: dada-scrollLine 1.8s ease-in-out infinite;\n}\n@keyframes dada-scrollLine {\n  0%   { transform: scaleY(0); transform-origin: top; }\n  50%  { transform: scaleY(1); transform-origin: top; }\n  51%  { transform: scaleY(1); transform-origin: bottom; }\n  100% { transform: scaleY(0); transform-origin: bottom; }\n}\n\n@keyframes dada-fadeUp {\n  from { opacity: 0; transform: translateY(28px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 1024px) {\n  #k84-dada-hero .hero-content { padding: 100px 40px 80px; gap: 40px; }\n  #k84-dada-hero .hero-right { flex: 0 0 300px; }\n}\n@media (max-width: 768px) {\n  #k84-dada-hero .hero-content { flex-direction: column; padding: 100px 24px 100px; }\n  #k84-dada-hero .hero-right { flex: none; width: 100%; }\n  #k84-dada-hero .hero-stats { gap: 20px; }\n  #k84-dada-hero .hero-dots { left: 24px; }\n  #k84-dada-hero .scroll-cue { right: 24px; }\n}\n<\/style>\n\n<section id=\"k84-dada-hero\">\n  <!-- Slide 1 -->\n  <div class=\"hero-slide active\" id=\"k84DadaSlide1\">\n    <div class=\"slide-bg\" style=\"background-image: url('http:\/\/dawnofdreamsafrica.org\/wp-content\/uploads\/2026\/05\/nairobi-girl-teen.png');\"><\/div>\n    <div class=\"slide-overlay\"><\/div>\n    <div class=\"geo-accent\"><\/div>\n  <\/div>\n  <!-- Slide 2 \u2014 fallback color bg -->\n  <div class=\"hero-slide\" id=\"k84DadaSlide2\">\n    <div class=\"slide-bg\" style=\"background: linear-gradient(135deg, #0a2d1e 0%, #134F39 60%, #1e6b4a 100%);\"><\/div>\n    <div class=\"slide-overlay\" style=\"background: linear-gradient(105deg, rgba(5,20,12,0.5) 0%, rgba(19,79,57,0.3) 100%);\"><\/div>\n    <div class=\"geo-accent\"><\/div>\n  <\/div>\n  <!-- Slide 3 -->\n  <div class=\"hero-slide\" id=\"k84DadaSlide3\">\n    <div class=\"slide-bg\" style=\"background: linear-gradient(135deg, #134F39 0%, #898647 100%);\"><\/div>\n    <div class=\"slide-overlay\"><\/div>\n    <div class=\"geo-accent\"><\/div>\n  <\/div>\n\n  <!-- MAIN CONTENT -->\n  <div class=\"hero-content\">\n    <div class=\"hero-left\">\n      <div class=\"hero-badge\">\n        <span class=\"badge-dot\"><\/span>\n        Bomet County, Kenya &nbsp;\u00b7&nbsp; Est. 2025\n      <\/div>\n      <h1 class=\"hero-headline\">\n        <em>Empowering<\/em> Dreams,<br>Transforming Futures\n      <\/h1>\n      <p class=\"hero-sub\">\n        DADA supports teenage mothers facing pregnancy, early marriage, and school dropout in rural Kenya through counseling, education, daycare, and vocational training.\n      <\/p>\n      <div class=\"hero-ctas\">\n        <a href=\"https:\/\/www.dawnofdreamsafrica.org\/donate\" class=\"btn-primary\">\u2665 Support a Girl's Future<\/a>\n        <a href=\"https:\/\/www.dawnofdreamsafrica.org\/about\" class=\"btn-secondary\">Our Mission \u2192<\/a>\n      <\/div>\n      <div class=\"hero-stats\">\n        <div class=\"stat-item\">\n          <div class=\"stat-num\">300K+<\/div>\n          <div class=\"stat-label\">Teenage pregnancies in Kenya annually<\/div>\n        <\/div>\n        <div class=\"stat-divider\"><\/div>\n        <div class=\"stat-item\">\n          <div class=\"stat-num\">500+<\/div>\n          <div class=\"stat-label\">Young women to be directly served<\/div>\n        <\/div>\n        <div class=\"stat-divider\"><\/div>\n        <div class=\"stat-item\">\n          <div class=\"stat-num\">4<\/div>\n          <div class=\"stat-label\">Counties reached across the Rift<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-right\">\n      <div class=\"hero-card\">\n        <img decoding=\"async\" src=\"http:\/\/dawnofdreamsafrica.org\/wp-content\/uploads\/2026\/05\/nairobi-girl-teen.png\" alt=\"DADA \u2014 A new dawn for every girl\" class=\"card-portrait\">\n        <div class=\"card-title\">A New Dawn for Every Girl<\/div>\n        <p class=\"card-text\">We believe every young mother deserves the chance to rebuild her future \u2014 with dignity, support, and real opportunity.<\/p>\n        <div class=\"card-tags\">\n          <span class=\"card-tag\">Counseling<\/span>\n          <span class=\"card-tag\">Education<\/span>\n          <span class=\"card-tag\">Daycare<\/span>\n          <span class=\"card-tag\">Vocational<\/span>\n          <span class=\"card-tag\">Mentorship<\/span>\n        <\/div>\n        <div class=\"card-counties\">\n          <strong>4 Counties:<\/strong> Bomet \u00b7 Narok \u00b7 Kericho \u00b7 Nakuru\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- DOTS -->\n  <div class=\"hero-dots\">\n    <button class=\"hero-dot active\" onclick=\"window.k84DadaGoSlide(0)\"><\/button>\n    <button class=\"hero-dot\" onclick=\"window.k84DadaGoSlide(1)\"><\/button>\n    <button class=\"hero-dot\" onclick=\"window.k84DadaGoSlide(2)\"><\/button>\n  <\/div>\n\n  <!-- SCROLL CUE -->\n  <div class=\"scroll-cue\">\n    <div class=\"scroll-line\"><\/div>\n    <span>Scroll<\/span>\n  <\/div>\n<\/section>\n\n<script>\n(function dadaHeroSlider() {\n  var slides = document.querySelectorAll('#k84-dada-hero .hero-slide');\n  var dots   = document.querySelectorAll('#k84-dada-hero .hero-dot');\n  var current = 0;\n  var timer;\n\n  window.k84DadaGoSlide = function(idx) {\n    slides[current].classList.remove('active');\n    dots[current].classList.remove('active');\n    current = idx;\n    slides[current].classList.add('active');\n    dots[current].classList.add('active');\n    clearInterval(timer);\n    timer = setInterval(function() {\n      window.k84DadaGoSlide((current + 1) % slides.length);\n    }, 6000);\n  };\n\n  timer = setInterval(function() {\n    window.k84DadaGoSlide((current + 1) % slides.length);\n  }, 6000);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3bb22b e-flex e-con-boxed e-con e-parent\" data-id=\"a3bb22b\" 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-ff33f0e elementor-widget elementor-widget-html\" data-id=\"ff33f0e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     DADA \u2014 SECTION 06: SERVICES\n     84konnect.africa | #k84-dada-services\n     ============================================================ -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n#k84-dada-services {\n  --dada-green: #134F39;\n  --dada-gold: #C5A24A;\n  --dada-sage: #898647;\n  --dada-cream: #FDF8EF;\n  font-family: 'DM Sans', sans-serif;\n  background: #f9f5ee;\n  padding: 100px 80px;\n}\n#k84-dada-services .srv-header {\n  max-width: 700px;\n  margin: 0 auto 64px;\n  text-align: center;\n}\n#k84-dada-services .section-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--dada-gold);\n  margin-bottom: 16px;\n}\n#k84-dada-services .section-label::before,\n#k84-dada-services .section-label::after {\n  content: ''; display: block; flex: 1; height: 2px; background: var(--dada-gold); max-width: 40px;\n}\n#k84-dada-services h2 {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(30px, 4vw, 48px);\n  font-weight: 900;\n  color: var(--dada-green);\n  margin: 0 0 16px;\n  line-height: 1.1;\n}\n#k84-dada-services .srv-sub {\n  font-size: 16px;\n  font-weight: 300;\n  color: #666;\n  line-height: 1.7;\n}\n#k84-dada-services .srv-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  max-width: 1200px;\n  margin: 0 auto 48px;\n}\n#k84-dada-services .srv-card {\n  background: #fff;\n  border-radius: 20px;\n  padding: 36px 28px;\n  border: 1px solid rgba(19,79,57,0.1);\n  box-shadow: 0 2px 16px rgba(19,79,57,0.06);\n  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;\n  position: relative;\n  overflow: hidden;\n}\n#k84-dada-services .srv-card::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, var(--dada-green), var(--dada-gold));\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.35s ease;\n}\n#k84-dada-services .srv-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 16px 40px rgba(19,79,57,0.14);\n  border-color: rgba(197,162,74,0.3);\n}\n#k84-dada-services .srv-card:hover::after {\n  transform: scaleX(1);\n}\n#k84-dada-services .srv-icon-wrap {\n  width: 60px; height: 60px;\n  background: rgba(19,79,57,0.08);\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 28px;\n  margin-bottom: 20px;\n  transition: background 0.3s;\n}\n#k84-dada-services .srv-card:hover .srv-icon-wrap {\n  background: var(--dada-green);\n}\n#k84-dada-services .srv-title {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--dada-green);\n  margin: 0 0 10px;\n}\n#k84-dada-services .srv-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: #666;\n  line-height: 1.65;\n  margin: 0;\n}\n#k84-dada-services .srv-cta {\n  text-align: center;\n}\n#k84-dada-services .btn-outline {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 36px;\n  border: 2px solid var(--dada-green);\n  border-radius: 40px;\n  color: var(--dada-green);\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-decoration: none;\n  transition: background 0.25s, color 0.25s, transform 0.2s;\n}\n#k84-dada-services .btn-outline:hover {\n  background: var(--dada-green);\n  color: #fff;\n  transform: translateY(-3px);\n}\n\n@media (max-width: 900px) {\n  #k84-dada-services { padding: 60px 24px; }\n  #k84-dada-services .srv-grid { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 560px) {\n  #k84-dada-services .srv-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<section id=\"k84-dada-services\">\n  <div class=\"srv-header\">\n    <div class=\"section-label\">What We Do<\/div>\n    <h2>Holistic Support Services<\/h2>\n    <p class=\"srv-sub\">DADA's integrated model addresses every barrier young mothers face \u2014 combining mental health, childcare, education, and economic empowerment under one roof.<\/p>\n  <\/div>\n\n  <div class=\"srv-grid\">\n    <div class=\"srv-card\">\n      <div class=\"srv-icon-wrap\">\ud83c\udfe0<\/div>\n      <div class=\"srv-title\">Safe Accommodation<\/div>\n      <p class=\"srv-text\">Secure hostel facilities for teenage mothers with access to food, clean water, and healthcare in a nurturing environment.<\/p>\n    <\/div>\n    <div class=\"srv-card\">\n      <div class=\"srv-icon-wrap\">\ud83d\udcda<\/div>\n      <div class=\"srv-title\">Education & Training<\/div>\n      <p class=\"srv-text\">School reintegration support and vocational courses including tailoring, hairdressing, baking, and digital literacy.<\/p>\n    <\/div>\n    <div class=\"srv-card\">\n      <div class=\"srv-icon-wrap\">\ud83d\udc76<\/div>\n      <div class=\"srv-title\">Childcare Services<\/div>\n      <p class=\"srv-text\">On-site daycare enabling mothers to focus on education. Early childhood programs give children a strong foundation.<\/p>\n    <\/div>\n    <div class=\"srv-card\">\n      <div class=\"srv-icon-wrap\">\ud83e\udd1d<\/div>\n      <div class=\"srv-title\">Mentorship Program<\/div>\n      <p class=\"srv-text\">Each mother is paired with a dedicated mentor for guidance, goal-setting, and psychological counseling support.<\/p>\n    <\/div>\n    <div class=\"srv-card\">\n      <div class=\"srv-icon-wrap\">\ud83d\udca1<\/div>\n      <div class=\"srv-title\">Life Skills Workshops<\/div>\n      <p class=\"srv-text\">Time management, financial literacy, parenting skills, and peer support groups to build long-term resilience.<\/p>\n    <\/div>\n    <div class=\"srv-card\">\n      <div class=\"srv-icon-wrap\">\ud83d\udce2<\/div>\n      <div class=\"srv-title\">Community Advocacy<\/div>\n      <p class=\"srv-text\">Awareness campaigns challenging stigma and norms around teenage pregnancy and early marriage across Kenya.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"srv-cta\">\n    <a href=\"https:\/\/www.dawnofdreamsafrica.org\/services\" class=\"btn-outline\">Explore All Services \u2192<\/a>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8efc2f5 e-flex e-con-boxed e-con e-parent\" data-id=\"8efc2f5\" 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-c36d19c elementor-widget elementor-widget-html\" data-id=\"c36d19c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     DADA \u2014 SECTION 04: MISSION + SECTION 05: CRISIS BANNER\n     84konnect.africa | #k84-dada-mission \/ #k84-dada-crisis\n     ============================================================ -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ===== MISSION ===== *\/\n#k84-dada-mission {\n  --dada-green: #134F39;\n  --dada-gold: #C5A24A;\n  --dada-sage: #898647;\n  --dada-cream: #FDF8EF;\n  font-family: 'DM Sans', sans-serif;\n  background: var(--dada-cream);\n  padding: 100px 80px;\n}\n#k84-dada-mission .mission-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: start;\n}\n#k84-dada-mission .section-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--dada-gold);\n  margin-bottom: 16px;\n}\n#k84-dada-mission .section-label::before {\n  content: '';\n  width: 32px; height: 2px;\n  background: var(--dada-gold);\n  display: block;\n}\n#k84-dada-mission .mission-heading {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(32px, 4vw, 52px);\n  font-weight: 900;\n  color: var(--dada-green);\n  line-height: 1.1;\n  margin: 0 0 24px;\n}\n#k84-dada-mission .mission-body {\n  font-size: 16px;\n  font-weight: 300;\n  line-height: 1.8;\n  color: #444;\n  margin: 0 0 32px;\n}\n#k84-dada-mission .mission-quote {\n  background: var(--dada-green);\n  color: #fff;\n  border-radius: 16px;\n  padding: 28px 32px;\n  font-family: 'Playfair Display', serif;\n  font-style: italic;\n  font-size: 17px;\n  line-height: 1.65;\n  position: relative;\n  overflow: hidden;\n}\n#k84-dada-mission .mission-quote::before {\n  content: '\"';\n  position: absolute;\n  top: -20px; left: 20px;\n  font-size: 120px;\n  color: rgba(197,162,74,0.2);\n  font-family: 'Playfair Display', serif;\n  line-height: 1;\n  pointer-events: none;\n}\n#k84-dada-mission .mission-quote strong {\n  display: block;\n  margin-top: 16px;\n  font-family: 'DM Sans', sans-serif;\n  font-style: normal;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  color: var(--dada-gold);\n  text-transform: uppercase;\n}\n\n\/* PILLARS *\/\n#k84-dada-mission .mission-areas {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 24px;\n}\n#k84-dada-mission .area-chip {\n  padding: 6px 16px;\n  background: rgba(19,79,57,0.08);\n  border: 1px solid rgba(19,79,57,0.2);\n  border-radius: 40px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dada-green);\n}\n\n#k84-dada-mission .pillars {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n#k84-dada-mission .pillar {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n  padding: 20px;\n  background: #fff;\n  border-radius: 16px;\n  border: 1px solid rgba(19,79,57,0.1);\n  box-shadow: 0 2px 12px rgba(19,79,57,0.06);\n  transition: transform 0.25s, box-shadow 0.25s;\n}\n#k84-dada-mission .pillar:hover {\n  transform: translateX(6px);\n  box-shadow: 0 6px 24px rgba(19,79,57,0.12);\n}\n#k84-dada-mission .pillar-icon {\n  flex: 0 0 48px;\n  height: 48px;\n  background: var(--dada-green);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n}\n#k84-dada-mission .pillar-content {}\n#k84-dada-mission .pillar-title {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--dada-green);\n  margin: 0 0 4px;\n}\n#k84-dada-mission .pillar-text {\n  font-size: 13px;\n  font-weight: 300;\n  color: #666;\n  line-height: 1.55;\n  margin: 0;\n}\n\n@media (max-width: 900px) {\n  #k84-dada-mission { padding: 60px 24px; }\n  #k84-dada-mission .mission-inner { grid-template-columns: 1fr; gap: 48px; }\n}\n\n\/* ===== CRISIS BANNER ===== *\/\n#k84-dada-crisis {\n  --dada-green: #134F39;\n  --dada-green-deep: #0a2d1e;\n  --dada-gold: #C5A24A;\n  font-family: 'DM Sans', sans-serif;\n  background: var(--dada-green-deep);\n  padding: 80px;\n  position: relative;\n  overflow: hidden;\n}\n#k84-dada-crisis::before {\n  content: '';\n  position: absolute;\n  top: -100px; right: -100px;\n  width: 500px; height: 500px;\n  border-radius: 50%;\n  border: 1px solid rgba(197,162,74,0.1);\n  pointer-events: none;\n}\n#k84-dada-crisis .crisis-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: center;\n}\n#k84-dada-crisis .crisis-label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--dada-gold);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 16px;\n}\n#k84-dada-crisis .crisis-label::before {\n  content: ''; width: 32px; height: 2px; background: var(--dada-gold);\n}\n#k84-dada-crisis .crisis-heading {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 900;\n  color: #fff;\n  line-height: 1.1;\n  margin: 0 0 20px;\n}\n#k84-dada-crisis .crisis-body {\n  font-size: 16px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.7);\n  line-height: 1.75;\n}\n#k84-dada-crisis .crisis-stats {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n#k84-dada-crisis .cs-card {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(197,162,74,0.2);\n  border-radius: 16px;\n  padding: 24px 20px;\n  text-align: center;\n  transition: background 0.25s, transform 0.25s;\n}\n#k84-dada-crisis .cs-card:hover {\n  background: rgba(197,162,74,0.08);\n  transform: translateY(-4px);\n}\n#k84-dada-crisis .cs-num {\n  font-family: 'Playfair Display', serif;\n  font-size: 32px;\n  font-weight: 900;\n  color: var(--dada-gold);\n  line-height: 1;\n  margin-bottom: 6px;\n}\n#k84-dada-crisis .cs-label {\n  font-size: 12px;\n  color: rgba(255,255,255,0.55);\n  line-height: 1.4;\n}\n\n@media (max-width: 900px) {\n  #k84-dada-crisis { padding: 60px 24px; }\n  #k84-dada-crisis .crisis-inner { grid-template-columns: 1fr; gap: 40px; }\n}\n<\/style>\n\n<!-- MISSION -->\n<section id=\"k84-dada-mission\">\n  <div class=\"mission-inner\">\n    <div class=\"mission-left\">\n      <div class=\"section-label\">Our Purpose<\/div>\n      <h2 class=\"mission-heading\">Why DADA Exists<\/h2>\n      <p class=\"mission-body\">Dawn of Dreams Africa emerged from the stark reality of teenage pregnancy in rural Kenya. Government programs alone have been insufficient \u2014 young mothers return to school without childcare, fall behind, and drop out. DADA closes this gap with holistic, sustained support.<\/p>\n      <div class=\"mission-quote\">\n        To empower young mothers through counseling, education, and vocational training, enabling them to reintegrate into society and achieve long-term self-reliance.\n        <strong>\u2014 DADA Mission Statement<\/strong>\n      <\/div>\n      <div class=\"mission-areas\" style=\"margin-top:24px;\">\n        <span class=\"area-chip\">Bomet<\/span>\n        <span class=\"area-chip\">Narok<\/span>\n        <span class=\"area-chip\">Kericho<\/span>\n        <span class=\"area-chip\">Nakuru<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"mission-right\">\n      <div class=\"pillars\">\n        <div class=\"pillar\">\n          <div class=\"pillar-icon\">\ud83d\udcac<\/div>\n          <div class=\"pillar-content\">\n            <div class=\"pillar-title\">Comprehensive Counseling<\/div>\n            <p class=\"pillar-text\">Psychological support addressing stress, trauma, and rejection faced by young mothers.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"pillar\">\n          <div class=\"pillar-icon\">\ud83c\udfeb<\/div>\n          <div class=\"pillar-content\">\n            <div class=\"pillar-title\">Education Reintegration<\/div>\n            <p class=\"pillar-text\">Partnerships with schools and government agencies to bring girls back to formal education.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"pillar\">\n          <div class=\"pillar-icon\">\u26a1<\/div>\n          <div class=\"pillar-content\">\n            <div class=\"pillar-title\">Economic Empowerment<\/div>\n            <p class=\"pillar-text\">Vocational training and financial literacy for long-term self-reliance.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"pillar\">\n          <div class=\"pillar-icon\">\ud83d\udce3<\/div>\n          <div class=\"pillar-content\">\n            <div class=\"pillar-title\">Advocacy & Awareness<\/div>\n            <p class=\"pillar-text\">Challenging cultural norms and reducing stigma to create systemic change.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CRISIS BANNER -->\n<section id=\"k84-dada-crisis\">\n  <div class=\"crisis-inner\">\n    <div>\n      <div class=\"crisis-label\">The Reality<\/div>\n      <h2 class=\"crisis-heading\">The Crisis Demands Action Now<\/h2>\n      <p class=\"crisis-body\">Kenya records over 300,000 teenage pregnancies annually. Many of these girls drop out of school, face mental health challenges, and have no structured support to rebuild their lives. Rural areas like the highlands of Bomet, Kericho, and Narok are especially underserved \u2014 often overlooked because of perceived economic stability from tea farming.<\/p>\n    <\/div>\n    <div class=\"crisis-stats\">\n      <div class=\"cs-card\">\n        <div class=\"cs-num\">300K+<\/div>\n        <div class=\"cs-label\">Teenage pregnancies in Kenya per year (UNFPA)<\/div>\n      <\/div>\n      <div class=\"cs-card\">\n        <div class=\"cs-num\">31%<\/div>\n        <div class=\"cs-label\">Of 19-year-olds have been pregnant (KDHS 2022)<\/div>\n      <\/div>\n      <div class=\"cs-card\">\n        <div class=\"cs-num\">16%<\/div>\n        <div class=\"cs-label\">Rural teenage pregnancy rate vs 12.1% urban<\/div>\n      <\/div>\n      <div class=\"cs-card\">\n        <div class=\"cs-num\">3%\u219231%<\/div>\n        <div class=\"cs-label\">Rate rises from age 12 to age 19<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01a9a24 e-flex e-con-boxed e-con e-parent\" data-id=\"01a9a24\" 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-6e20286 elementor-widget elementor-widget-html\" data-id=\"6e20286\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     DADA \u2014 ABOUT CTA SECTION (mid-page pull)\n     84konnect.africa | #k84-dada-about-cta\n     ============================================================ -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n#k84-dada-about-cta {\n  --dada-green: #134F39;\n  --dada-gold: #C5A24A;\n  --dada-cream: #FDF8EF;\n  font-family: 'DM Sans', sans-serif;\n  background: var(--dada-cream);\n  padding: 80px;\n}\n#k84-dada-about-cta .cta-inner {\n  max-width: 1000px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 64px;\n  background: #fff;\n  border-radius: 28px;\n  padding: 56px 64px;\n  box-shadow: 0 8px 40px rgba(19,79,57,0.1);\n  border: 1px solid rgba(19,79,57,0.08);\n  position: relative;\n  overflow: hidden;\n}\n#k84-dada-about-cta .cta-inner::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0;\n  width: 6px;\n  height: 100%;\n  background: linear-gradient(to bottom, var(--dada-green), var(--dada-gold));\n  border-radius: 6px 0 0 6px;\n}\n#k84-dada-about-cta .cta-portrait {\n  flex: 0 0 160px;\n  height: 160px;\n  border-radius: 50%;\n  object-fit: cover;\n  border: 4px solid rgba(197,162,74,0.3);\n  box-shadow: 0 4px 20px rgba(19,79,57,0.15);\n}\n#k84-dada-about-cta .cta-content { flex: 1; }\n#k84-dada-about-cta .cta-tag {\n  display: inline-block;\n  padding: 4px 14px;\n  background: rgba(197,162,74,0.12);\n  border-radius: 20px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--dada-gold);\n  margin-bottom: 14px;\n}\n#k84-dada-about-cta h3 {\n  font-family: 'Playfair Display', serif;\n  font-size: 28px;\n  font-weight: 900;\n  color: var(--dada-green);\n  margin: 0 0 12px;\n}\n#k84-dada-about-cta p {\n  font-size: 15px;\n  font-weight: 300;\n  color: #666;\n  line-height: 1.7;\n  margin: 0 0 24px;\n}\n#k84-dada-about-cta .cta-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--dada-green);\n  margin: 0 0 20px;\n}\n#k84-dada-about-cta .cta-name span { color: var(--dada-gold); }\n#k84-dada-about-cta .btn-green {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 13px 30px;\n  background: var(--dada-green);\n  color: #fff;\n  border-radius: 40px;\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-decoration: none;\n  transition: background 0.25s, transform 0.2s, box-shadow 0.3s;\n}\n#k84-dada-about-cta .btn-green:hover {\n  background: #0a2d1e;\n  transform: translateY(-3px);\n  box-shadow: 0 8px 24px rgba(19,79,57,0.3);\n}\n\n@media (max-width: 760px) {\n  #k84-dada-about-cta { padding: 40px 24px; }\n  #k84-dada-about-cta .cta-inner { flex-direction: column; padding: 40px 32px; gap: 24px; text-align: center; }\n  #k84-dada-about-cta .cta-inner::before { top: 0; left: 0; right: 0; width: 100%; height: 6px; border-radius: 6px 6px 0 0; }\n}\n<\/style>\n\n<section id=\"k84-dada-about-cta\">\n  <div class=\"cta-inner\">\n    <img decoding=\"async\" src=\"http:\/\/dawnofdreamsafrica.org\/wp-content\/uploads\/2026\/05\/nairobi-girl-teen.png\" alt=\"Vicky Chepkirui \u2014 DADA Founder\" class=\"cta-portrait\">\n    <div class=\"cta-content\">\n      <div class=\"cta-tag\">Our Founder<\/div>\n      <h3>Built by Someone Who Lived It<\/h3>\n      <p>Vicky Chepkirui grew up in Bomet County and witnessed first-hand the devastation of teenage pregnancy and early marriage. With a background in accounting, volunteer experience across Denver and Nairobi, and deep community roots \u2014 she founded DADA to build the change she once needed.<\/p>\n      <div class=\"cta-name\">Vicky Chepkirui <span>\u00b7 Executive Director, DADA<\/span><\/div>\n      <a href=\"https:\/\/www.dawnofdreamsafrica.org\/about\" class=\"btn-green\">Meet the Team \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-640c5b5 e-flex e-con-boxed e-con e-parent\" data-id=\"640c5b5\" 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-b5f344d elementor-widget elementor-widget-html\" data-id=\"b5f344d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     DADA \u2014 SECTION 09: DONATE (PayPal NGO standard)\n     84konnect.africa | #k84-dada-donate\n     NOTE: PayPal is the globally dominant donation platform for NGOs.\n           Stripe also popular. For Kenya: M-Pesa (Pesapal\/Flutterwave)\n     ============================================================ -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n#k84-dada-donate {\n  --dada-green: #134F39;\n  --dada-green-deep: #0a2d1e;\n  --dada-gold: #C5A24A;\n  --dada-sage: #898647;\n  --dada-cream: #FDF8EF;\n  font-family: 'DM Sans', sans-serif;\n  background: var(--dada-green);\n  padding: 100px 80px;\n  position: relative;\n  overflow: hidden;\n}\n#k84-dada-donate::before {\n  content: '';\n  position: absolute;\n  bottom: -200px; right: -200px;\n  width: 600px; height: 600px;\n  border-radius: 50%;\n  border: 1px solid rgba(197,162,74,0.12);\n  pointer-events: none;\n}\n#k84-dada-donate::after {\n  content: '';\n  position: absolute;\n  top: -100px; left: -100px;\n  width: 400px; height: 400px;\n  border-radius: 50%;\n  background: rgba(197,162,74,0.04);\n  pointer-events: none;\n}\n#k84-dada-donate .donate-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n#k84-dada-donate .section-label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--dada-gold);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 16px;\n}\n#k84-dada-donate .section-label::before { content: ''; width: 32px; height: 2px; background: var(--dada-gold); }\n#k84-dada-donate h2 {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(30px, 4vw, 48px);\n  font-weight: 900;\n  color: #fff;\n  margin: 0 0 20px;\n  line-height: 1.1;\n}\n#k84-dada-donate .donate-body {\n  font-size: 16px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.7);\n  line-height: 1.75;\n  margin: 0 0 36px;\n}\n\n\/* IMPACT TIERS *\/\n#k84-dada-donate .impact-tiers {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n#k84-dada-donate .tier {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 16px 20px;\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(197,162,74,0.2);\n  border-radius: 12px;\n  transition: background 0.25s;\n}\n#k84-dada-donate .tier:hover { background: rgba(197,162,74,0.1); }\n#k84-dada-donate .tier-amount {\n  font-family: 'Playfair Display', serif;\n  font-size: 22px;\n  font-weight: 900;\n  color: var(--dada-gold);\n  min-width: 90px;\n}\n#k84-dada-donate .tier-info {}\n#k84-dada-donate .tier-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: #fff;\n  margin-bottom: 2px;\n}\n#k84-dada-donate .tier-label {\n  font-size: 12px;\n  color: rgba(255,255,255,0.5);\n}\n\n\/* DONATE CARD *\/\n#k84-dada-donate .donate-card {\n  background: #fff;\n  border-radius: 24px;\n  padding: 40px;\n  box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n}\n#k84-dada-donate .donate-card h3 {\n  font-family: 'Playfair Display', serif;\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--dada-green);\n  margin: 0 0 24px;\n}\n#k84-dada-donate .amount-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  margin-bottom: 24px;\n}\n#k84-dada-donate .amount-btn {\n  padding: 12px 8px;\n  background: rgba(19,79,57,0.06);\n  border: 2px solid rgba(19,79,57,0.15);\n  border-radius: 10px;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--dada-green);\n  cursor: pointer;\n  transition: all 0.2s;\n  font-family: 'DM Sans', sans-serif;\n}\n#k84-dada-donate .amount-btn:hover,\n#k84-dada-donate .amount-btn.selected {\n  background: var(--dada-green);\n  border-color: var(--dada-green);\n  color: #fff;\n}\n#k84-dada-donate .amount-btn.custom-btn {\n  background: rgba(197,162,74,0.1);\n  border-color: rgba(197,162,74,0.3);\n  color: var(--dada-sage);\n}\n#k84-dada-donate .amount-btn.custom-btn:hover,\n#k84-dada-donate .amount-btn.custom-btn.selected {\n  background: var(--dada-gold);\n  border-color: var(--dada-gold);\n  color: #fff;\n}\n#k84-dada-donate .form-field {\n  margin-bottom: 16px;\n}\n#k84-dada-donate .form-field label {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--dada-green);\n  margin-bottom: 6px;\n}\n#k84-dada-donate .form-field input,\n#k84-dada-donate .form-field textarea {\n  width: 100%;\n  padding: 12px 16px;\n  border: 1.5px solid rgba(19,79,57,0.2);\n  border-radius: 10px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 14px;\n  color: #333;\n  background: #fafafa;\n  outline: none;\n  transition: border-color 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n#k84-dada-donate .form-field input:focus,\n#k84-dada-donate .form-field textarea:focus {\n  border-color: var(--dada-green);\n  box-shadow: 0 0 0 3px rgba(19,79,57,0.1);\n}\n#k84-dada-donate .form-field textarea { height: 80px; resize: none; }\n#k84-dada-donate .donate-btn {\n  width: 100%;\n  padding: 16px;\n  background: var(--dada-gold);\n  color: #fff;\n  border: none;\n  border-radius: 40px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 16px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  cursor: pointer;\n  transition: background 0.25s, transform 0.2s, box-shadow 0.3s;\n  box-shadow: 0 4px 20px rgba(197,162,74,0.4);\n  margin-top: 8px;\n}\n#k84-dada-donate .donate-btn:hover {\n  background: #b5912e;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 28px rgba(197,162,74,0.5);\n}\n#k84-dada-donate .donate-note {\n  text-align: center;\n  margin-top: 14px;\n  font-size: 12px;\n  color: #999;\n  line-height: 1.5;\n}\n#k84-dada-donate .paypal-note {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  margin-top: 12px;\n  font-size: 12px;\n  color: #bbb;\n}\n#k84-dada-donate .paypal-note img {\n  height: 18px;\n  opacity: 0.5;\n}\n#k84-dada-donate .custom-amount-wrap {\n  display: block;\n  margin-bottom: 16px;\n}\n#k84-dada-donate .tier {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 16px 20px;\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(197,162,74,0.2);\n  border-radius: 12px;\n  transition: background 0.25s;\n}\n@media (max-width: 960px) {\n  #k84-dada-donate { padding: 60px 24px; }\n  #k84-dada-donate .donate-inner { grid-template-columns: 1fr; gap: 48px; }\n}\n<\/style>\n\n<section id=\"k84-dada-donate\">\n  <div class=\"donate-inner\">\n    <!-- LEFT: Tier cards, text only -->\n    <div class=\"donate-left\">\n      <div class=\"section-label\">Make a Difference<\/div>\n      <h2>Your Support Changes Lives<\/h2>\n      <p class=\"donate-body\">By supporting DADA, you are giving hope to young mothers and breaking the cycle of poverty for generations across Africa.<\/p>\n      <div class=\"impact-tiers\">\n        <div class=\"tier\">\n          <div class=\"tier-info\">\n            <div class=\"tier-title\">Launch a Training &amp; Childcare Center<\/div>\n            <div class=\"tier-label\">Empowering 50+ young mothers and their children<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tier\">\n          <div class=\"tier-info\">\n            <div class=\"tier-title\">Sponsor Vocational Training Cohort<\/div>\n            <div class=\"tier-label\">25 mothers gain skills in tailoring, baking, or digital literacy<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tier\">\n          <div class=\"tier-info\">\n            <div class=\"tier-title\">Fund a Month of Daycare<\/div>\n            <div class=\"tier-label\">Enabling mothers to focus on school without childcare worries<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tier\">\n          <div class=\"tier-info\">\n            <div class=\"tier-title\">Educational Supplies Bundle<\/div>\n            <div class=\"tier-label\">Books, notebooks, and counseling materials for 10 girls<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: Donate form -->\n    <div class=\"donate-right\">\n      <div class=\"donate-card\">\n        <h3>\u2665 Donate to DADA<\/h3>\n        <div class=\"custom-amount-wrap show\" id=\"k84DadaCustomWrap\">\n          <div class=\"form-field\">\n            <label>Enter Amount (USD)<\/label>\n            <input type=\"number\" id=\"k84DadaCustomAmt\" placeholder=\"e.g. 75\" min=\"1\">\n          <\/div>\n        <\/div>\n        <div class=\"form-field\">\n          <label>Full Name *<\/label>\n          <input type=\"text\" id=\"k84DadaName\" placeholder=\"Your full name\" required>\n        <\/div>\n        <div class=\"form-field\">\n          <label>Email Address *<\/label>\n          <input type=\"email\" id=\"k84DadaEmail\" placeholder=\"your@email.com\" required>\n        <\/div>\n        <div class=\"form-field\">\n          <label>Message (Optional)<\/label>\n          <textarea id=\"k84DadaMsg\" placeholder=\"A message of encouragement...\"><\/textarea>\n        <\/div>\n        <button class=\"donate-btn\" onclick=\"window.k84DadaSubmit()\">\u2665 Donate to DADA<\/button>\n        <p class=\"donate-note\">You will be redirected to secure payment via PayPal or card.<\/p>\n        <div class=\"paypal-note\">\ud83d\udd12 Secured &nbsp;|&nbsp; Processed via PayPal \/ Stripe<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nwindow.k84DadaSelectedAmt = '$100';\n\nwindow.k84DadaSelectAmt = function(btn, amt) {\n  var btns = document.querySelectorAll('#k84-dada-donate .amount-btn');\n  btns.forEach(function(b) { b.classList.remove('selected'); });\n  btn.classList.add('selected');\n  window.k84DadaSelectedAmt = amt;\n  var wrap = document.getElementById('k84DadaCustomWrap');\n  if (amt === 'custom') {\n    wrap.classList.add('show');\n  } else {\n    wrap.classList.remove('show');\n  }\n};\n\nwindow.k84DadaSubmit = function() {\n  var name = document.getElementById('k84DadaName').value.trim();\n  var email = document.getElementById('k84DadaEmail').value.trim();\n  if (!name || !email) {\n    alert('Please fill in your name and email to proceed.');\n    return;\n  }\n  var amt = window.k84DadaSelectedAmt;\n  if (amt === 'custom') {\n    amt = '$' + (document.getElementById('k84DadaCustomAmt').value || '0');\n  }\n  \/\/ Redirect to donate page \u2014 PayPal\/payment handled server-side\n  window.location.href = 'https:\/\/www.dawnofdreamsafrica.org\/donate?amount=' + encodeURIComponent(amt) + '&name=' + encodeURIComponent(name) + '&email=' + encodeURIComponent(email);\n};\n<\/script>\n\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>Bomet County, Kenya &nbsp;\u00b7&nbsp; Est. 2025 Empowering Dreams,Transforming Futures DADA supports teenage mothers facing pregnancy, early marriage, and school dropout in rural Kenya through counseling, education, daycare, and vocational training. \u2665 Support a Girl&#8217;s Future Our Mission \u2192 300K+ Teenage pregnancies in Kenya annually 500+ Young women to be directly served 4 Counties reached across [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dawnofdreamsafrica.org\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dawnofdreamsafrica.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dawnofdreamsafrica.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dawnofdreamsafrica.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dawnofdreamsafrica.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":14,"href":"https:\/\/dawnofdreamsafrica.org\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/dawnofdreamsafrica.org\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/dawnofdreamsafrica.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}