{"id":4724,"date":"2026-08-20T16:26:54","date_gmt":"2026-08-20T13:26:54","guid":{"rendered":"https:\/\/www.kayadea.com\/?page_id=4724"},"modified":"2026-08-26T22:20:22","modified_gmt":"2026-08-26T19:20:22","slug":"home-3","status":"publish","type":"page","link":"https:\/\/www.kayadea.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4724\" class=\"elementor elementor-4724\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c38493 e-flex e-con-boxed e-con e-parent\" data-id=\"9c38493\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0863312 elementor-widget-laptop__width-initial elementor-widget elementor-widget-heading\" data-id=\"0863312\" data-element_type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">KAYAdea<\/h2>\t\t\t\t<\/div>\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-750da77 e-flex e-con-boxed e-con e-parent\" data-id=\"750da77\" 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-c67a922 elementor-widget elementor-widget-html\" data-id=\"c67a922\" data-element_type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"kayadea-clockwork-wrapper\">\r\n  <!-- Sol Kelime Kutusu (Century Gothic Bold - B\u00fcy\u00fck Harf, Siyah) -->\r\n  <div class=\"slot-container\" id=\"left-slot-container\">\r\n    <span class=\"slot-text active-text\" id=\"left-text\">SEISMIC<\/span>\r\n  <\/div>\r\n  \r\n  <!-- Dinamik Bo\u015fluk (Birle\u015fme an\u0131nda s\u0131f\u0131rlan\u0131r) -->\r\n  <div class=\"slot-space\" id=\"slot-space-element\"><\/div>\r\n  \r\n  <!-- Sa\u011f Kelime Kutusu (Gotham Light - K\u00fc\u00e7\u00fck Harf, Siyah) -->\r\n  <div class=\"slot-container\" id=\"right-slot-container\">\r\n    <span class=\"slot-text active-text\" id=\"right-text\">engineering<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Kurumsal fontlar\u0131n d\u0131\u015far\u0131dan p\u00fcr\u00fczs\u00fczce y\u00fcklenmesi *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;800&display=swap');\r\n\r\n@font-face {\r\n  font-family: 'Century Gothic Bold';\r\n  src: local('Century Gothic Bold'), local('CenturyGothic-Bold'), local('CenturyGothicBold');\r\n  font-weight: 800;\r\n}\r\n@font-face {\r\n  font-family: 'Gotham Light';\r\n  src: local('Gotham Light'), local('Gotham-Light'), local('GothamHTF-Light');\r\n  font-weight: 300;\r\n}\r\n\r\n.kayadea-clockwork-wrapper {\r\n  display: inline-flex;\r\n  align-items: flex-end; \/* Taban \u00e7izgisinde milimetrik hizalama *\/\r\n  height: 60px;\r\n  overflow: hidden;\r\n  margin-top: 15px;\r\n  margin-bottom: 25px;\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease-in-out;\r\n}\r\n\r\n.kayadea-clockwork-wrapper.is-ready {\r\n  opacity: 1;\r\n}\r\n\r\n.slot-container {\r\n  position: relative;\r\n  height: 60px;\r\n  display: inline-flex;\r\n  align-items: flex-end;\r\n  \/* HIZLANDIRILDI: Geni\u015flik esneme s\u00fcresi 0.7s -> 0.5s yap\u0131ld\u0131 *\/\r\n  transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1); \r\n}\r\n\r\n.slot-text {\r\n  position: absolute;\r\n  bottom: 8px; \/* Taban \u00e7izgisi milimetrik sabitleyici *\/\r\n  white-space: nowrap;\r\n  line-height: normal;\r\n  \/* HIZLANDIRILDI: Kayma animasyon s\u00fcresi 0.7s -> 0.5s yap\u0131ld\u0131 *\/\r\n  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), \r\n              opacity 0.5s ease;\r\n}\r\n\r\n\/* SOL TARAF: Century Gothic Bold, B\u00fcy\u00fck Harf, Siyah *\/\r\n#left-slot-container .slot-text {\r\n  font-family: 'Century Gothic Bold', 'Century Gothic', 'CenturyGothic', 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  color: #111111;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase !important;\r\n}\r\n\r\n\/* SA\u011e TARAF: Gotham Light, K\u00fc\u00e7\u00fck Harf, Siyah *\/\r\n#right-slot-container .slot-text {\r\n  font-family: 'Gotham Light', 'Gotham', 'Montserrat', sans-serif;\r\n  font-weight: 300;\r\n  color: #111111;\r\n  letter-spacing: 2px;\r\n  text-transform: lowercase !important;\r\n}\r\n\r\n\/* dea Kelimesi \u00d6zel \u0130nce Yap\u0131 *\/\r\n#right-slot-container .slot-text.is-dea {\r\n  font-family: 'Gotham Light', 'Gotham', 'Montserrat', sans-serif;\r\n  font-weight: 300 !important;\r\n  color: #111111 !important;\r\n  text-transform: lowercase !important;\r\n}\r\n\r\n\/* \u0130ki Kelime Aras\u0131ndaki Dinamik Bo\u015fluk *\/\r\n.slot-space {\r\n  width: 15px;\r\n  height: 60px;\r\n  \/* HIZLANDIRILDI: Bo\u015fluk kapanma h\u0131z\u0131 0.8s -> 0.6s yap\u0131ld\u0131 *\/\r\n  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n\/* Pozisyon ve Animasyon Ayarlar\u0131 *\/\r\n.active-text {\r\n  transform: translateY(0);\r\n  opacity: 1;\r\n}\r\n\r\n.incoming-text {\r\n  transform: translateY(60px);\r\n  opacity: 0;\r\n}\r\n\r\n.outgoing-text {\r\n  transform: translateY(-60px);\r\n  opacity: 0;\r\n}\r\n\r\n\/* Tablet ve Mobil Ekran Uyumluluklar\u0131 *\/\r\n@media (max-width: 1024px) {\r\n  .kayadea-clockwork-wrapper { font-size: 18px; height: 50px; }\r\n  .slot-container, .slot-space { height: 50px; }\r\n  .slot-text { bottom: 6px; }\r\n}\r\n@media (max-width: 767px) {\r\n  .kayadea-clockwork-wrapper { font-size: 13px; height: 40px; }\r\n  .slot-container, .slot-space { height: 40px; }\r\n  .slot-text { bottom: 4px; }\r\n  .slot-space { width: 8px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const states = [\r\n    { left: \"SEISMIC\",       right: \"engineering\" },\r\n    { left: \"HERITAGE\",      right: \"engineering\" }, \r\n    { left: \"FA\u00c7ADE\",        right: \"engineering\" },\r\n    { left: \"GEOTECHNICAL\",  right: \"engineering\" },\r\n    { left: \"BIOCLIMATIC\",   right: \"engineering\" },\r\n    { left: \"CIVIL\",         right: \"engineering\" },\r\n    { left: \"STRUCTURAL\",    right: \"engineering\" },\r\n    { left: \"STRUCTURAL\",    right: \"design\" },\r\n    { left: \"PARAMETRIC\",    right: \"design\" },\r\n    { left: \"COMPUTATIONAL\", right: \"design\" },\r\n    { left: \"LANDSCAPE\",     right: \"design\" },\r\n    { left: \"DETAIL\",        right: \"design\" },\r\n    { left: \"SUSTAINABLE\",   right: \"design\" },\r\n    { left: \"SUSTAINABLE\",   right: \"architecture\" },\r\n    { left: \"INTERIOR\",      right: \"architecture\" },\r\n    { left: \"COMPUTATIONAL\", right: \"architecture\" },\r\n    { left: \"ADAPTIVE\",      right: \"architecture\" },\r\n    { left: \"WORLD-CLASS\",   right: \"dea\" },\r\n    { left: \"KAYA\",          right: \"dea\" } \/\/ Birle\u015fmenin ya\u015fanaca\u011f\u0131 tek ve son durak!\r\n  ];\r\n  \r\n  let currentState = 0;\r\n  \r\n  function performMerge() {\r\n    const space = document.getElementById('slot-space-element');\r\n    if (space) {\r\n      space.style.width = \"0px\"; \/\/ KAYA ve dea p\u00fcr\u00fczs\u00fczce birle\u015fir\r\n    }\r\n  }\r\n  \r\n  function performUnmerge() {\r\n    const space = document.getElementById('slot-space-element');\r\n    if (space) {\r\n      space.style.width = \"15px\"; \/\/ Bo\u015fluk geri a\u00e7\u0131l\u0131r\r\n    }\r\n  }\r\n  \r\n  function changeWord(containerId, newWord) {\r\n    const container = document.getElementById(containerId);\r\n    if (!container) return;\r\n    \r\n    const activeText = container.querySelector('.active-text');\r\n    \r\n    if (activeText && activeText.textContent === newWord) return;\r\n    \r\n    const oldWidth = activeText ? activeText.offsetWidth : 0;\r\n    \r\n    const temp = document.createElement('span');\r\n    temp.textContent = newWord;\r\n    temp.className = 'slot-text';\r\n    if (newWord === \"dea\") temp.classList.add('is-dea');\r\n    temp.style.visibility = 'hidden';\r\n    temp.style.position = 'absolute';\r\n    container.appendChild(temp);\r\n    const newWidth = temp.offsetWidth;\r\n    temp.remove();\r\n    \r\n    container.style.width = oldWidth + 'px';\r\n    \r\n    const newText = document.createElement('span');\r\n    newText.textContent = newWord;\r\n    newText.className = 'slot-text incoming-text';\r\n    if (newWord === \"dea\") newText.classList.add('is-dea');\r\n    \r\n    container.appendChild(newText);\r\n    newText.offsetHeight; \/\/ reflow\r\n    \r\n    container.style.width = newWidth + 'px';\r\n    \r\n    if (activeText) {\r\n      activeText.classList.remove('active-text');\r\n      activeText.classList.add('outgoing-text');\r\n      activeText.style.position = 'absolute';\r\n    }\r\n    \r\n    newText.classList.remove('incoming-text');\r\n    newText.classList.add('active-text');\r\n    \r\n    \/\/ HIZLANDIRILDI: Eski elementi temizleme s\u00fcresi 0.5 saniyeye \u00e7ekildi\r\n    setTimeout(() => {\r\n      if (activeText) activeText.remove();\r\n    }, 500);\r\n  }\r\n  \r\n  function tick() {\r\n    performUnmerge();\r\n    \r\n    const state = states[currentState];\r\n    \r\n    changeWord('left-slot-container', state.left);\r\n    changeWord('right-slot-container', state.right);\r\n    \r\n    \/\/ HIZLANDIRILDI: KAYA dea birle\u015fme an\u0131 gecikmesi 1.2s -> 0.8s yap\u0131ld\u0131\r\n    if (state.left === \"KAYA\" && state.right === \"dea\") {\r\n      setTimeout(performMerge, 800);\r\n    }\r\n    \r\n    currentState = (currentState + 1) % states.length;\r\n  }\r\n\r\n  let isInitialized = false;\r\n  \r\n  function initializeClockwork() {\r\n    if (isInitialized) return;\r\n    isInitialized = true;\r\n    \r\n    const leftCont = document.getElementById('left-slot-container');\r\n    const rightCont = document.getElementById('right-slot-container');\r\n    const wrapper = document.querySelector('.kayadea-clockwork-wrapper');\r\n    \r\n    if (leftCont && leftCont.querySelector('.active-text')) {\r\n      leftCont.style.width = leftCont.querySelector('.active-text').offsetWidth + 'px';\r\n    }\r\n    if (rightCont && rightCont.querySelector('.active-text')) {\r\n      rightCont.style.width = rightCont.querySelector('.active-text').offsetWidth + 'px';\r\n    }\r\n    \r\n    if (wrapper) {\r\n      wrapper.classList.add('is-ready');\r\n    }\r\n    \r\n    \/\/ HIZLANDIRILDI: D\u00f6ng\u00fc h\u0131z\u0131 3000ms -> 2000ms (2.0 saniye) yap\u0131ld\u0131\r\n    setInterval(tick, 2000);\r\n  }\r\n  \r\n  if (document.fonts) {\r\n    document.fonts.ready.then(initializeClockwork);\r\n  } else {\r\n    window.addEventListener('load', initializeClockwork);\r\n  }\r\n  \r\n  setTimeout(initializeClockwork, 1200);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\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-1177bfc e-flex e-con-boxed e-con e-parent\" data-id=\"1177bfc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c95abc9 elementor-widget elementor-widget-heading\" data-id=\"c95abc9\" data-element_type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SE\u00c7\u0130LM\u0130\u015e PROJELER<\/h2>\t\t\t\t<\/div>\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>KAYAdea SEISMIC engineering SE\u00c7\u0130LM\u0130\u015e PROJELER<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.kayadea.com\/index.php\/wp-json\/wp\/v2\/pages\/4724"}],"collection":[{"href":"https:\/\/www.kayadea.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kayadea.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kayadea.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kayadea.com\/index.php\/wp-json\/wp\/v2\/comments?post=4724"}],"version-history":[{"count":52,"href":"https:\/\/www.kayadea.com\/index.php\/wp-json\/wp\/v2\/pages\/4724\/revisions"}],"predecessor-version":[{"id":4830,"href":"https:\/\/www.kayadea.com\/index.php\/wp-json\/wp\/v2\/pages\/4724\/revisions\/4830"}],"wp:attachment":[{"href":"https:\/\/www.kayadea.com\/index.php\/wp-json\/wp\/v2\/media?parent=4724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}