{"id":939,"date":"2026-03-07T00:52:00","date_gmt":"2026-03-06T21:52:00","guid":{"rendered":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/?page_id=939"},"modified":"2026-03-07T10:30:23","modified_gmt":"2026-03-07T07:30:23","slug":"etkinlikler","status":"publish","type":"page","link":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/etkinlikler\/","title":{"rendered":"Etkinlikler"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"939\" class=\"elementor elementor-939\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d976da e-con-full e-flex e-con e-parent\" data-id=\"1d976da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d93c0e elementor-widget elementor-widget-html\" data-id=\"2d93c0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- ETK\u0130NL\u0130KLER \u2014 Hero Section \u00b7 Elementor HTML Widget     -->\r\n<!-- Hayaller Ger\u00e7ek Olsun                                   -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<style>\r\n.hgo-events-hero *,\r\n.hgo-events-hero *::before,\r\n.hgo-events-hero *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-events-hero {\r\n  --navy: #1a2d5a;\r\n  --gold: #f5a623;\r\n  --green: #2ecc71;\r\n  --text-on-dark: #ffffff;\r\n  --text-dim: rgba(255, 255, 255, 0.7);\r\n\r\n  font-family: inherit;\r\n  background: var(--navy);\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 80px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.hgo-events-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 20% 80%, rgba(245, 166, 35, 0.08) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 20%, rgba(46, 204, 113, 0.05) 0%, transparent 50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.hgo-events-hero__inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 640px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.hgo-events-hero__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-events-hero__eyebrow::before,\r\n.hgo-events-hero__eyebrow::after {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-events-hero__title {\r\n  font-size: clamp(32px, 5vw, 46px);\r\n  font-weight: 800;\r\n  color: var(--text-on-dark);\r\n  line-height: 1.15;\r\n  letter-spacing: -1px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-events-hero__desc {\r\n  font-size: 17px;\r\n  color: var(--text-dim);\r\n  line-height: 1.7;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hgo-events-hero { padding: 56px 16px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hgo-events-hero\">\r\n  <div class=\"hgo-events-hero__inner\">\r\n    <div class=\"hgo-events-hero__eyebrow\">Etkinlikler<\/div>\r\n    <h1 class=\"hgo-events-hero__title\">Etkinliklerimiz<\/h1>\r\n    <p class=\"hgo-events-hero__desc\">\r\n      D\u00fczenledi\u011fimiz etkinliklerle topluluk bilinciyle hareket ediyor, \u00e7ocuklar\u0131n gelece\u011fine birlikte katk\u0131 sunuyoruz.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e402ed3 e-con-full e-flex e-con e-parent\" data-id=\"e402ed3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35a95f3 elementor-widget elementor-widget-html\" data-id=\"35a95f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- ETK\u0130NL\u0130KLER \u2014 Dinamik Sat\u0131r Layout (REST API)          -->\r\n<!-- Hayaller Ger\u00e7ek Olsun \u00b7 Elementor HTML Widget           -->\r\n<!-- WP REST API ile \"Etkinlikler\" child page'leri \u00e7eker     -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550 ETKINLIK SATIRLARI \u2014 D\u0130NAM\u0130K \u2550\u2550\u2550 *\/\r\n.hgo-events-dynamic {\r\n  --navy: #1a2d5a;\r\n  --navy-deep: #122044;\r\n  --gold: #f5a623;\r\n  --gold-hover: #e6950f;\r\n  --green: #2ecc71;\r\n  --text-primary: #1a1a2e;\r\n  --text-secondary: #5a6175;\r\n  --text-light: #8891a5;\r\n  --text-on-dark: #ffffff;\r\n  --bg-white: #ffffff;\r\n  --bg-light: #f8f9fc;\r\n  --border-light: #e8ecf2;\r\n  --radius-lg: 20px;\r\n  --radius-md: 12px;\r\n  --radius-sm: 8px;\r\n\r\n  font-family: inherit;\r\n  width: 100%;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 64px 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 40px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 ETK\u0130NL\u0130K SATIRI \u2550\u2550\u2550 *\/\r\n.hgo-event-row {\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr;\r\n  background: var(--bg-white);\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  border: 1px solid var(--border-light);\r\n  box-shadow:\r\n    0 1px 3px rgba(26, 45, 90, 0.04),\r\n    0 8px 32px rgba(26, 45, 90, 0.06);\r\n  transition: box-shadow 0.4s ease, transform 0.4s ease;\r\n}\r\n\r\n.hgo-event-row:hover {\r\n  box-shadow:\r\n    0 2px 6px rgba(26, 45, 90, 0.06),\r\n    0 16px 48px rgba(26, 45, 90, 0.1);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* \u2500\u2500 G\u00f6rsel \u2500\u2500 *\/\r\n.hgo-event-row__img {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 340px;\r\n  background: var(--bg-light);\r\n}\r\n\r\n.hgo-event-row__img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.hgo-event-row:hover .hgo-event-row__img img {\r\n  transform: scale(1.03);\r\n}\r\n\r\n\/* Placeholder (g\u00f6rsel yoksa) *\/\r\n.hgo-event-row__img-placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 340px;\r\n  background: linear-gradient(135deg, var(--navy) 0%, #2a4a8a 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: rgba(255, 255, 255, 0.2);\r\n  font-size: 56px;\r\n}\r\n\r\n\r\n\r\n\/* \u2500\u2500 \u0130\u00e7erik \u2500\u2500 *\/\r\n.hgo-event-row__content {\r\n  padding: 44px 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n\r\n\r\n.hgo-event-row__title {\r\n  font-size: clamp(22px, 3vw, 28px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  line-height: 1.25;\r\n  letter-spacing: -0.3px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-event-row__desc {\r\n  font-size: 15px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.75;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\r\n\r\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n.hgo-event-row__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 13px 28px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  text-decoration: none;\r\n  border: 1.5px solid var(--border-light);\r\n  border-radius: var(--radius-sm);\r\n  transition: all 0.25s ease;\r\n  align-self: flex-start;\r\n  font-family: inherit;\r\n}\r\n\r\n.hgo-event-row__cta:hover {\r\n  border-color: var(--navy);\r\n  background: rgba(26, 45, 90, 0.03);\r\n}\r\n\r\n.hgo-event-row__cta-arrow {\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.hgo-event-row__cta:hover .hgo-event-row__cta-arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* \u2550\u2550\u2550 LOADING SKELETON \u2550\u2550\u2550 *\/\r\n.hgo-event-skeleton {\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr;\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  border: 1px solid var(--border-light);\r\n  background: var(--bg-white);\r\n}\r\n\r\n.hgo-event-skeleton__img {\r\n  min-height: 340px;\r\n  background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);\r\n  background-size: 200% 100%;\r\n  animation: hgo-shimmer 1.5s infinite;\r\n}\r\n\r\n.hgo-event-skeleton__body {\r\n  padding: 44px 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 12px;\r\n}\r\n\r\n.hgo-event-skeleton__line {\r\n  height: 14px;\r\n  border-radius: 7px;\r\n  background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);\r\n  background-size: 200% 100%;\r\n  animation: hgo-shimmer 1.5s infinite;\r\n}\r\n\r\n.hgo-event-skeleton__line--sm { width: 30%; height: 10px; }\r\n.hgo-event-skeleton__line--lg { width: 70%; height: 22px; }\r\n.hgo-event-skeleton__line--md { width: 90%; }\r\n.hgo-event-skeleton__line--md2 { width: 75%; }\r\n.hgo-event-skeleton__line--btn { width: 40%; height: 44px; border-radius: 8px; margin-top: 8px; }\r\n\r\n@keyframes hgo-shimmer {\r\n  0% { background-position: -200% 0; }\r\n  100% { background-position: 200% 0; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550 EMPTY & ERROR \u2550\u2550\u2550 *\/\r\n.hgo-events-dynamic__empty {\r\n  text-align: center;\r\n  padding: 80px 20px;\r\n  background: var(--bg-light);\r\n  border-radius: var(--radius-lg);\r\n  border: 2px dashed var(--border-light);\r\n}\r\n\r\n.hgo-events-dynamic__empty-icon { font-size: 48px; margin-bottom: 16px; opacity: 0.4; }\r\n.hgo-events-dynamic__empty-text { font-size: 16px; color: var(--text-secondary); font-weight: 500; }\r\n\r\n.hgo-events-dynamic__error {\r\n  text-align: center;\r\n  padding: 40px 20px;\r\n  background: #fff5f5;\r\n  border-radius: var(--radius-md);\r\n  border: 1px solid #fecaca;\r\n  color: #b91c1c;\r\n  font-size: 14px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n  .hgo-event-row,\r\n  .hgo-event-skeleton {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .hgo-event-row__img { min-height: 240px; }\r\n  .hgo-event-row__img-placeholder { min-height: 240px; }\r\n  .hgo-event-row__content { padding: 32px 28px; }\r\n  .hgo-event-skeleton__img { min-height: 240px; }\r\n  .hgo-event-skeleton__body { padding: 32px 28px; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hgo-events-dynamic { padding: 40px 16px; gap: 28px; }\r\n  .hgo-event-row__content { padding: 28px 20px; }\r\n  .hgo-event-row__img { min-height: 200px; }\r\n  .hgo-event-skeleton__img { min-height: 200px; }\r\n  .hgo-event-skeleton__body { padding: 28px 20px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- \u0130\u00e7erik alan\u0131 \u2014 JS ile doldurulacak -->\r\n<div class=\"hgo-events-dynamic\" id=\"hgo-events-dynamic\">\r\n\r\n  <!-- Loading skeleton (2 sat\u0131r) -->\r\n  <div class=\"hgo-event-skeleton\" id=\"hgo-events-skeleton-1\">\r\n    <div class=\"hgo-event-skeleton__img\"><\/div>\r\n    <div class=\"hgo-event-skeleton__body\">\r\n      <div class=\"hgo-event-skeleton__line hgo-event-skeleton__line--sm\"><\/div>\r\n      <div class=\"hgo-event-skeleton__line hgo-event-skeleton__line--lg\"><\/div>\r\n      <div class=\"hgo-event-skeleton__line hgo-event-skeleton__line--md\"><\/div>\r\n      <div class=\"hgo-event-skeleton__line hgo-event-skeleton__line--md2\"><\/div>\r\n      <div class=\"hgo-event-skeleton__line hgo-event-skeleton__line--btn\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"hgo-event-skeleton\" id=\"hgo-events-skeleton-2\">\r\n    <div class=\"hgo-event-skeleton__img\"><\/div>\r\n    <div class=\"hgo-event-skeleton__body\">\r\n      <div class=\"hgo-event-skeleton__line hgo-event-skeleton__line--sm\"><\/div>\r\n      <div class=\"hgo-event-skeleton__line hgo-event-skeleton__line--lg\"><\/div>\r\n      <div class=\"hgo-event-skeleton__line hgo-event-skeleton__line--md\"><\/div>\r\n      <div class=\"hgo-event-skeleton__line hgo-event-skeleton__line--md2\"><\/div>\r\n      <div class=\"hgo-event-skeleton__line hgo-event-skeleton__line--btn\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n  \/* \u2500\u2500\u2500 AYARLAR \u2500\u2500\u2500 *\/\r\n  var PARENT_SLUG = 'etkinlikler';\r\n  var PER_PAGE    = 12;\r\n  var DATE_LOCALE = 'tr-TR';\r\n\r\n  \/* \u2500\u2500\u2500 SITE URL OTOMAT\u0130K TESP\u0130T \u2500\u2500\u2500 *\/\r\n  var SITE_URL = window.location.origin +\r\n    window.location.pathname.replace(\/\\\/[^\/]*\\\/?$\/, '').replace(\/\\\/+$\/, '');\r\n  var API = SITE_URL + '\/wp-json\/wp\/v2\/pages';\r\n\r\n  var container = document.getElementById('hgo-events-dynamic');\r\n\r\n  \/* \u2500\u2500\u2500 EXCERPT TEM\u0130ZLE \u2500\u2500\u2500 *\/\r\n  function cleanExcerpt(html) {\r\n    var div = document.createElement('div');\r\n    div.innerHTML = html || '';\r\n    var text = div.textContent || div.innerText || '';\r\n    \/\/ \"Devam\u0131n\u0131 oku\" vb. linkleri kald\u0131r\r\n    text = text.replace(\/Devam\u0131n\u0131 oku\\s*\u2192?\/gi, '').trim();\r\n    \/\/ \u00c7ok uzunsa k\u0131salt\r\n    if (text.length > 200) {\r\n      text = text.substring(0, 200).replace(\/\\s+\\S*$\/, '') + '\u2026';\r\n    }\r\n    return text;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 SATIR HTML OLU\u015eTUR \u2500\u2500\u2500 *\/\r\n  function buildRow(page) {\r\n    var media = page._embedded && page._embedded['wp:featuredmedia']\r\n              ? page._embedded['wp:featuredmedia'][0] : null;\r\n\r\n    var imgSrc = null;\r\n    if (media && media.media_details && media.media_details.sizes) {\r\n      var sizes = media.media_details.sizes;\r\n      imgSrc = (sizes.large && sizes.large.source_url)\r\n            || (sizes.medium_large && sizes.medium_large.source_url)\r\n            || media.source_url;\r\n    } else if (media) {\r\n      imgSrc = media.source_url || null;\r\n    }\r\n\r\n    var title   = page.title.rendered || 'Etkinlik';\r\n    var link    = page.link || '#';\r\n    var excerpt = cleanExcerpt(page.excerpt ? page.excerpt.rendered : '');\r\n\r\n    \/\/ G\u00f6rsel\r\n    var imgHtml = imgSrc\r\n      ? '<img decoding=\"async\" src=\"' + imgSrc + '\" alt=\"' + title + '\" loading=\"lazy\">'\r\n      : '<div class=\"hgo-event-row__img-placeholder\">\ud83d\udcc5<\/div>';\r\n\r\n    \/\/ Excerpt b\u00f6l\u00fcm\u00fc (varsa g\u00f6ster)\r\n    var descHtml = excerpt\r\n      ? '<p class=\"hgo-event-row__desc\">' + excerpt + '<\/p>'\r\n      : '';\r\n\r\n    return '<div class=\"hgo-event-row\">'\r\n      + '  <div class=\"hgo-event-row__img\">'\r\n      + '    ' + imgHtml\r\n      + '  <\/div>'\r\n      + '  <div class=\"hgo-event-row__content\">'\r\n      + '    <h2 class=\"hgo-event-row__title\">' + title + '<\/h2>'\r\n      + '    ' + descHtml\r\n      + '    <a href=\"' + link + '\" class=\"hgo-event-row__cta\">'\r\n      + '      Etkinlik Detaylar\u0131'\r\n      + '      <span class=\"hgo-event-row__cta-arrow\">\u2192<\/span>'\r\n      + '    <\/a>'\r\n      + '  <\/div>'\r\n      + '<\/div>';\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 ANA FONKS\u0130YON \u2500\u2500\u2500 *\/\r\n  async function loadEvents() {\r\n    try {\r\n      \/\/ 1) \u00dcst sayfay\u0131 slug ile bul\r\n      var parentRes = await fetch(API + '?slug=' + PARENT_SLUG + '&per_page=1');\r\n      if (!parentRes.ok) throw new Error('API yan\u0131t vermedi');\r\n      var parents = await parentRes.json();\r\n      if (!parents.length) throw new Error('\"' + PARENT_SLUG + '\" sayfas\u0131 bulunamad\u0131');\r\n      var parentId = parents[0].id;\r\n\r\n      \/\/ 2) Child page'leri \u00e7ek\r\n      var childRes = await fetch(\r\n        API + '?parent=' + parentId\r\n           + '&per_page=' + PER_PAGE\r\n           + '&orderby=date&order=desc'\r\n           + '&_embed=wp:featuredmedia'\r\n      );\r\n      if (!childRes.ok) throw new Error('Alt sayfalar y\u00fcklenemedi');\r\n      var children = await childRes.json();\r\n\r\n      \/\/ 3) Render\r\n      if (!children.length) {\r\n        container.innerHTML =\r\n          '<div class=\"hgo-events-dynamic__empty\">'\r\n          + '<div class=\"hgo-events-dynamic__empty-icon\">\ud83d\udcc5<\/div>'\r\n          + '<div class=\"hgo-events-dynamic__empty-text\">Hen\u00fcz etkinlik eklenmemi\u015f.<\/div>'\r\n          + '<\/div>';\r\n        return;\r\n      }\r\n\r\n      container.innerHTML = children.map(buildRow).join('');\r\n\r\n    } catch (err) {\r\n      console.error('Etkinlikler y\u00fcklenirken hata:', err);\r\n      container.innerHTML =\r\n        '<div class=\"hgo-events-dynamic__error\">'\r\n        + 'Etkinlikler y\u00fcklenirken bir sorun olu\u015ftu. L\u00fctfen sayfay\u0131 yenileyin.'\r\n        + '<\/div>';\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 BA\u015eLAT \u2500\u2500\u2500 *\/\r\n  loadEvents();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58ccee1 e-con-full e-flex e-con e-parent\" data-id=\"58ccee1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b28523c elementor-widget elementor-widget-shortcode\" data-id=\"b28523c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1101\" class=\"elementor elementor-1101\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df5ddc4 e-con-full e-flex e-con e-parent\" data-id=\"df5ddc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2043d7 elementor-widget elementor-widget-html\" data-id=\"e2043d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.hgo-cta *,\r\n.hgo-cta *::before,\r\n.hgo-cta *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-cta {\r\n  --navy: #1a2d5a;\r\n  --navy-deep: #122044;\r\n  --gold: #f5a623;\r\n  --gold-hover: #e6950f;\r\n  --green: #2ecc71;\r\n  --green-hover: #27ae60;\r\n  --text-on-dark: #ffffff;\r\n  --text-dim: rgba(255, 255, 255, 0.85);\r\n  --radius-lg: 24px;\r\n  --radius-md: 16px;\r\n  --radius-sm: 10px;\r\n\r\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n  width: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background-image: linear-gradient(rgba(26, 45, 90, 0.85), rgba(26, 45, 90, 0.85)), \r\n                    url('https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/hgo-cta-bagis-bg1-scaled.webp');\r\n  background-size: cover; \r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  background-attachment: contain; \r\n}\r\n\r\n.hgo-cta::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: \r\n    radial-gradient(circle at 10% 0%, rgba(245, 166, 35, 0.1) 0%, transparent 40%),\r\n    radial-gradient(circle at 90% 100%, rgba(46, 204, 113, 0.1) 0%, transparent 40%);\r\n  pointer-events: none;\r\n}\r\n\r\n.hgo-cta__inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n  padding: 100px 24px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n}\r\n\r\n.hgo-cta__card {\r\n  padding: 48px 40px;\r\n  border-radius: var(--radius-lg);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n}\r\n\r\n.hgo-cta__card:hover {\r\n  border-color: rgba(255, 255, 255, 0.3);\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.hgo-cta__card--bagis {\r\n  background: linear-gradient(145deg, rgba(26, 45, 90, 0.6) 0%, rgba(245, 166, 35, 0.1) 100%);\r\n}\r\n\r\n.hgo-cta__card--gonullu {\r\n  background: linear-gradient(145deg, rgba(26, 45, 90, 0.6) 0%, rgba(46, 204, 113, 0.1) 100%);\r\n}\r\n\r\n.hgo-cta__icon {\r\n  width: 64px;\r\n  height: 64px;\r\n  border-radius: var(--radius-md);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 24px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.hgo-cta__card:hover .hgo-cta__icon {\r\n  transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.hgo-cta__card--bagis .hgo-cta__icon {\r\n  background: var(--gold);\r\n  color: var(--navy-deep);\r\n}\r\n\r\n.hgo-cta__card--gonullu .hgo-cta__icon {\r\n  background: var(--green);\r\n  color: #ffffff;\r\n}\r\n\r\n.hgo-cta__title {\r\n  font-size: clamp(24px, 3vw, 28px);\r\n  font-weight: 700;\r\n  color: var(--text-on-dark);\r\n  margin-bottom: 16px;\r\n  letter-spacing: -0.5px;\r\n  text-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n.hgo-cta__desc {\r\n  font-size: 16px;\r\n  color: var(--text-dim);\r\n  line-height: 1.6;\r\n  margin-bottom: 32px;\r\n  flex: 1;\r\n}\r\n\r\n.hgo-cta__btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 16px 36px;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  border-radius: var(--radius-sm);\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  font-family: inherit;\r\n  align-self: flex-start;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.hgo-cta__btn--bagis {\r\n  background: var(--gold);\r\n  color: var(--navy-deep);\r\n}\r\n\r\n.hgo-cta__btn--bagis:hover {\r\n  background: #ffffff;\r\n  color: var(--navy-deep);\r\n  box-shadow: 0 8px 25px rgba(245, 166, 35, 0.4);\r\n}\r\n\r\n.hgo-cta__btn--gonullu {\r\n  background: var(--green);\r\n  color: #ffffff;\r\n}\r\n\r\n.hgo-cta__btn--gonullu:hover {\r\n  background: #ffffff;\r\n  color: var(--green);\r\n  box-shadow: 0 8px 25px rgba(46, 204, 113, 0.4);\r\n}\r\n\r\n.hgo-cta__btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.hgo-cta__btn:hover svg {\r\n  transform: translateX(5px);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hgo-cta {\r\n    background-attachment: scroll;\r\n  }\r\n  \r\n  .hgo-cta__inner {\r\n    grid-template-columns: 1fr;\r\n    padding: 60px 20px;\r\n    gap: 30px;\r\n  }\r\n\r\n  .hgo-cta__card {\r\n    padding: 40px 28px;\r\n  }\r\n\r\n  .hgo-cta__btn {\r\n    width: 100%;\r\n    align-self: stretch;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hgo-cta\">\r\n  <div class=\"hgo-cta__inner\">\r\n\r\n    <div class=\"hgo-cta__card hgo-cta__card--bagis\">\r\n      <div class=\"hgo-cta__icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n          <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"hgo-cta__title\">Ba\u011f\u0131\u015f Yap<\/h3>\r\n      <p class=\"hgo-cta__desc\">\r\n        \u00c7ocuklar\u0131n e\u011fitimine ve gelece\u011fine yapaca\u011f\u0131n\u0131z her katk\u0131, bir hayali ger\u00e7e\u011fe d\u00f6n\u00fc\u015ft\u00fcr\u00fcyor. \r\n        G\u00fcvenli \u00f6deme altyap\u0131s\u0131yla tek seferlik veya d\u00fczenli ba\u011f\u0131\u015f yapabilirsiniz.\r\n      <\/p>\r\n      <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/bagis-yap\/\" class=\"hgo-cta__btn hgo-cta__btn--bagis\">\r\n        Ba\u011f\u0131\u015f Yap\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n          <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"hgo-cta__card hgo-cta__card--gonullu\">\r\n      <div class=\"hgo-cta__icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"hgo-cta__title\">G\u00f6n\u00fcll\u00fc Ol<\/h3>\r\n      <p class=\"hgo-cta__desc\">\r\n        Projelerimizde yer alarak \u00e7ocuklar\u0131n hayat\u0131na dokunabilirsiniz. \r\n        E\u011fitimden organizasyona bir\u00e7ok alanda g\u00f6n\u00fcll\u00fc deste\u011finizi bekliyoruz.\r\n      <\/p>\r\n      <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/iletisim\/\" class=\"hgo-cta__btn hgo-cta__btn--gonullu\">\r\n        Ba\u015fvuru Yap\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n          <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Etkinlikler Etkinliklerimiz D\u00fczenledi\u011fimiz etkinliklerle topluluk bilinciyle hareket ediyor, \u00e7ocuklar\u0131n gelece\u011fine birlikte katk\u0131 sunuyoruz.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-939","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/comments?post=939"}],"version-history":[{"count":13,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/939\/revisions"}],"predecessor-version":[{"id":1114,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/939\/revisions\/1114"}],"wp:attachment":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/media?parent=939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}