{"id":2054,"date":"2023-04-24T06:35:00","date_gmt":"2023-04-24T06:35:00","guid":{"rendered":"https:\/\/cozystay.loftocean.com\/mountain-chalet\/?page_id=8"},"modified":"2026-08-19T14:09:52","modified_gmt":"2026-08-19T14:09:52","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/testet.biz\/reactio\/","title":{"rendered":"Anasayfa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2054\" class=\"elementor elementor-2054\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7261abc6 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"7261abc6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10d21585 dark-color\" data-id=\"10d21585\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8813079 elementor-widget elementor-widget-html\" data-id=\"8813079\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-hero\">\n\n  <!-- DIGITAL MOTION -->\n  <div class=\"reactio-digital-motion\">\n\n    <div class=\"reactio-light-line reactio-light-line--1\"><\/div>\n    <div class=\"reactio-light-line reactio-light-line--2\"><\/div>\n    <div class=\"reactio-light-line reactio-light-line--3\"><\/div>\n\n    <div class=\"reactio-node reactio-node--1\"><\/div>\n    <div class=\"reactio-node reactio-node--2\"><\/div>\n    <div class=\"reactio-node reactio-node--3\"><\/div>\n    <div class=\"reactio-node reactio-node--4\"><\/div>\n\n    <div class=\"reactio-digital-scan\"><\/div>\n\n  <\/div>\n\n\n  <div class=\"reactio-hero__container\">\n\n    <!-- TOP -->\n    <div class=\"reactio-hero__top\">\n\n      <span class=\"reactio-hero__badge\">\n        DIGITAL GROWTH & TECHNOLOGY\n      <\/span>\n\n      <span class=\"reactio-hero__status\">\n        <i><\/i>\n        AVAILABLE WORLDWIDE\n      <\/span>\n\n    <\/div>\n\n\n    <!-- MAIN -->\n    <div class=\"reactio-hero__content\">\n\n      <div class=\"reactio-hero__main\">\n\n        <h1>\n\n          <span class=\"reactio-title-line reactio-title-1\">\n            DIGITAL PRODUCTS.\n          <\/span>\n\n          <strong class=\"reactio-title-line reactio-title-2\">\n            REAL GROWTH.\n          <\/strong>\n\n        <\/h1>\n\n\n        <div class=\"reactio-hero__bottom\">\n\n          <!-- DESCRIPTION -->\n          <div class=\"reactio-hero__description\">\n\n            <p>\n              Markalar\u0131n dijitalde sadece var olmas\u0131n\u0131 de\u011fil,\n              <strong>b\u00fcy\u00fcmesini sa\u011flayan sistemler<\/strong>\n              tasarl\u0131yor ve geli\u015ftiriyoruz.\n            <\/p>\n\n            <div class=\"reactio-hero__services\">\n              <span>WordPress<\/span>\n              <span>Shopify<\/span>\n              <span>Development<\/span>\n              <span>SEO<\/span>\n              <span>Performance<\/span>\n            <\/div>\n\n          <\/div>\n\n\n          <!-- ACTIONS -->\n          <div class=\"reactio-hero__actions\">\n\n            <a href=\"#contact\" class=\"reactio-btn reactio-btn--primary\">\n              <span>START A PROJECT<\/span>\n              <b>\u2197<\/b>\n            <\/a>\n\n            <a href=\"#projects\" class=\"reactio-btn reactio-btn--ghost\">\n              VIEW OUR WORK\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FOOTER -->\n    <div class=\"reactio-hero__footer\">\n\n      <div class=\"reactio-global\">\n\n        <div class=\"reactio-global__text\">\n          <small>BUILT IN T\u00dcRK\u0130YE.<\/small>\n          <strong>WORKING WORLDWIDE.<\/strong>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"reactio-scroll\">\n\n        <span>SCROLL TO EXPLORE<\/span>\n\n        <div class=\"reactio-scroll__line\"><\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.reactio-hero{\n  position:relative;\n\n  width:100vw;\n  min-height:100vh;\n\n  left:50%;\n  margin-left:-50vw;\n\n  overflow:hidden;\n\n  display:flex;\n  align-items:stretch;\n\n  color:#fff;\n\n\n  background-image:\n    url(\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/image.png\");\n\n  background-repeat:no-repeat;\n  background-size:cover;\n  background-position:center center;\n}\n\n\n\/* =====================================================\n   BLACK OVERLAY\n===================================================== *\/\n\n.reactio-hero::before{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  z-index:2;\n\n  background:rgba(0,0,0,.25);\n\n  pointer-events:none;\n}\n\n\n.reactio-hero *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   DIGITAL MOTION\n===================================================== *\/\n\n.reactio-digital-motion{\n  position:absolute;\n\n  inset:-15px;\n\n  z-index:3;\n\n  overflow:hidden;\n\n  pointer-events:none;\n\n  transition:\n    transform\n    .7s\n    cubic-bezier(.16,1,.3,1);\n}\n\n\n\/* =====================================================\n   MOVING LIGHT LINES\n===================================================== *\/\n\n.reactio-light-line{\n  position:absolute;\n\n  left:-35%;\n\n  width:360px;\n  height:1px;\n\n  transform:rotate(-8deg);\n\n  opacity:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.05),\n      rgba(255,255,255,.9),\n      rgba(255,255,255,.05),\n      transparent\n    );\n\n  filter:\n    drop-shadow(\n      0 0 7px\n      rgba(255,255,255,.65)\n    );\n}\n\n\n.reactio-light-line--1{\n  top:32%;\n\n  animation:\n    reactioLightMove1\n    8s\n    linear\n    infinite;\n}\n\n\n.reactio-light-line--2{\n  top:52%;\n\n  width:260px;\n\n  animation:\n    reactioLightMove2\n    10s\n    linear\n    2s\n    infinite;\n}\n\n\n.reactio-light-line--3{\n  top:72%;\n\n  width:420px;\n\n  animation:\n    reactioLightMove3\n    12s\n    linear\n    4s\n    infinite;\n}\n\n\n@keyframes reactioLightMove1{\n\n  0%{\n    left:-35%;\n    opacity:0;\n  }\n\n  12%{\n    opacity:.6;\n  }\n\n  80%{\n    opacity:.45;\n  }\n\n  100%{\n    left:110%;\n    opacity:0;\n  }\n\n}\n\n\n@keyframes reactioLightMove2{\n\n  0%{\n    left:-35%;\n    opacity:0;\n  }\n\n  12%{\n    opacity:.45;\n  }\n\n  82%{\n    opacity:.35;\n  }\n\n  100%{\n    left:110%;\n    opacity:0;\n  }\n\n}\n\n\n@keyframes reactioLightMove3{\n\n  0%{\n    left:-40%;\n    opacity:0;\n  }\n\n  15%{\n    opacity:.35;\n  }\n\n  82%{\n    opacity:.30;\n  }\n\n  100%{\n    left:110%;\n    opacity:0;\n  }\n\n}\n\n\n\/* =====================================================\n   NETWORK NODES\n===================================================== *\/\n\n.reactio-node{\n  position:absolute;\n\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:#fff;\n\n  box-shadow:\n    0 0 8px rgba(255,255,255,.8),\n    0 0 20px rgba(255,255,255,.5);\n\n  animation:\n    reactioNodePulse\n    2.8s\n    ease-in-out\n    infinite;\n}\n\n\n.reactio-node::after{\n  content:\"\";\n\n  position:absolute;\n\n  top:50%;\n  left:50%;\n\n  width:30px;\n  height:30px;\n\n  transform:\n    translate(-50%,-50%)\n    scale(.3);\n\n  border-radius:50%;\n\n  border:\n    1px\n    solid\n    rgba(255,255,255,.25);\n\n  animation:\n    reactioNodeRing\n    2.8s\n    ease-out\n    infinite;\n}\n\n\n.reactio-node--1{\n  right:14%;\n  top:25%;\n}\n\n\n.reactio-node--2{\n  right:28%;\n  top:39%;\n\n  animation-delay:.6s;\n}\n\n\n.reactio-node--3{\n  right:17%;\n  top:58%;\n\n  animation-delay:1.2s;\n}\n\n\n.reactio-node--4{\n  right:32%;\n  top:70%;\n\n  animation-delay:1.8s;\n}\n\n\n@keyframes reactioNodePulse{\n\n  0%,\n  100%{\n    opacity:.35;\n    transform:scale(.75);\n  }\n\n  50%{\n    opacity:1;\n    transform:scale(1.3);\n  }\n\n}\n\n\n@keyframes reactioNodeRing{\n\n  0%{\n    opacity:.55;\n\n    transform:\n      translate(-50%,-50%)\n      scale(.25);\n  }\n\n  100%{\n    opacity:0;\n\n    transform:\n      translate(-50%,-50%)\n      scale(2);\n  }\n\n}\n\n\n\/* =====================================================\n   DIGITAL SCAN\n===================================================== *\/\n\n.reactio-digital-scan{\n  position:absolute;\n\n  top:0;\n  bottom:0;\n\n  left:-10%;\n\n  width:1px;\n\n  opacity:.16;\n\n  background:\n    linear-gradient(\n      to bottom,\n      transparent 10%,\n      rgba(255,255,255,.8) 50%,\n      transparent 90%\n    );\n\n  box-shadow:\n    0 0 18px\n    rgba(255,255,255,.35);\n\n  animation:\n    reactioScanMove\n    12s\n    linear\n    infinite;\n}\n\n\n@keyframes reactioScanMove{\n\n  from{\n    left:-10%;\n  }\n\n  to{\n    left:110%;\n  }\n\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-hero__container{\n  position:relative;\n\n  z-index:5;\n\n  width:100%;\n  max-width:none;\n\n  min-height:100vh;\n\n  margin:0;\n\n  padding:\n    42px\n    clamp(40px,6vw,110px)\n    34px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-hero__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n\n.reactio-hero__badge{\n  font-size:12px;\n\n  letter-spacing:2.5px;\n\n  font-weight:800;\n\n  color:rgba(255,255,255,.65);\n\n  opacity:0;\n\n  animation:\n    reactioFadeUp\n    .8s\n    ease\n    .1s\n    forwards;\n}\n\n\n.reactio-hero__status{\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  font-size:11px;\n\n  letter-spacing:1.5px;\n\n  font-weight:700;\n\n  color:rgba(255,255,255,.6);\n\n  opacity:0;\n\n  animation:\n    reactioFadeUp\n    .8s\n    ease\n    .25s\n    forwards;\n}\n\n\n.reactio-hero__status i{\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:#8fff8f;\n\n  box-shadow:\n    0 0 15px\n    rgba(143,255,143,.8);\n\n  animation:\n    reactioStatusPulse\n    1.8s\n    infinite;\n}\n\n\n\/* =====================================================\n   MAIN CONTENT\n===================================================== *\/\n\n.reactio-hero__content{\n  width:100%;\n\n  padding:\n    60px\n    0\n    35px;\n}\n\n\n\/* =====================================================\n   MAIN TYPOGRAPHY\n===================================================== *\/\n\n.reactio-hero h1{\n  margin:0;\n  padding:0;\n\n  width:100%;\n  max-width:none;\n\n  font-size:\n    clamp(\n      95px,\n      11.5vw,\n      205px\n    );\n\n  line-height:.80;\n\n  letter-spacing:-.07em;\n\n  text-transform:uppercase;\n\n  font-weight:950;\n}\n\n\n.reactio-title-line{\n  display:block;\n\n  opacity:0;\n\n  transform:\n    translateY(130px);\n\n  animation:\n    reactioTitleReveal\n    1.05s\n    cubic-bezier(.16,1,.3,1)\n    forwards;\n}\n\n\n.reactio-title-1{\n  animation-delay:.15s;\n\n  color:#fff;\n}\n\n\n.reactio-title-2{\n  animation-delay:.32s;\n\n  color:transparent;\n\n  -webkit-text-stroke:\n    2px\n    #fff;\n\n  font-weight:950;\n\n  transition:\n    color\n    .4s\n    ease;\n}\n\n\n.reactio-title-2:hover{\n  color:#fff;\n}\n\n\n\/* =====================================================\n   LOWER CONTENT\n===================================================== *\/\n\n.reactio-hero__bottom{\n  margin-top:55px;\n\n  display:flex;\n\n  justify-content:space-between;\n\n  align-items:flex-end;\n\n  gap:60px;\n}\n\n\n\/* =====================================================\n   DESCRIPTION\n===================================================== *\/\n\n.reactio-hero__description{\n  max-width:680px;\n\n  opacity:0;\n\n  animation:\n    reactioFadeUp\n    .9s\n    ease\n    .75s\n    forwards;\n}\n\n\n.reactio-hero__description p{\n  margin:0;\n\n  max-width:650px;\n\n  font-size:20px;\n\n  line-height:1.55;\n\n  color:\n    rgba(255,255,255,.72);\n}\n\n\n.reactio-hero__description p strong{\n  color:#fff;\n\n  font-weight:700;\n}\n\n\n\/* =====================================================\n   SERVICE TAGS\n===================================================== *\/\n\n.reactio-hero__services{\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:8px;\n\n  margin-top:25px;\n}\n\n\n.reactio-hero__services span{\n  padding:\n    8px\n    13px;\n\n  border:\n    1px\n    solid\n    rgba(255,255,255,.25);\n\n  border-radius:100px;\n\n  font-size:11px;\n\n  letter-spacing:.7px;\n\n  font-weight:800;\n\n  text-transform:uppercase;\n\n  color:\n    rgba(255,255,255,.78);\n\n  background:\n    rgba(0,0,0,.18);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n\n  transition:\n    background .3s ease,\n    color .3s ease,\n    border-color .3s ease;\n}\n\n\n.reactio-hero__services span:hover{\n  background:#fff;\n\n  color:#000;\n\n  border-color:#fff;\n}\n\n\n\/* =====================================================\n   BUTTONS\n===================================================== *\/\n\n.reactio-hero__actions{\n  display:flex;\n\n  align-items:center;\n\n  gap:12px;\n\n  flex-shrink:0;\n\n  opacity:0;\n\n  animation:\n    reactioFadeUp\n    .9s\n    ease\n    .95s\n    forwards;\n}\n\n\n.reactio-btn{\n  height:62px;\n\n  padding:\n    0\n    26px;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:25px;\n\n  text-decoration:none !important;\n\n  border-radius:100px;\n\n  font-size:12px;\n\n  letter-spacing:1px;\n\n  font-weight:800;\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    color .35s ease;\n}\n\n\n.reactio-btn--primary{\n  min-width:215px;\n\n  background:#fff;\n\n  color:#000 !important;\n}\n\n\n.reactio-btn--primary b{\n  font-size:20px;\n\n  font-weight:400;\n\n  transition:\n    transform\n    .35s\n    ease;\n}\n\n\n.reactio-btn--primary:hover{\n  transform:translateY(-3px);\n}\n\n\n.reactio-btn--primary:hover b{\n  transform:translate(4px,-4px);\n}\n\n\n.reactio-btn--ghost{\n  border:\n    1px\n    solid\n    rgba(255,255,255,.35);\n\n  color:#fff !important;\n\n  background:\n    rgba(0,0,0,.18);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.reactio-btn--ghost:hover{\n  background:#fff;\n\n  color:#000 !important;\n}\n\n\n\/* =====================================================\n   HERO FOOTER\n===================================================== *\/\n\n.reactio-hero__footer{\n  padding-top:28px;\n\n  border-top:\n    1px\n    solid\n    rgba(255,255,255,.18);\n\n  display:flex;\n\n  align-items:flex-end;\n\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n\n\/* =====================================================\n   GLOBAL\n===================================================== *\/\n\n.reactio-global{\n  display:flex;\n\n  align-items:center;\n}\n\n\n.reactio-global__text small,\n.reactio-global__text strong{\n  display:block;\n}\n\n\n.reactio-global__text small{\n  margin-bottom:4px;\n\n  color:\n    rgba(255,255,255,.5);\n\n  font-size:9px;\n\n  letter-spacing:1.5px;\n\n  font-weight:700;\n}\n\n\n.reactio-global__text strong{\n  font-size:12px;\n\n  letter-spacing:1px;\n\n  font-weight:900;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   SCROLL\n===================================================== *\/\n\n.reactio-scroll{\n  display:flex;\n\n  align-items:center;\n\n  gap:18px;\n\n  color:\n    rgba(255,255,255,.5);\n\n  font-size:9px;\n\n  letter-spacing:1.6px;\n\n  font-weight:700;\n}\n\n\n.reactio-scroll__line{\n  position:relative;\n\n  width:80px;\n  height:1px;\n\n  background:\n    rgba(255,255,255,.25);\n\n  overflow:hidden;\n}\n\n\n.reactio-scroll__line::before{\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:-50%;\n\n  width:50%;\n  height:100%;\n\n  background:#fff;\n\n  animation:\n    reactioScroll\n    2s\n    infinite\n    ease-in-out;\n}\n\n\n\/* =====================================================\n   ANIMATIONS\n===================================================== *\/\n\n@keyframes reactioTitleReveal{\n\n  from{\n    opacity:0;\n\n    transform:\n      translateY(130px);\n  }\n\n  to{\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes reactioFadeUp{\n\n  from{\n    opacity:0;\n\n    transform:\n      translateY(30px);\n  }\n\n  to{\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes reactioStatusPulse{\n\n  0%,\n  100%{\n    opacity:1;\n\n    transform:scale(1);\n  }\n\n  50%{\n    opacity:.45;\n\n    transform:scale(.75);\n  }\n\n}\n\n\n@keyframes reactioScroll{\n\n  from{\n    left:-50%;\n  }\n\n  to{\n    left:100%;\n  }\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-hero__container{\n    padding:\n      35px\n      30px\n      30px;\n  }\n\n\n  .reactio-hero h1{\n    font-size:\n      clamp(\n        75px,\n        12vw,\n        135px\n      );\n\n    line-height:.82;\n  }\n\n\n  .reactio-hero__bottom{\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:35px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-hero{\n    width:100vw;\n\n    min-height:100svh;\n\n    background-position:\n      68%\n      center;\n  }\n\n\n  \/* MOB\u0130LDE OKUNAB\u0130L\u0130RL\u0130K \u0130\u00c7\u0130N B\u0130RAZ DAHA KOYU *\/\n\n  .reactio-hero::before{\n    background:\n      rgba(0,0,0,.32);\n  }\n\n\n  .reactio-hero__container{\n    min-height:100svh;\n\n    padding:\n      24px\n      20px\n      25px;\n  }\n\n\n  .reactio-hero__top{\n    gap:15px;\n  }\n\n\n  .reactio-hero__badge{\n    max-width:160px;\n\n    font-size:8px;\n\n    line-height:1.4;\n\n    letter-spacing:1.5px;\n  }\n\n\n  .reactio-hero__status{\n    font-size:7px;\n\n    letter-spacing:1px;\n\n    white-space:nowrap;\n  }\n\n\n  .reactio-hero__status i{\n    width:6px;\n    height:6px;\n  }\n\n\n  .reactio-hero__content{\n    padding:\n      45px\n      0\n      30px;\n  }\n\n\n  \/* MOBILE H1 *\/\n\n  .reactio-hero h1{\n    font-size:\n      clamp(\n        43px,\n        13.5vw,\n        64px\n      );\n\n    line-height:.86;\n\n    letter-spacing:-.055em;\n  }\n\n\n  .reactio-title-line{\n    transform:\n      translateY(80px);\n  }\n\n\n  .reactio-title-2{\n    -webkit-text-stroke:\n      1px\n      #fff;\n  }\n\n\n  .reactio-hero__bottom{\n    margin-top:34px;\n\n    gap:26px;\n  }\n\n\n  .reactio-hero__description p{\n    font-size:15px;\n\n    line-height:1.55;\n  }\n\n\n  .reactio-hero__services{\n    margin-top:20px;\n\n    gap:6px;\n  }\n\n\n  .reactio-hero__services span{\n    padding:\n      7px\n      10px;\n\n    font-size:8px;\n\n    letter-spacing:.5px;\n  }\n\n\n  .reactio-hero__actions{\n    width:100%;\n\n    flex-direction:column;\n\n    align-items:stretch;\n  }\n\n\n  .reactio-btn{\n    width:100%;\n\n    height:56px;\n\n    font-size:10px;\n  }\n\n\n  .reactio-hero__footer{\n    padding-top:20px;\n\n    align-items:flex-end;\n  }\n\n\n  .reactio-global__text small{\n    font-size:7px;\n  }\n\n\n  .reactio-global__text strong{\n    font-size:10px;\n  }\n\n\n  .reactio-scroll{\n    display:none;\n  }\n\n\n  \/* EFFECTS *\/\n\n  .reactio-light-line{\n    opacity:.25;\n  }\n\n\n  .reactio-node{\n    display:none;\n  }\n\n\n  .reactio-digital-scan{\n    opacity:.08;\n  }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media(max-width:390px){\n\n  .reactio-hero h1{\n    font-size:42px;\n\n    line-height:.88;\n  }\n\n\n  .reactio-hero__container{\n    padding-left:17px;\n\n    padding-right:17px;\n  }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .reactio-light-line,\n  .reactio-node,\n  .reactio-node::after,\n  .reactio-digital-scan{\n    animation:none !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const hero =\n    document.querySelector(\".reactio-hero\");\n\n  const motion =\n    document.querySelector(\".reactio-digital-motion\");\n\n  if(!hero || !motion) return;\n\n\n  if(\n    window.matchMedia(\"(pointer:fine)\").matches\n  ){\n\n    hero.addEventListener(\"mousemove\", function(e){\n\n      const rect =\n        hero.getBoundingClientRect();\n\n\n      const x =\n        (e.clientX - rect.left) \/\n        rect.width;\n\n\n      const y =\n        (e.clientY - rect.top) \/\n        rect.height;\n\n\n      const moveX =\n        (x - .5) * 10;\n\n\n      const moveY =\n        (y - .5) * 6;\n\n\n      motion.style.transform =\n        \"translate3d(\" +\n        moveX +\n        \"px,\" +\n        moveY +\n        \"px,0)\";\n\n    });\n\n\n    hero.addEventListener(\"mouseleave\", function(){\n\n      motion.style.transform =\n        \"translate3d(0,0,0)\";\n\n    });\n\n  }\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5c9de06 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"5c9de06\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cf527ff dark-color\" data-id=\"cf527ff\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9b89176 elementor-widget elementor-widget-html\" data-id=\"9b89176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-manifesto\">\n\n  <div class=\"reactio-manifesto__container\">\n\n    <div class=\"reactio-manifesto__eyebrow\">\n      WHAT WE BELIEVE\n    <\/div>\n\n    <div class=\"reactio-manifesto__headline\">\n      <div class=\"reactio-manifesto__line\">\n        WE DON'T JUST\n      <\/div>\n\n      <div class=\"reactio-manifesto__line\">\n        BUILD WEBSITES.\n      <\/div>\n\n      <div class=\"reactio-manifesto__line reactio-manifesto__line--outline\">\n        WE BUILD\n      <\/div>\n\n      <div class=\"reactio-manifesto__line reactio-manifesto__line--outline\">\n        GROWTH SYSTEMS.\n      <\/div>\n    <\/div>\n\n    <div class=\"reactio-manifesto__bottom\">\n\n      <div class=\"reactio-manifesto__services\">\n        <span>STRATEGY<\/span>\n        <i><\/i>\n        <span>DESIGN<\/span>\n        <i><\/i>\n        <span>TECHNOLOGY<\/span>\n        <i><\/i>\n        <span>PERFORMANCE<\/span>\n      <\/div>\n\n      <div class=\"reactio-manifesto__text\">\n        <p>\n          Tasar\u0131m, teknoloji ve performans\u0131 tek bir sistemde birle\u015ftirerek\n          markalar\u0131n dijital d\u00fcnyada daha h\u0131zl\u0131, daha g\u00fc\u00e7l\u00fc ve daha\n          s\u00fcrd\u00fcr\u00fclebilir b\u00fcy\u00fcmesini sa\u011fl\u0131yoruz.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =====================================================\n   REACTIO MANIFESTO\n===================================================== *\/\n\n.reactio-manifesto{\n  position:relative;\n  width:100%;\n  min-height:100vh;\n\n  background:#f4f1eb;\n  color:#0a0a0a;\n\n  overflow:hidden;\n\n  display:flex;\n  align-items:center;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n\n.reactio-manifesto__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:100px 50px 80px;\n}\n\n\n\/* =====================================================\n   EYEBROW\n===================================================== *\/\n\n.reactio-manifesto__eyebrow{\n  margin-bottom:45px;\n\n  font-size:11px;\n\n  font-weight:900;\n\n  letter-spacing:2.5px;\n\n  color:rgba(0,0,0,.45);\n\n  opacity:0;\n\n  transform:translateY(30px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s ease;\n}\n\n\n\/* =====================================================\n   HEADLINE\n===================================================== *\/\n\n.reactio-manifesto__headline{\n  width:100%;\n}\n\n\n.reactio-manifesto__line{\n  display:block;\n\n  font-size:clamp(72px,8.5vw,155px);\n\n  line-height:.85;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  opacity:0;\n\n  transform:translateY(100px);\n\n  transition:\n    opacity 1s cubic-bezier(.16,1,.3,1),\n    transform 1s cubic-bezier(.16,1,.3,1);\n}\n\n\n.reactio-manifesto__line:nth-child(2){\n  transition-delay:.08s;\n}\n\n\n.reactio-manifesto__line:nth-child(3){\n  transition-delay:.16s;\n}\n\n\n.reactio-manifesto__line:nth-child(4){\n  transition-delay:.24s;\n}\n\n\n\/* OUTLINE *\/\n\n.reactio-manifesto__line--outline{\n  color:transparent;\n\n  -webkit-text-stroke:2px #0a0a0a;\n\n  transition:\n    opacity 1s cubic-bezier(.16,1,.3,1),\n    transform 1s cubic-bezier(.16,1,.3,1),\n    color .4s ease;\n}\n\n\n.reactio-manifesto__line--outline:hover{\n  color:#0a0a0a;\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-manifesto__bottom{\n  margin-top:70px;\n\n  padding-top:30px;\n\n  border-top:1px solid rgba(0,0,0,.14);\n\n  display:flex;\n\n  align-items:flex-end;\n\n  justify-content:space-between;\n\n  gap:70px;\n\n  opacity:0;\n\n  transform:translateY(40px);\n\n  transition:\n    opacity .9s ease .35s,\n    transform .9s ease .35s;\n}\n\n\n\/* =====================================================\n   SERVICES\n===================================================== *\/\n\n.reactio-manifesto__services{\n  display:flex;\n\n  align-items:center;\n\n  flex-wrap:wrap;\n\n  gap:16px;\n\n  font-size:11px;\n\n  font-weight:900;\n\n  letter-spacing:1.5px;\n}\n\n\n.reactio-manifesto__services i{\n  width:4px;\n  height:4px;\n\n  border-radius:50%;\n\n  background:#0a0a0a;\n\n  opacity:.35;\n}\n\n\n\/* =====================================================\n   TEXT\n===================================================== *\/\n\n.reactio-manifesto__text{\n  max-width:520px;\n}\n\n\n.reactio-manifesto__text p{\n  margin:0;\n\n  font-size:18px;\n\n  line-height:1.65;\n\n  color:rgba(0,0,0,.62);\n}\n\n\n\/* =====================================================\n   ACTIVE SCROLL STATE\n===================================================== *\/\n\n.reactio-manifesto.is-visible\n.reactio-manifesto__eyebrow{\n  opacity:1;\n  transform:translateY(0);\n}\n\n\n.reactio-manifesto.is-visible\n.reactio-manifesto__line{\n  opacity:1;\n  transform:translateY(0);\n}\n\n\n.reactio-manifesto.is-visible\n.reactio-manifesto__bottom{\n  opacity:1;\n  transform:translateY(0);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-manifesto__container{\n    padding:\n      90px\n      30px\n      70px;\n  }\n\n\n  .reactio-manifesto__line{\n    font-size:\n      clamp(\n        65px,\n        10vw,\n        120px\n      );\n  }\n\n\n  .reactio-manifesto__bottom{\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:35px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-manifesto{\n    min-height:auto;\n  }\n\n\n  .reactio-manifesto__container{\n    padding:\n      80px\n      20px\n      65px;\n  }\n\n\n  .reactio-manifesto__eyebrow{\n    margin-bottom:28px;\n\n    font-size:8px;\n\n    letter-spacing:1.8px;\n  }\n\n\n  .reactio-manifesto__line{\n    font-size:\n      clamp(\n        44px,\n        13vw,\n        64px\n      );\n\n    line-height:.9;\n\n    letter-spacing:-.055em;\n  }\n\n\n  .reactio-manifesto__line--outline{\n    -webkit-text-stroke:1px #0a0a0a;\n  }\n\n\n  .reactio-manifesto__bottom{\n    margin-top:45px;\n\n    padding-top:22px;\n\n    gap:30px;\n  }\n\n\n  .reactio-manifesto__services{\n    gap:10px;\n\n    font-size:8px;\n\n    letter-spacing:1px;\n  }\n\n\n  .reactio-manifesto__services i{\n    width:3px;\n\n    height:3px;\n  }\n\n\n  .reactio-manifesto__text p{\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n}\n\n<\/style>\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const manifesto =\n    document.querySelector(\".reactio-manifesto\");\n\n  if(!manifesto) return;\n\n  const observer =\n    new IntersectionObserver(\n      function(entries){\n\n        entries.forEach(function(entry){\n\n          if(entry.isIntersecting){\n\n            entry.target\n            .classList\n            .add(\"is-visible\");\n\n            observer.unobserve(entry.target);\n\n          }\n\n        });\n\n      },\n      {\n        threshold:0.22\n      }\n    );\n\n  observer.observe(manifesto);\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-05998b9 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"05998b9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-09a85c3 dark-color\" data-id=\"09a85c3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5eb760c elementor-widget elementor-widget-html\" data-id=\"5eb760c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-project-slider\" id=\"projects\">\n\n  <div class=\"reactio-project-slider__container\">\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n    <div class=\"reactio-project-slider__head\">\n\n      <div>\n\n        <span class=\"reactio-project-slider__eyebrow\">\n          SELECTED WORK\n        <\/span>\n\n        <h2>\n          Projects that<br>\n          perform.\n        <\/h2>\n\n      <\/div>\n\n\n      <p>\n        Web, e-commerce, SEO ve dijital performans projelerimizden\n        se\u00e7ilmi\u015f \u00e7al\u0131\u015fmalar.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         SLIDER\n    ====================================================== -->\n    <div class=\"reactio-project-slider__viewport\">\n\n      <div class=\"reactio-project-slider__track\">\n\n\n        <!-- =================================================\n             01 ASTOMERIA\n        ================================================== -->\n        <a\n          href=\"https:\/\/astomeria.com\/\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          class=\"reactio-project-card\"\n        >\n\n          <div class=\"reactio-project-card__top\">\n\n            <span class=\"reactio-project-card__number\">\n              01\n            <\/span>\n\n            <span class=\"reactio-project-card__view\">\n              VIEW PROJECT \u2197\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__content\">\n\n            <span class=\"reactio-project-card__label\">\n              SHOPIFY \/ SEO \/ E-COMMERCE\n            <\/span>\n\n            <h3>\n              ASTOMERIA\n            <\/h3>\n\n            <p>\n              Shopify e-ticaret altyap\u0131s\u0131, \u00e7ok dilli i\u00e7erik yap\u0131s\u0131,\n              koleksiyon mimarisi ve teknik SEO geli\u015ftirmeleri.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__footer\">\n\n            <div class=\"reactio-project-card__tags\">\n              <span>SHOPIFY<\/span>\n              <span>SEO<\/span>\n              <span>GROWTH<\/span>\n            <\/div>\n\n            <strong>\n              01 \/ 08\n            <\/strong>\n\n          <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             02 LA LOCAL\n        ================================================== -->\n        <a\n          href=\"https:\/\/lalocal.com.tr\/\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          class=\"reactio-project-card\"\n        >\n\n          <div class=\"reactio-project-card__top\">\n\n            <span class=\"reactio-project-card__number\">\n              02\n            <\/span>\n\n            <span class=\"reactio-project-card__view\">\n              VIEW PROJECT \u2197\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__content\">\n\n            <span class=\"reactio-project-card__label\">\n              WORDPRESS \/ SEO \/ HOSPITALITY\n            <\/span>\n\n            <h3>\n              LA LOCAL\n            <\/h3>\n\n            <p>\n              Yal\u0131kavak otel markas\u0131 i\u00e7in landing page mimarisi,\n              teknik SEO ve organik g\u00f6r\u00fcn\u00fcrl\u00fck geli\u015ftirmeleri.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__footer\">\n\n            <div class=\"reactio-project-card__tags\">\n              <span>WORDPRESS<\/span>\n              <span>SEO<\/span>\n              <span>HOTEL<\/span>\n            <\/div>\n\n            <strong>\n              02 \/ 08\n            <\/strong>\n\n          <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             03 AK\u00dcP\n        ================================================== -->\n        <a\n          href=\"https:\/\/akup.com.tr\/\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          class=\"reactio-project-card\"\n        >\n\n          <div class=\"reactio-project-card__top\">\n\n            <span class=\"reactio-project-card__number\">\n              03\n            <\/span>\n\n            <span class=\"reactio-project-card__view\">\n              VIEW PROJECT \u2197\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__content\">\n\n            <span class=\"reactio-project-card__label\">\n              WORDPRESS \/ DEVELOPMENT \/ SEO\n            <\/span>\n\n            <h3>\n              AK\u00dcP\n            <\/h3>\n\n            <p>\n              Kurumsal WordPress web geli\u015ftirme, hizmet mimarisi,\n              teknik SEO ve dijital g\u00f6r\u00fcn\u00fcrl\u00fck altyap\u0131s\u0131.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__footer\">\n\n            <div class=\"reactio-project-card__tags\">\n              <span>WORDPRESS<\/span>\n              <span>WEB<\/span>\n              <span>SEO<\/span>\n            <\/div>\n\n            <strong>\n              03 \/ 08\n            <\/strong>\n\n          <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             04 JELESA\n        ================================================== -->\n        <a\n          href=\"https:\/\/jelesa.com\/\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          class=\"reactio-project-card\"\n        >\n\n          <div class=\"reactio-project-card__top\">\n\n            <span class=\"reactio-project-card__number\">\n              04\n            <\/span>\n\n            <span class=\"reactio-project-card__view\">\n              VIEW PROJECT \u2197\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__content\">\n\n            <span class=\"reactio-project-card__label\">\n              SHOPIFY \/ PERFORMANCE \/ E-COMMERCE\n            <\/span>\n\n            <h3>\n              JELESA\n            <\/h3>\n\n            <p>\n              Shopify geli\u015ftirmeleri, kullan\u0131c\u0131 deneyimi,\n              d\u00f6n\u00fc\u015f\u00fcm optimizasyonu ve dijital reklam \u00e7al\u0131\u015fmalar\u0131.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__footer\">\n\n            <div class=\"reactio-project-card__tags\">\n              <span>SHOPIFY<\/span>\n              <span>CRO<\/span>\n              <span>ADS<\/span>\n            <\/div>\n\n            <strong>\n              04 \/ 08\n            <\/strong>\n\n          <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             05 KER\u0130MO\u011eLU VISA\n        ================================================== -->\n        <a\n          href=\"https:\/\/kerimogluvisa.com\/\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          class=\"reactio-project-card\"\n        >\n\n          <div class=\"reactio-project-card__top\">\n\n            <span class=\"reactio-project-card__number\">\n              05\n            <\/span>\n\n            <span class=\"reactio-project-card__view\">\n              VIEW PROJECT \u2197\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__content\">\n\n            <span class=\"reactio-project-card__label\">\n              WORDPRESS \/ SEO \/ LEAD GENERATION\n            <\/span>\n\n            <h3>\n              KER\u0130MO\u011eLU<br>\n              VISA\n            <\/h3>\n\n            <p>\n              WordPress geli\u015ftirme, \u00fclke ve hizmet sayfalar\u0131,\n              teknik SEO ve Google g\u00f6r\u00fcn\u00fcrl\u00fck altyap\u0131s\u0131.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__footer\">\n\n            <div class=\"reactio-project-card__tags\">\n              <span>WORDPRESS<\/span>\n              <span>SEO<\/span>\n              <span>LEADS<\/span>\n            <\/div>\n\n            <strong>\n              05 \/ 08\n            <\/strong>\n\n          <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             06 BODRUM EV TAD\u0130LAT\n        ================================================== -->\n        <a\n          href=\"https:\/\/bodrumevtadilat.com.tr\/\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          class=\"reactio-project-card\"\n        >\n\n          <div class=\"reactio-project-card__top\">\n\n            <span class=\"reactio-project-card__number\">\n              06\n            <\/span>\n\n            <span class=\"reactio-project-card__view\">\n              VIEW PROJECT \u2197\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__content\">\n\n            <span class=\"reactio-project-card__label\">\n              WORDPRESS \/ SEO \/ WEB DESIGN\n            <\/span>\n\n            <h3>\n              BODRUM EV<br>\n              TAD\u0130LAT\n            <\/h3>\n\n            <p>\n              Kurumsal web sitesi, hizmet mimarisi,\n              lokal SEO ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 web geli\u015ftirme.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__footer\">\n\n            <div class=\"reactio-project-card__tags\">\n              <span>WORDPRESS<\/span>\n              <span>LOCAL SEO<\/span>\n              <span>WEB<\/span>\n            <\/div>\n\n            <strong>\n              06 \/ 08\n            <\/strong>\n\n          <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             07 MIAMARIN\n        ================================================== -->\n        <a\n          href=\"https:\/\/miamarintr.com\/\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          class=\"reactio-project-card\"\n        >\n\n          <div class=\"reactio-project-card__top\">\n\n            <span class=\"reactio-project-card__number\">\n              07\n            <\/span>\n\n            <span class=\"reactio-project-card__view\">\n              VIEW PROJECT \u2197\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__content\">\n\n            <span class=\"reactio-project-card__label\">\n              WORDPRESS \/ MULTILINGUAL \/ WEB\n            <\/span>\n\n            <h3>\n              MIAMARIN\n            <\/h3>\n\n            <p>\n              \u00c7ok dilli WordPress altyap\u0131s\u0131, \u00f6zel sayfa yap\u0131lar\u0131\n              ve Google g\u00f6r\u00fcn\u00fcrl\u00fck \u00e7al\u0131\u015fmalar\u0131.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__footer\">\n\n            <div class=\"reactio-project-card__tags\">\n              <span>WORDPRESS<\/span>\n              <span>MULTILINGUAL<\/span>\n              <span>SEO<\/span>\n            <\/div>\n\n            <strong>\n              07 \/ 08\n            <\/strong>\n\n          <\/div>\n\n        <\/a>\n\n\n        <!-- =================================================\n             08 PRIME G\u00dcMR\u00dcK\n        ================================================== -->\n        <a\n          href=\"https:\/\/primegumruk.com\/\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          class=\"reactio-project-card\"\n        >\n\n          <div class=\"reactio-project-card__top\">\n\n            <span class=\"reactio-project-card__number\">\n              08\n            <\/span>\n\n            <span class=\"reactio-project-card__view\">\n              VIEW PROJECT \u2197\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__content\">\n\n            <span class=\"reactio-project-card__label\">\n              WORDPRESS \/ CORPORATE \/ SEO\n            <\/span>\n\n            <h3>\n              PRIME<br>\n              G\u00dcMR\u00dcK\n            <\/h3>\n\n            <p>\n              Kurumsal WordPress web sitesi, hizmet yap\u0131s\u0131,\n              i\u00e7erik mimarisi ve SEO uyumlu dijital altyap\u0131.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"reactio-project-card__footer\">\n\n            <div class=\"reactio-project-card__tags\">\n              <span>WORDPRESS<\/span>\n              <span>CORPORATE<\/span>\n              <span>SEO<\/span>\n            <\/div>\n\n            <strong>\n              08 \/ 08\n            <\/strong>\n\n          <\/div>\n\n        <\/a>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FOOTER\n    ====================================================== -->\n    <div class=\"reactio-project-slider__footer\">\n\n      <span>\n        DRAG \u00b7 HOVER \u00b7 EXPLORE\n      <\/span>\n\n      <div class=\"reactio-project-slider__progress\">\n        <i><\/i>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-project-slider{\n  width:100%;\n\n  overflow:hidden;\n\n  background:#080173;\n\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-project-slider *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-project-slider__container{\n  width:100%;\n\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:110px 50px 90px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-project-slider__head{\n  display:flex;\n\n  justify-content:space-between;\n  align-items:flex-end;\n\n  gap:70px;\n\n  margin-bottom:70px;\n}\n\n.reactio-project-slider__eyebrow{\n  display:block;\n\n  margin-bottom:18px;\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2.5px;\n\n  color:rgba(255,255,255,.42);\n}\n\n.reactio-project-slider__head h2{\n  margin:0;\n\n  font-size:clamp(55px,6vw,100px);\n\n  line-height:.88;\n\n  letter-spacing:-.055em;\n\n  text-transform:uppercase;\n\n  font-weight:950;\n\n  color:#fff !important;\n}\n\n.reactio-project-slider__head p{\n  width:100%;\n\n  max-width:440px;\n\n  margin:0;\n\n  font-size:16px;\n\n  line-height:1.65;\n\n  color:rgba(255,255,255,.5);\n}\n\n\n\/* =====================================================\n   VIEWPORT\n===================================================== *\/\n\n.reactio-project-slider__viewport{\n  width:100%;\n\n  overflow:hidden;\n\n  cursor:grab;\n\n  user-select:none;\n}\n\n.reactio-project-slider__viewport:active{\n  cursor:grabbing;\n}\n\n\n\/* =====================================================\n   TRACK\n===================================================== *\/\n\n.reactio-project-slider__track{\n  display:flex;\n\n  gap:18px;\n\n  will-change:transform;\n\n  transition:\n    transform\n    .75s\n    cubic-bezier(.16,1,.3,1);\n}\n\n\n\/* =====================================================\n   CARD\n===================================================== *\/\n\n.reactio-project-card{\n  flex:0 0 calc((100% - 54px) \/ 4);\n\n  min-width:0;\n\n  min-height:430px;\n\n  padding:24px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  border:\n    1px\n    solid\n    rgba(255,255,255,.17);\n\n  background:\n    rgba(255,255,255,.035);\n\n  color:#fff !important;\n\n  text-decoration:none !important;\n\n  transition:\n    background .4s ease,\n    color .4s ease,\n    transform .4s ease,\n    border-color .4s ease;\n}\n\n.reactio-project-card:hover{\n  background:#fff;\n\n  border-color:#fff;\n\n  color:#080173 !important;\n\n  transform:translateY(-5px);\n}\n\n\n\/* =====================================================\n   CARD TOP\n===================================================== *\/\n\n.reactio-project-card__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-project-card__number{\n  width:40px;\n\n  height:40px;\n\n  flex-shrink:0;\n\n  border-radius:50%;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  border:\n    1px\n    solid\n    rgba(255,255,255,.2);\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n  color:rgba(255,255,255,.7);\n\n  transition:.4s ease;\n}\n\n.reactio-project-card__view{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n  color:rgba(255,255,255,.55);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-project-card__content{\n  margin-top:auto;\n\n  padding-top:80px;\n}\n\n.reactio-project-card__label{\n  display:block;\n\n  margin-bottom:14px;\n\n  font-size:7px;\n\n  font-weight:900;\n\n  letter-spacing:1.25px;\n\n  color:rgba(255,255,255,.4);\n\n  transition:.4s ease;\n}\n\n.reactio-project-card__content h3{\n  margin:0 0 18px;\n\n  font-size:clamp(28px,2.5vw,42px);\n\n  line-height:.92;\n\n  letter-spacing:-.05em;\n\n  text-transform:uppercase;\n\n  font-weight:950;\n\n  color:#fff !important;\n\n  transition:.4s ease;\n}\n\n.reactio-project-card__content p{\n  margin:0;\n\n  max-width:330px;\n\n  font-size:12px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.5);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CARD FOOTER\n===================================================== *\/\n\n.reactio-project-card__footer{\n  margin-top:35px;\n\n  padding-top:20px;\n\n  border-top:\n    1px\n    solid\n    rgba(255,255,255,.12);\n\n  display:flex;\n\n  align-items:flex-end;\n\n  justify-content:space-between;\n\n  gap:20px;\n\n  transition:.4s ease;\n}\n\n.reactio-project-card__tags{\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:5px;\n}\n\n.reactio-project-card__tags span{\n  padding:5px 7px;\n\n  border:\n    1px\n    solid\n    rgba(255,255,255,.14);\n\n  border-radius:100px;\n\n  font-size:6px;\n\n  font-weight:850;\n\n  letter-spacing:.5px;\n\n  color:rgba(255,255,255,.48);\n\n  transition:.4s ease;\n}\n\n.reactio-project-card__footer strong{\n  flex-shrink:0;\n\n  font-size:7px;\n\n  font-weight:900;\n\n  color:rgba(255,255,255,.3);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CARD HOVER\n===================================================== *\/\n\n.reactio-project-card:hover\n.reactio-project-card__number{\n  border-color:rgba(8,1,115,.18);\n\n  color:rgba(8,1,115,.55);\n}\n\n.reactio-project-card:hover\n.reactio-project-card__view{\n  color:#080173;\n}\n\n.reactio-project-card:hover\n.reactio-project-card__label{\n  color:rgba(8,1,115,.45);\n}\n\n.reactio-project-card:hover\n.reactio-project-card__content h3{\n  color:#080173 !important;\n}\n\n.reactio-project-card:hover\n.reactio-project-card__content p{\n  color:rgba(8,1,115,.62);\n}\n\n.reactio-project-card:hover\n.reactio-project-card__footer{\n  border-color:rgba(8,1,115,.15);\n}\n\n.reactio-project-card:hover\n.reactio-project-card__tags span{\n  border-color:rgba(8,1,115,.17);\n\n  color:rgba(8,1,115,.55);\n}\n\n.reactio-project-card:hover\n.reactio-project-card__footer strong{\n  color:rgba(8,1,115,.4);\n}\n\n\n\/* =====================================================\n   FOOTER\n===================================================== *\/\n\n.reactio-project-slider__footer{\n  margin-top:45px;\n\n  padding-top:20px;\n\n  border-top:\n    1px\n    solid\n    rgba(255,255,255,.12);\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.reactio-project-slider__footer > span{\n  font-size:8px;\n\n  font-weight:800;\n\n  letter-spacing:1.8px;\n\n  color:rgba(255,255,255,.35);\n}\n\n\n\/* =====================================================\n   PROGRESS\n===================================================== *\/\n\n.reactio-project-slider__progress{\n  position:relative;\n\n  width:160px;\n\n  height:1px;\n\n  background:rgba(255,255,255,.15);\n\n  overflow:hidden;\n}\n\n.reactio-project-slider__progress i{\n  position:absolute;\n\n  left:0;\n\n  top:0;\n\n  width:25%;\n\n  height:100%;\n\n  background:#fff;\n\n  transform:translateX(0);\n\n  transition:\n    transform\n    .75s\n    cubic-bezier(.16,1,.3,1);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-project-slider__container{\n    padding:90px 30px 80px;\n  }\n\n  .reactio-project-slider__head{\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:30px;\n  }\n\n  .reactio-project-card{\n    flex:0 0 calc((100% - 18px) \/ 2);\n\n    min-height:400px;\n  }\n\n  .reactio-project-slider__progress i{\n    width:50%;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-project-slider__container{\n    padding:75px 20px 70px;\n  }\n\n  .reactio-project-slider__head{\n    margin-bottom:45px;\n  }\n\n  .reactio-project-slider__eyebrow{\n    font-size:8px;\n\n    margin-bottom:14px;\n  }\n\n  .reactio-project-slider__head h2{\n    font-size:clamp(43px,13vw,62px);\n  }\n\n  .reactio-project-slider__head p{\n    font-size:14px;\n  }\n\n  .reactio-project-slider__track{\n    gap:12px;\n  }\n\n  .reactio-project-card{\n    flex:0 0 88%;\n\n    min-height:390px;\n\n    padding:22px;\n  }\n\n  .reactio-project-card__content{\n    padding-top:60px;\n  }\n\n  .reactio-project-card__content h3{\n    font-size:32px;\n  }\n\n  .reactio-project-card__content p{\n    font-size:13px;\n  }\n\n  .reactio-project-slider__footer{\n    margin-top:32px;\n  }\n\n  .reactio-project-slider__progress{\n    width:100px;\n  }\n\n  .reactio-project-slider__progress i{\n    width:35%;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const slider =\n    document.querySelector(\".reactio-project-slider\");\n\n  if(!slider) return;\n\n\n  const viewport =\n    slider.querySelector(\n      \".reactio-project-slider__viewport\"\n    );\n\n\n  const track =\n    slider.querySelector(\n      \".reactio-project-slider__track\"\n    );\n\n\n  const progress =\n    slider.querySelector(\n      \".reactio-project-slider__progress i\"\n    );\n\n\n  if(!viewport || !track) return;\n\n\n  let cards =\n    Array.from(\n      track.querySelectorAll(\n        \".reactio-project-card\"\n      )\n    );\n\n\n  if(cards.length === 0) return;\n\n\n  let index = 0;\n\n  let autoplay;\n\n  let isDragging = false;\n\n  let startX = 0;\n\n  let movedX = 0;\n\n  let preventClick = false;\n\n\n  \/* =====================================================\n     RESPONSIVE VISIBLE COUNT\n  ====================================================== *\/\n\n  function visibleCount(){\n\n    if(window.innerWidth <= 767){\n      return 1;\n    }\n\n    if(window.innerWidth <= 1100){\n      return 2;\n    }\n\n    return 4;\n\n  }\n\n\n  \/* =====================================================\n     MOVE\n  ====================================================== *\/\n\n  function updateSlider(){\n\n    const gap =\n      parseFloat(\n        getComputedStyle(track).gap\n      ) || 0;\n\n\n    const cardWidth =\n      cards[0]\n      .getBoundingClientRect()\n      .width;\n\n\n    const move =\n      index *\n      (cardWidth + gap);\n\n\n    track.style.transform =\n      `translate3d(-${move}px,0,0)`;\n\n\n    updateProgress();\n\n  }\n\n\n  \/* =====================================================\n     PROGRESS\n  ====================================================== *\/\n\n  function updateProgress(){\n\n    if(!progress) return;\n\n\n    const visible =\n      visibleCount();\n\n\n    const maxIndex =\n      Math.max(\n        cards.length - visible,\n        1\n      );\n\n\n    const percent =\n      Math.min(\n        index \/ maxIndex,\n        1\n      );\n\n\n    const progressContainer =\n      progress.parentElement;\n\n\n    const containerWidth =\n      progressContainer.clientWidth;\n\n\n    const progressWidth =\n      progress.clientWidth;\n\n\n    const maxMove =\n      containerWidth - progressWidth;\n\n\n    progress.style.transform =\n      `translateX(${maxMove * percent}px)`;\n\n  }\n\n\n  \/* =====================================================\n     NEXT\n  ====================================================== *\/\n\n  function nextSlide(){\n\n    const visible =\n      visibleCount();\n\n\n    const maxIndex =\n      Math.max(\n        cards.length - visible,\n        0\n      );\n\n\n    index++;\n\n\n    if(index > maxIndex){\n      index = 0;\n    }\n\n\n    updateSlider();\n\n  }\n\n\n  \/* =====================================================\n     PREVIOUS\n  ====================================================== *\/\n\n  function prevSlide(){\n\n    const visible =\n      visibleCount();\n\n\n    const maxIndex =\n      Math.max(\n        cards.length - visible,\n        0\n      );\n\n\n    index--;\n\n\n    if(index < 0){\n      index = maxIndex;\n    }\n\n\n    updateSlider();\n\n  }\n\n\n  \/* =====================================================\n     AUTOPLAY\n  ====================================================== *\/\n\n  function startAutoplay(){\n\n    stopAutoplay();\n\n    autoplay =\n      setInterval(\n        nextSlide,\n        3000\n      );\n\n  }\n\n\n  function stopAutoplay(){\n\n    if(autoplay){\n      clearInterval(autoplay);\n    }\n\n  }\n\n\n  \/* =====================================================\n     PAUSE ON HOVER\n  ====================================================== *\/\n\n  viewport.addEventListener(\n    \"mouseenter\",\n    stopAutoplay\n  );\n\n\n  viewport.addEventListener(\n    \"mouseleave\",\n    startAutoplay\n  );\n\n\n  \/* =====================================================\n     MOUSE DRAG\n  ====================================================== *\/\n\n  viewport.addEventListener(\n    \"mousedown\",\n    function(e){\n\n      isDragging = true;\n\n      preventClick = false;\n\n      startX = e.clientX;\n\n      movedX = 0;\n\n      stopAutoplay();\n\n    }\n  );\n\n\n  window.addEventListener(\n    \"mousemove\",\n    function(e){\n\n      if(!isDragging) return;\n\n\n      movedX =\n        e.clientX -\n        startX;\n\n\n      if(Math.abs(movedX) > 10){\n        preventClick = true;\n      }\n\n    }\n  );\n\n\n  window.addEventListener(\n    \"mouseup\",\n    function(){\n\n      if(!isDragging) return;\n\n\n      isDragging = false;\n\n\n      if(movedX < -60){\n        nextSlide();\n      }\n\n\n      if(movedX > 60){\n        prevSlide();\n      }\n\n\n      startAutoplay();\n\n    }\n  );\n\n\n  \/* =====================================================\n     PREVENT LINK WHEN DRAGGING\n  ====================================================== *\/\n\n  cards.forEach(function(card){\n\n    card.addEventListener(\n      \"click\",\n      function(e){\n\n        if(preventClick){\n\n          e.preventDefault();\n\n          preventClick = false;\n\n        }\n\n      }\n    );\n\n  });\n\n\n  \/* =====================================================\n     TOUCH\n  ====================================================== *\/\n\n  viewport.addEventListener(\n    \"touchstart\",\n    function(e){\n\n      startX =\n        e.touches[0].clientX;\n\n      movedX = 0;\n\n      preventClick = false;\n\n      stopAutoplay();\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  viewport.addEventListener(\n    \"touchmove\",\n    function(e){\n\n      movedX =\n        e.touches[0].clientX -\n        startX;\n\n\n      if(Math.abs(movedX) > 10){\n        preventClick = true;\n      }\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  viewport.addEventListener(\n    \"touchend\",\n    function(){\n\n      if(movedX < -50){\n        nextSlide();\n      }\n\n\n      if(movedX > 50){\n        prevSlide();\n      }\n\n\n      startAutoplay();\n\n    }\n  );\n\n\n  \/* =====================================================\n     RESIZE\n  ====================================================== *\/\n\n  window.addEventListener(\n    \"resize\",\n    function(){\n\n      const visible =\n        visibleCount();\n\n\n      const maxIndex =\n        Math.max(\n          cards.length - visible,\n          0\n        );\n\n\n      if(index > maxIndex){\n        index = 0;\n      }\n\n\n      updateSlider();\n\n    }\n  );\n\n\n  updateSlider();\n\n  startAutoplay();\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aff1d42 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"aff1d42\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-81ef935 dark-color\" data-id=\"81ef935\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b829a28 elementor-widget elementor-widget-html\" data-id=\"b829a28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-services-section\">\n\n  <div class=\"reactio-services-section__container\">\n\n    <div class=\"reactio-services-section__head\">\n\n      <span class=\"reactio-services-section__eyebrow\">\n        CAPABILITIES\n      <\/span>\n\n      <h2>\n        ONE TEAM.<br>\n        EVERYTHING DIGITAL.\n      <\/h2>\n\n      <p>\n        Stratejiden geli\u015ftirmeye, e-ticaretten performansa kadar\n        dijital b\u00fcy\u00fcmenin ihtiya\u00e7 duydu\u011fu t\u00fcm uzmanl\u0131klar\u0131\n        tek \u00e7at\u0131 alt\u0131nda birle\u015ftiriyoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"reactio-capabilities\">\n\n      <!-- 01 -->\n      <div class=\"reactio-capability active\">\n\n        <div class=\"reactio-capability__main\">\n\n          <span class=\"reactio-capability__number\">\n            01\n          <\/span>\n\n          <h3>\n            BUILD\n          <\/h3>\n\n          <span class=\"reactio-capability__arrow\">\n            \u2197\n          <\/span>\n\n        <\/div>\n\n        <div class=\"reactio-capability__detail\">\n\n          <div class=\"reactio-capability__description\">\n            Web siteleri, landing page'ler ve markaya \u00f6zel\n            dijital \u00fcr\u00fcnler tasarl\u0131yor ve geli\u015ftiriyoruz.\n          <\/div>\n\n          <div class=\"reactio-capability__tags\">\n            <span>WORDPRESS<\/span>\n            <span>CORPORATE WEBSITES<\/span>\n            <span>LANDING PAGES<\/span>\n            <span>WEB DEVELOPMENT<\/span>\n            <span>CUSTOM SOLUTIONS<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-capability\">\n\n        <div class=\"reactio-capability__main\">\n\n          <span class=\"reactio-capability__number\">\n            02\n          <\/span>\n\n          <h3>\n            COMMERCE\n          <\/h3>\n\n          <span class=\"reactio-capability__arrow\">\n            \u2197\n          <\/span>\n\n        <\/div>\n\n        <div class=\"reactio-capability__detail\">\n\n          <div class=\"reactio-capability__description\">\n            Sat\u0131\u015f odakl\u0131 e-ticaret altyap\u0131lar\u0131 kuruyor,\n            mevcut ma\u011fazalar\u0131 performans ve d\u00f6n\u00fc\u015f\u00fcm a\u00e7\u0131s\u0131ndan geli\u015ftiriyoruz.\n          <\/div>\n\n          <div class=\"reactio-capability__tags\">\n            <span>SHOPIFY<\/span>\n            <span>WOOCOMMERCE<\/span>\n            <span>E-COMMERCE<\/span>\n            <span>CRO<\/span>\n            <span>STORE OPTIMIZATION<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-capability\">\n\n        <div class=\"reactio-capability__main\">\n\n          <span class=\"reactio-capability__number\">\n            03\n          <\/span>\n\n          <h3>\n            GROW\n          <\/h3>\n\n          <span class=\"reactio-capability__arrow\">\n            \u2197\n          <\/span>\n\n        <\/div>\n\n        <div class=\"reactio-capability__detail\">\n\n          <div class=\"reactio-capability__description\">\n            Markalar\u0131n dijital g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fc, trafi\u011fini ve\n            d\u00f6n\u00fc\u015f\u00fcm performans\u0131n\u0131 s\u00fcrd\u00fcr\u00fclebilir \u015fekilde b\u00fcy\u00fct\u00fcyoruz.\n          <\/div>\n\n          <div class=\"reactio-capability__tags\">\n            <span>SEO<\/span>\n            <span>GOOGLE ADS<\/span>\n            <span>META ADS<\/span>\n            <span>PERFORMANCE<\/span>\n            <span>CONVERSION<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-capability\">\n\n        <div class=\"reactio-capability__main\">\n\n          <span class=\"reactio-capability__number\">\n            04\n          <\/span>\n\n          <h3>\n            CREATE\n          <\/h3>\n\n          <span class=\"reactio-capability__arrow\">\n            \u2197\n          <\/span>\n\n        <\/div>\n\n        <div class=\"reactio-capability__detail\">\n\n          <div class=\"reactio-capability__description\">\n            Dijital \u00fcr\u00fcnlerin sadece \u00e7al\u0131\u015fmas\u0131n\u0131 de\u011fil,\n            g\u00fc\u00e7l\u00fc g\u00f6r\u00fcnmesini ve do\u011fru deneyimi sunmas\u0131n\u0131 sa\u011fl\u0131yoruz.\n          <\/div>\n\n          <div class=\"reactio-capability__tags\">\n            <span>UI \/ UX<\/span>\n            <span>CREATIVE DESIGN<\/span>\n            <span>BRANDING<\/span>\n            <span>DIGITAL CONTENT<\/span>\n            <span>CAMPAIGN DESIGN<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-services-section{\n  width:100%;\n  overflow:hidden;\n  background:#f3f0e9;\n  color:#080808;\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-services-section *{\n  box-sizing:border-box;\n}\n\n.reactio-services-section__container{\n  width:100%;\n  max-width:1600px;\n  margin:0 auto;\n  padding:120px 50px 130px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-services-section__head{\n  display:grid;\n  grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);\n  column-gap:80px;\n  align-items:end;\n  margin-bottom:90px;\n}\n\n.reactio-services-section__eyebrow{\n  grid-column:1 \/ -1;\n  display:block;\n  margin-bottom:22px;\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:2.5px;\n  color:rgba(8,8,8,.45) !important;\n}\n\n.reactio-services-section__head h2{\n  margin:0;\n  font-size:clamp(60px,7.5vw,135px);\n  line-height:.85;\n  letter-spacing:-.065em;\n  text-transform:uppercase;\n  font-weight:950;\n  color:#080808 !important;\n}\n\n.reactio-services-section__head p{\n  margin:0 0 5px;\n  max-width:480px;\n  font-size:17px;\n  line-height:1.65;\n  color:rgba(8,8,8,.62) !important;\n}\n\n\n\/* =====================================================\n   CAPABILITIES\n===================================================== *\/\n\n.reactio-capabilities{\n  width:100%;\n  border-top:1px solid rgba(0,0,0,.18);\n}\n\n.reactio-capability{\n  position:relative;\n  overflow:hidden;\n  cursor:pointer;\n  border-bottom:1px solid rgba(0,0,0,.18);\n  color:#080808 !important;\n}\n\n\n\/* =====================================================\n   MAIN ROW\n===================================================== *\/\n\n.reactio-capability__main{\n  position:relative;\n  z-index:2;\n\n  min-height:145px;\n\n  display:grid;\n  grid-template-columns:80px 1fr 80px;\n  align-items:center;\n\n  transition:\n    padding .45s cubic-bezier(.16,1,.3,1);\n}\n\n.reactio-capability__number{\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:1.6px;\n  color:rgba(8,8,8,.42) !important;\n}\n\n.reactio-capability h3{\n  margin:0;\n\n  font-size:clamp(55px,6.2vw,110px);\n  line-height:.9;\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  color:#080808 !important;\n\n  transition:\n    transform .45s cubic-bezier(.16,1,.3,1),\n    color .3s ease;\n}\n\n.reactio-capability__arrow{\n  display:flex;\n  justify-content:flex-end;\n\n  font-size:32px;\n  font-weight:300;\n\n  color:#080808 !important;\n\n  transition:\n    transform .45s cubic-bezier(.16,1,.3,1),\n    color .3s ease;\n}\n\n\n\/* =====================================================\n   DETAIL\n===================================================== *\/\n\n.reactio-capability__detail{\n  position:relative;\n  z-index:2;\n\n  max-height:0;\n  opacity:0;\n  overflow:hidden;\n\n  padding-left:80px;\n\n  display:grid;\n  grid-template-columns:minmax(250px,.8fr) 1.2fr;\n\n  gap:80px;\n\n  transition:\n    max-height .65s cubic-bezier(.16,1,.3,1),\n    opacity .4s ease,\n    padding .6s cubic-bezier(.16,1,.3,1);\n}\n\n.reactio-capability__description{\n  max-width:430px;\n\n  font-size:17px;\n  line-height:1.65;\n\n  color:rgba(8,8,8,.62) !important;\n\n  transition:color .3s ease;\n}\n\n.reactio-capability__tags{\n  display:flex;\n  flex-wrap:wrap;\n  align-content:flex-start;\n  gap:8px;\n}\n\n.reactio-capability__tags span{\n  display:inline-flex;\n  align-items:center;\n\n  min-height:35px;\n  padding:0 13px;\n\n  border:1px solid rgba(8,8,8,.22);\n  border-radius:100px;\n\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.9px;\n\n  color:#080808 !important;\n\n  transition:\n    background .3s ease,\n    color .3s ease,\n    border-color .3s ease;\n}\n\n\n\/* =====================================================\n   OPEN STATE\n===================================================== *\/\n\n.reactio-capability.active\n.reactio-capability__main{\n  padding-left:18px;\n}\n\n.reactio-capability.active h3{\n  transform:translateX(10px);\n}\n\n.reactio-capability.active\n.reactio-capability__arrow{\n  transform:rotate(90deg);\n}\n\n.reactio-capability.active\n.reactio-capability__detail{\n  max-height:350px;\n  opacity:1;\n  padding-top:0;\n  padding-bottom:45px;\n}\n\n\n\/* =====================================================\n   DARK HOVER BACKGROUND\n===================================================== *\/\n\n.reactio-capability:before{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  z-index:1;\n\n  background:#080808;\n\n  transform:scaleY(0);\n  transform-origin:bottom;\n\n  transition:\n    transform .5s cubic-bezier(.16,1,.3,1);\n}\n\n.reactio-capability:hover:before{\n  transform:scaleY(1);\n}\n\n\n\/* =====================================================\n   HOVER TEXT COLORS\n===================================================== *\/\n\n.reactio-capability:hover\n.reactio-capability__main{\n  padding-left:18px;\n}\n\n.reactio-capability:hover h3{\n  transform:translateX(10px);\n  color:#fff !important;\n}\n\n.reactio-capability:hover\n.reactio-capability__arrow{\n  color:#fff !important;\n}\n\n.reactio-capability:hover\n.reactio-capability__number{\n  color:rgba(255,255,255,.5) !important;\n}\n\n.reactio-capability:hover\n.reactio-capability__description{\n  color:rgba(255,255,255,.65) !important;\n}\n\n.reactio-capability:hover\n.reactio-capability__tags span{\n  color:#fff !important;\n  border-color:rgba(255,255,255,.28);\n}\n\n.reactio-capability:hover\n.reactio-capability__tags span:hover{\n  background:#fff;\n  color:#000 !important;\n  border-color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-services-section__container{\n    padding:100px 30px 110px;\n  }\n\n  .reactio-services-section__head{\n    grid-template-columns:1fr;\n    gap:30px;\n    margin-bottom:70px;\n  }\n\n  .reactio-services-section__head p{\n    max-width:600px;\n  }\n\n  .reactio-capability__main{\n    grid-template-columns:60px 1fr 50px;\n  }\n\n  .reactio-capability__detail{\n    padding-left:60px;\n    gap:45px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-services-section__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-services-section__head{\n    margin-bottom:55px;\n  }\n\n  .reactio-services-section__eyebrow{\n    margin-bottom:14px;\n    font-size:8px;\n  }\n\n  .reactio-services-section__head h2{\n    font-size:clamp(44px,13vw,64px);\n    line-height:.89;\n  }\n\n  .reactio-services-section__head p{\n    font-size:14px;\n    line-height:1.6;\n  }\n\n  .reactio-capability__main{\n    min-height:100px;\n    grid-template-columns:42px 1fr 32px;\n  }\n\n  .reactio-capability__number{\n    font-size:8px;\n    color:rgba(8,8,8,.42) !important;\n  }\n\n  .reactio-capability h3{\n    font-size:clamp(42px,12vw,58px);\n    color:#080808 !important;\n  }\n\n  .reactio-capability__arrow{\n    font-size:22px;\n    color:#080808 !important;\n  }\n\n  .reactio-capability__detail{\n    padding-left:42px;\n    grid-template-columns:1fr;\n    gap:20px;\n  }\n\n  .reactio-capability.active\n  .reactio-capability__detail{\n    max-height:500px;\n    padding-bottom:30px;\n  }\n\n  .reactio-capability__description{\n    font-size:14px;\n    line-height:1.6;\n    color:rgba(8,8,8,.62) !important;\n  }\n\n  .reactio-capability__tags{\n    gap:6px;\n  }\n\n  .reactio-capability__tags span{\n    min-height:30px;\n    padding:0 10px;\n    font-size:7px;\n    color:#080808 !important;\n    border-color:rgba(8,8,8,.22);\n  }\n\n  \/* MOB\u0130LDE S\u0130YAH HOVER KAPALI *\/\n\n  .reactio-capability:before{\n    display:none;\n  }\n\n  .reactio-capability:hover h3{\n    color:#080808 !important;\n  }\n\n  .reactio-capability:hover\n  .reactio-capability__arrow{\n    color:#080808 !important;\n  }\n\n  .reactio-capability:hover\n  .reactio-capability__number{\n    color:rgba(8,8,8,.42) !important;\n  }\n\n  .reactio-capability:hover\n  .reactio-capability__description{\n    color:rgba(8,8,8,.62) !important;\n  }\n\n  .reactio-capability:hover\n  .reactio-capability__tags span{\n    color:#080808 !important;\n    border-color:rgba(8,8,8,.22);\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const capabilities =\n    document.querySelectorAll(\".reactio-capability\");\n\n  if(!capabilities.length) return;\n\n\n  capabilities.forEach(function(item){\n\n    const main =\n      item.querySelector(\".reactio-capability__main\");\n\n    if(!main) return;\n\n\n    main.addEventListener(\"click\", function(){\n\n      const alreadyActive =\n        item.classList.contains(\"active\");\n\n\n      capabilities.forEach(function(other){\n        other.classList.remove(\"active\");\n      });\n\n\n      if(!alreadyActive){\n        item.classList.add(\"active\");\n      }\n\n    });\n\n  });\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ae3592 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"3ae3592\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4244d55 dark-color\" data-id=\"4244d55\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9c1c51c elementor-widget elementor-widget-html\" data-id=\"9c1c51c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-process\">\n\n  <div class=\"reactio-process__container\">\n\n    <div class=\"reactio-process__head\">\n\n      <span class=\"reactio-process__eyebrow\">\n        HOW WE WORK\n      <\/span>\n\n      <div class=\"reactio-process__title-row\">\n\n        <h2>\n          FROM IDEA.<br>\n          TO IMPACT.\n        <\/h2>\n\n        <p>\n          Her projeyi analiz, strateji, tasar\u0131m ve geli\u015ftirme ad\u0131mlar\u0131yla\n          ele al\u0131yor; yay\u0131ndan sonra performans ve b\u00fcy\u00fcme oda\u011f\u0131n\u0131 s\u00fcrd\u00fcr\u00fcyoruz.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"reactio-process__timeline\">\n\n      <div class=\"reactio-process__progress\">\n        <span><\/span>\n      <\/div>\n\n\n      <!-- 01 -->\n      <div class=\"reactio-process__item\">\n\n        <div class=\"reactio-process__dot\"><\/div>\n\n        <span class=\"reactio-process__number\">\n          01\n        <\/span>\n\n        <h3>\n          DISCOVER\n        <\/h3>\n\n        <p>\n          Markay\u0131, hedefleri, kullan\u0131c\u0131lar\u0131 ve mevcut dijital yap\u0131y\u0131 analiz ederiz.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-process__item\">\n\n        <div class=\"reactio-process__dot\"><\/div>\n\n        <span class=\"reactio-process__number\">\n          02\n        <\/span>\n\n        <h3>\n          STRATEGY\n        <\/h3>\n\n        <p>\n          Projenin yol haritas\u0131n\u0131, teknoloji yap\u0131s\u0131n\u0131 ve b\u00fcy\u00fcme stratejisini olu\u015ftururuz.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-process__item\">\n\n        <div class=\"reactio-process__dot\"><\/div>\n\n        <span class=\"reactio-process__number\">\n          03\n        <\/span>\n\n        <h3>\n          DESIGN\n        <\/h3>\n\n        <p>\n          Marka kimli\u011fini g\u00fc\u00e7l\u00fc bir kullan\u0131c\u0131 deneyimi ve modern aray\u00fcz ile birle\u015ftiririz.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-process__item\">\n\n        <div class=\"reactio-process__dot\"><\/div>\n\n        <span class=\"reactio-process__number\">\n          04\n        <\/span>\n\n        <h3>\n          BUILD\n        <\/h3>\n\n        <p>\n          Tasar\u0131m\u0131 h\u0131zl\u0131, \u00f6l\u00e7eklenebilir ve performans odakl\u0131 bir dijital \u00fcr\u00fcne d\u00f6n\u00fc\u015ft\u00fcr\u00fcr\u00fcz.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-process__item\">\n\n        <div class=\"reactio-process__dot\"><\/div>\n\n        <span class=\"reactio-process__number\">\n          05\n        <\/span>\n\n        <h3>\n          LAUNCH\n        <\/h3>\n\n        <p>\n          Mobil, h\u0131z, SEO ve teknik kontrolleri tamamlayarak projeyi yay\u0131na al\u0131r\u0131z.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-process__item\">\n\n        <div class=\"reactio-process__dot\"><\/div>\n\n        <span class=\"reactio-process__number\">\n          06\n        <\/span>\n\n        <h3>\n          GROW\n        <\/h3>\n\n        <p>\n          SEO, reklam, analiz ve optimizasyonlarla dijital performans\u0131 s\u00fcrekli geli\u015ftiririz.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-process{\n  width:100%;\n  overflow:hidden;\n\n  background:#080808;\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-process *{\n  box-sizing:border-box;\n}\n\n.reactio-process__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px 130px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-process__head{\n  margin-bottom:110px;\n}\n\n.reactio-process__eyebrow{\n  display:block;\n\n  margin-bottom:22px;\n\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:2.5px;\n\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-process__title-row{\n  display:flex;\n  justify-content:space-between;\n  align-items:flex-end;\n\n  gap:70px;\n}\n\n.reactio-process__title-row h2{\n  margin:0;\n\n  font-size:clamp(60px,7.5vw,135px);\n\n  line-height:.85;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-process__title-row p{\n  width:100%;\n  max-width:470px;\n\n  margin:0 0 5px;\n\n  font-size:17px;\n\n  line-height:1.65;\n\n  color:rgba(255,255,255,.52);\n}\n\n\n\/* =====================================================\n   TIMELINE\n===================================================== *\/\n\n.reactio-process__timeline{\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:repeat(6,1fr);\n\n  gap:28px;\n\n  padding-top:40px;\n}\n\n\n\/* BASE LINE *\/\n\n.reactio-process__timeline:before{\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  right:0;\n\n  top:15px;\n\n  height:1px;\n\n  background:rgba(255,255,255,.15);\n}\n\n\n\/* PROGRESS LINE *\/\n\n.reactio-process__progress{\n  position:absolute;\n\n  left:0;\n\n  top:15px;\n\n  width:100%;\n  height:1px;\n\n  overflow:hidden;\n\n  pointer-events:none;\n}\n\n.reactio-process__progress span{\n  display:block;\n\n  width:0;\n  height:100%;\n\n  background:#fff;\n\n  transition:\n    width\n    1.6s\n    cubic-bezier(.16,1,.3,1);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-process__item{\n  position:relative;\n\n  padding-top:20px;\n\n  opacity:.28;\n\n  transform:translateY(35px);\n\n  transition:\n    opacity .6s ease,\n    transform .7s cubic-bezier(.16,1,.3,1);\n}\n\n.reactio-process__item.is-active{\n  opacity:1;\n\n  transform:translateY(0);\n}\n\n\n\/* DOT *\/\n\n.reactio-process__dot{\n  position:absolute;\n\n  top:-30px;\n  left:0;\n\n  width:12px;\n  height:12px;\n\n  border-radius:50%;\n\n  background:#080808;\n\n  border:2px solid rgba(255,255,255,.35);\n\n  transition:\n    background .35s ease,\n    border-color .35s ease,\n    transform .35s ease,\n    box-shadow .35s ease;\n}\n\n.reactio-process__item.is-active\n.reactio-process__dot{\n  background:#fff;\n\n  border-color:#fff;\n\n  transform:scale(1.15);\n\n  box-shadow:\n    0 0 18px\n    rgba(255,255,255,.35);\n}\n\n\n\/* NUMBER *\/\n\n.reactio-process__number{\n  display:block;\n\n  margin-bottom:28px;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(255,255,255,.35);\n}\n\n\n\/* TITLE *\/\n\n.reactio-process__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(28px,2.4vw,42px);\n\n  line-height:1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#fff !important;\n}\n\n\n\/* TEXT *\/\n\n.reactio-process__item p{\n  margin:0;\n\n  max-width:220px;\n\n  font-size:14px;\n\n  line-height:1.65;\n\n  color:rgba(255,255,255,.48);\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-process__item:hover{\n  opacity:1;\n}\n\n.reactio-process__item:hover\n.reactio-process__dot{\n  background:#fff;\n\n  border-color:#fff;\n\n  transform:scale(1.15);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-process__container{\n    padding:\n      100px\n      30px\n      110px;\n  }\n\n\n  .reactio-process__title-row{\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:30px;\n  }\n\n\n  .reactio-process__head{\n    margin-bottom:80px;\n  }\n\n\n  .reactio-process__timeline{\n    grid-template-columns:repeat(3,1fr);\n\n    row-gap:80px;\n  }\n\n\n  .reactio-process__timeline:before,\n  .reactio-process__progress{\n    display:none;\n  }\n\n\n  .reactio-process__dot{\n    top:0;\n  }\n\n\n  .reactio-process__item{\n    padding-top:35px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-process__container{\n    padding:\n      80px\n      20px\n      85px;\n  }\n\n\n  .reactio-process__head{\n    margin-bottom:60px;\n  }\n\n\n  .reactio-process__eyebrow{\n    margin-bottom:14px;\n\n    font-size:8px;\n  }\n\n\n  .reactio-process__title-row h2{\n    font-size:clamp(44px,13vw,64px);\n\n    line-height:.89;\n  }\n\n\n  .reactio-process__title-row p{\n    font-size:14px;\n\n    line-height:1.6;\n  }\n\n\n  \/* VERTICAL TIMELINE *\/\n\n  .reactio-process__timeline{\n    display:flex;\n\n    flex-direction:column;\n\n    gap:0;\n\n    padding-top:0;\n\n    margin-left:6px;\n  }\n\n\n  .reactio-process__timeline:before{\n    display:block;\n\n    left:5px;\n    right:auto;\n\n    top:0;\n    bottom:0;\n\n    width:1px;\n    height:auto;\n\n    background:rgba(255,255,255,.15);\n  }\n\n\n  .reactio-process__progress{\n    display:block;\n\n    left:5px;\n\n    top:0;\n\n    width:1px;\n    height:100%;\n  }\n\n\n  .reactio-process__progress span{\n    width:100%;\n    height:0;\n\n    transition:\n      height\n      1.6s\n      cubic-bezier(.16,1,.3,1);\n  }\n\n\n  .reactio-process__item{\n    padding:\n      0\n      0\n      55px\n      38px;\n\n    opacity:.3;\n\n    transform:translateY(25px);\n  }\n\n\n  .reactio-process__item:last-child{\n    padding-bottom:0;\n  }\n\n\n  .reactio-process__dot{\n    left:0;\n\n    top:4px;\n\n    width:11px;\n    height:11px;\n  }\n\n\n  .reactio-process__number{\n    margin-bottom:12px;\n\n    font-size:8px;\n  }\n\n\n  .reactio-process__item h3{\n    margin-bottom:12px;\n\n    font-size:34px;\n  }\n\n\n  .reactio-process__item p{\n    max-width:100%;\n\n    font-size:14px;\n\n    line-height:1.6;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const section =\n    document.querySelector(\".reactio-process\");\n\n  if(!section) return;\n\n\n  const items =\n    section.querySelectorAll(\".reactio-process__item\");\n\n\n  const progress =\n    section.querySelector(\".reactio-process__progress span\");\n\n\n  if(!items.length) return;\n\n\n  const observer =\n    new IntersectionObserver(\n\n      function(entries){\n\n        entries.forEach(function(entry){\n\n          if(entry.isIntersecting){\n\n            items.forEach(function(item, index){\n\n              setTimeout(function(){\n\n                item.classList.add(\"is-active\");\n\n              }, index * 180);\n\n            });\n\n\n            setTimeout(function(){\n\n              if(!progress) return;\n\n\n              if(window.innerWidth <= 767){\n\n                progress.style.height = \"100%\";\n\n              }else{\n\n                progress.style.width = \"100%\";\n\n              }\n\n            }, 150);\n\n\n            observer.unobserve(entry.target);\n\n          }\n\n        });\n\n      },\n\n      {\n        threshold:.25\n      }\n\n    );\n\n\n  observer.observe(section);\n\n\n  window.addEventListener(\"resize\", function(){\n\n    if(!progress) return;\n\n\n    if(section.getBoundingClientRect().top < window.innerHeight){\n\n      if(window.innerWidth <= 767){\n\n        progress.style.width = \"100%\";\n        progress.style.height = \"100%\";\n\n      }else{\n\n        progress.style.height = \"100%\";\n        progress.style.width = \"100%\";\n\n      }\n\n    }\n\n  });\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff9fc20 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"ff9fc20\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f77c1c dark-color\" data-id=\"7f77c1c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-78d2f96 elementor-widget elementor-widget-html\" data-id=\"78d2f96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-clients\">\n\n  <div class=\"reactio-clients__container\">\n\n    <div class=\"reactio-clients__head\">\n\n      <span class=\"reactio-clients__eyebrow\">\n        TRUSTED BY BRANDS\n      <\/span>\n\n      <div class=\"reactio-clients__title-row\">\n\n        <h2>\n          TRUSTED BY BRANDS<br>\n          THAT MOVE FORWARD.\n        <\/h2>\n\n        <p>\n          Yeni nesil markalardan k\u00f6kl\u00fc \u015firketlere kadar farkl\u0131 sekt\u00f6rlerde\n          bir\u00e7ok markayla dijital \u00fcr\u00fcn, teknoloji ve b\u00fcy\u00fcme projeleri geli\u015ftiriyoruz.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       ROW 1\n  ====================================================== -->\n  <div class=\"reactio-logo-marquee\">\n\n    <div class=\"reactio-logo-track reactio-logo-track--left\">\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/qlu.webp\"\n          alt=\"QLU\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/images.png\"\n          alt=\"Referans marka\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/selenconcept.png\"\n          alt=\"Selen Concept\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/bodrumtadilat.png\"\n          alt=\"Bodrum Tadilat\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/astomeria.webp\"\n          alt=\"Astomeria\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/jelesa.webp\"\n          alt=\"Jelesa\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/akup.webp\"\n          alt=\"AK\u00dcP\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/signature.png\"\n          alt=\"Signature Hotels\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/genpa.png\"\n          alt=\"Genpa\"\n        >\n      <\/div>\n\n\n      <!-- DUPLICATE -->\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/qlu.webp\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/images.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/selenconcept.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/bodrumtadilat.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/astomeria.webp\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/jelesa.webp\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/akup.webp\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/signature.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/genpa.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       ROW 2\n  ====================================================== -->\n  <div class=\"reactio-logo-marquee\">\n\n    <div class=\"reactio-logo-track reactio-logo-track--right\">\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/genpa.png\"\n          alt=\"Genpa\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/signature.png\"\n          alt=\"Signature Hotels\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/akup.webp\"\n          alt=\"AK\u00dcP\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/jelesa.webp\"\n          alt=\"Jelesa\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/astomeria.webp\"\n          alt=\"Astomeria\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/bodrumtadilat.png\"\n          alt=\"Bodrum Tadilat\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/selenconcept.png\"\n          alt=\"Selen Concept\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/images.png\"\n          alt=\"Referans marka\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/qlu.webp\"\n          alt=\"QLU\"\n        >\n      <\/div>\n\n\n      <!-- DUPLICATE -->\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/genpa.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/signature.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/akup.webp\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/jelesa.webp\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/astomeria.webp\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/bodrumtadilat.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/selenconcept.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/images.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <div class=\"reactio-logo-item\">\n        <img decoding=\"async\"\n          src=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/qlu.webp\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-clients{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  padding:120px 0 130px;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-clients *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-clients__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:0 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-clients__head{\n  margin-bottom:85px;\n}\n\n.reactio-clients__eyebrow{\n  display:block;\n\n  margin-bottom:22px;\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2.5px;\n\n  color:rgba(8,8,8,.42);\n}\n\n.reactio-clients__title-row{\n  display:flex;\n\n  justify-content:space-between;\n  align-items:flex-end;\n\n  gap:70px;\n}\n\n.reactio-clients__title-row h2{\n  margin:0;\n\n  font-size:clamp(58px,7vw,125px);\n\n  line-height:.86;\n\n  letter-spacing:-.06em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-clients__title-row p{\n  width:100%;\n  max-width:470px;\n\n  margin:0 0 5px;\n\n  font-size:17px;\n\n  line-height:1.65;\n\n  color:rgba(8,8,8,.58);\n}\n\n\n\/* =====================================================\n   MARQUEE\n===================================================== *\/\n\n.reactio-logo-marquee{\n  width:100%;\n\n  overflow:hidden;\n\n  border-top:1px solid rgba(0,0,0,.12);\n\n  -webkit-mask-image:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      #000 5%,\n      #000 95%,\n      transparent 100%\n    );\n\n  mask-image:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      #000 5%,\n      #000 95%,\n      transparent 100%\n    );\n}\n\n.reactio-logo-marquee:last-child{\n  border-bottom:1px solid rgba(0,0,0,.12);\n}\n\n\n\/* =====================================================\n   TRACK\n===================================================== *\/\n\n.reactio-logo-track{\n  display:flex;\n\n  align-items:center;\n\n  width:max-content;\n\n  will-change:transform;\n}\n\n\n\/* =====================================================\n   LOGO ITEM\n===================================================== *\/\n\n.reactio-logo-item{\n  width:250px;\n  height:145px;\nbackground:#fff;\n\n  flex:0 0 250px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:30px;\n\n  border-right:1px solid rgba(0,0,0,.10);\n\n  transition:\n    background .35s ease;\n}\n\n.reactio-logo-item:hover{\n  background:#fff;\n}\n\n\n\/* =====================================================\n   LOGO IMAGE\n===================================================== *\/\n\n.reactio-logo-item img{\n  display:block;\n\n  width:160px;\n  height:70px;\n\n  max-width:160px;\n  max-height:70px;\n\n  object-fit:contain;\n\n  object-position:center;\n\n  filter:\n    grayscale(100%)\n    contrast(1.1);\n\n  opacity:.58;\n\n  transition:\n    filter .4s ease,\n    opacity .4s ease,\n    transform .4s cubic-bezier(.16,1,.3,1);\n}\n\n.reactio-logo-item:hover img{\n  filter:grayscale(0%);\n\n  opacity:1;\n\n  transform:scale(1.06);\n}\n\n\n\/* =====================================================\n   LEFT ANIMATION\n===================================================== *\/\n\n.reactio-logo-track--left{\n  animation:\n    reactioLogoLeft\n    42s\n    linear\n    infinite;\n}\n\n@keyframes reactioLogoLeft{\n\n  from{\n    transform:translateX(0);\n  }\n\n  to{\n    transform:translateX(-50%);\n  }\n\n}\n\n\n\/* =====================================================\n   RIGHT ANIMATION\n===================================================== *\/\n\n.reactio-logo-track--right{\n  transform:translateX(-50%);\n\n  animation:\n    reactioLogoRight\n    44s\n    linear\n    infinite;\n}\n\n@keyframes reactioLogoRight{\n\n  from{\n    transform:translateX(-50%);\n  }\n\n  to{\n    transform:translateX(0);\n  }\n\n}\n\n\n\/* =====================================================\n   PAUSE ON HOVER\n===================================================== *\/\n\n.reactio-logo-marquee:hover\n.reactio-logo-track{\n  animation-play-state:paused;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-clients{\n    padding:100px 0 110px;\n  }\n\n  .reactio-clients__container{\n    padding:0 30px;\n  }\n\n  .reactio-clients__title-row{\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:30px;\n  }\n\n  .reactio-clients__head{\n    margin-bottom:65px;\n  }\n\n  .reactio-logo-item{\n    width:220px;\n    height:130px;\n\n    flex-basis:220px;\n\n    padding:28px;\n  }\n\n  .reactio-logo-item img{\n    width:145px;\n    height:62px;\n\n    max-width:145px;\n    max-height:62px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-clients{\n    padding:80px 0 85px;\n  }\n\n  .reactio-clients__container{\n    padding:0 20px;\n  }\n\n  .reactio-clients__head{\n    margin-bottom:50px;\n  }\n\n  .reactio-clients__eyebrow{\n    margin-bottom:14px;\n\n    font-size:8px;\n\n    letter-spacing:1.8px;\n  }\n\n  .reactio-clients__title-row h2{\n    font-size:clamp(43px,13vw,62px);\n\n    line-height:.89;\n  }\n\n  .reactio-clients__title-row p{\n    font-size:14px;\n\n    line-height:1.6;\n  }\n\n  .reactio-logo-item{\n    width:175px;\n    height:105px;\n\n    flex-basis:175px;\n\n    padding:22px;\n  }\n\n  .reactio-logo-item img{\n    width:115px;\n    height:50px;\n\n    max-width:115px;\n    max-height:50px;\n  }\n\n  .reactio-logo-track--left{\n    animation-duration:32s;\n  }\n\n  .reactio-logo-track--right{\n    animation-duration:34s;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DIGITAL GROWTH &amp; TECHNOLOGY AVAILABLE WORLDWIDE DIGITAL PRODUCTS. REAL GROWTH. Markalar\u0131n dijitalde sadece var olmas\u0131n\u0131 de\u011fil, b\u00fcy\u00fcmesini sa\u011flayan sistemler tasarl\u0131yor ve geli\u015ftiriyoruz. WordPress Shopify Development SEO Performance START A PROJECT \u2197 VIEW OUR WORK BUILT IN T\u00dcRK\u0130YE. WORKING WORLDWIDE. SCROLL TO EXPLORE WHAT WE BELIEVE WE DON&#8217;T JUST BUILD WEBSITES. WE BUILD GROWTH SYSTEMS. STRATEGY &#8230;<\/p>\n","protected":false},"author":1,"featured_media":2220,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"cozystay_single_page_hide_site_header":"","cozystay_single_page_site_header_source":"","cozystay_single_page_custom_site_header":"","cozystay_single_page_custom_sticky_site_header":"","cozystay_single_page_hide_page_title":"on","cozystay_single_page_header_section_size":"","cozystay_single_page_header_background_color":"","cozystay_single_page_header_background_position_x":"center","cozystay_single_page_header_background_position_y":"center","cozystay_single_page_header_background_size":"cover","cozystay_single_page_header_background_repeat":"off","cozystay_single_page_header_background_scroll":"on","cozystay_single_page_header_text_color":"","cozystay_single_page_header_show_breadcrumb":"","cozystay_single_page_site_footer_hide_main":"","cozystay_single_custom_site_footer_main_source":"","cozystay_single_custom_site_footer_main":"","cozystay_single_page_site_footer_hide_above":"","cozystay_single_custom_site_footer_above_source":"","cozystay_single_custom_site_footer_above":"","cozystay_single_page_site_footer_hide_instagram":"","cozystay_single_page_site_footer_hide_bottom":"","cozystay_single_custom_mobile_menu_source":"","cozystay_single_custom_mobile_menu":"","cozystay_single_custom_mobile_menu_animation":"","cozystay_single_custom_mobile_menu_width":"","cozystay_single_custom_mobile_menu_custom_width":375,"footnotes":""},"class_list":["post-2054","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dijital Ajans | Web, E-Ticaret, SEO &amp; Performans | Reactio<\/title>\n<meta name=\"description\" content=\"Reactio; web tasar\u0131m, \u00f6zel yaz\u0131l\u0131m, Shopify, e-ticaret, SEO, Google Ads, Meta Ads ve kreatif tasar\u0131m hizmetleri sunan dijital ajanst\u0131r.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/testet.biz\/reactio\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dijital Ajans | Web, E-Ticaret, SEO &amp; Performans | Reactio\" \/>\n<meta property=\"og:description\" content=\"Reactio; web tasar\u0131m, \u00f6zel yaz\u0131l\u0131m, Shopify, e-ticaret, SEO, Google Ads, Meta Ads ve kreatif tasar\u0131m hizmetleri sunan dijital ajanst\u0131r.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/testet.biz\/reactio\/\" \/>\n<meta property=\"og:site_name\" content=\"REACTIO\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T14:09:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1672\" \/>\n\t<meta property=\"og:image:height\" content=\"940\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\",\"name\":\"Dijital Ajans | Web, E-Ticaret, SEO & Performans | Reactio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/image.png\",\"datePublished\":\"2023-04-24T06:35:00+00:00\",\"dateModified\":\"2026-08-19T14:09:52+00:00\",\"description\":\"Reactio; web tasar\u0131m, \u00f6zel yaz\u0131l\u0131m, Shopify, e-ticaret, SEO, Google Ads, Meta Ads ve kreatif tasar\u0131m hizmetleri sunan dijital ajanst\u0131r.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/testet.biz\\\/reactio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#primaryimage\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/image.png\",\"contentUrl\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/image.png\",\"width\":1672,\"height\":940},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Anasayfa\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#website\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\",\"name\":\"REACTIO\",\"description\":\"Digital Products. Real Growth.\",\"publisher\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#organization\",\"name\":\"REACTIO\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo.png\",\"width\":230,\"height\":53,\"caption\":\"REACTIO\"},\"image\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dijital Ajans | Web, E-Ticaret, SEO & Performans | Reactio","description":"Reactio; web tasar\u0131m, \u00f6zel yaz\u0131l\u0131m, Shopify, e-ticaret, SEO, Google Ads, Meta Ads ve kreatif tasar\u0131m hizmetleri sunan dijital ajanst\u0131r.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/testet.biz\/reactio\/","og_locale":"tr_TR","og_type":"article","og_title":"Dijital Ajans | Web, E-Ticaret, SEO & Performans | Reactio","og_description":"Reactio; web tasar\u0131m, \u00f6zel yaz\u0131l\u0131m, Shopify, e-ticaret, SEO, Google Ads, Meta Ads ve kreatif tasar\u0131m hizmetleri sunan dijital ajanst\u0131r.","og_url":"https:\/\/testet.biz\/reactio\/","og_site_name":"REACTIO","article_modified_time":"2026-08-19T14:09:52+00:00","og_image":[{"width":1672,"height":940,"url":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tahmini okuma s\u00fcresi":"11 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/testet.biz\/reactio\/","url":"https:\/\/testet.biz\/reactio\/","name":"Dijital Ajans | Web, E-Ticaret, SEO & Performans | Reactio","isPartOf":{"@id":"https:\/\/testet.biz\/reactio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/testet.biz\/reactio\/#primaryimage"},"image":{"@id":"https:\/\/testet.biz\/reactio\/#primaryimage"},"thumbnailUrl":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/image.png","datePublished":"2023-04-24T06:35:00+00:00","dateModified":"2026-08-19T14:09:52+00:00","description":"Reactio; web tasar\u0131m, \u00f6zel yaz\u0131l\u0131m, Shopify, e-ticaret, SEO, Google Ads, Meta Ads ve kreatif tasar\u0131m hizmetleri sunan dijital ajanst\u0131r.","breadcrumb":{"@id":"https:\/\/testet.biz\/reactio\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/testet.biz\/reactio\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/testet.biz\/reactio\/#primaryimage","url":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/image.png","contentUrl":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/image.png","width":1672,"height":940},{"@type":"BreadcrumbList","@id":"https:\/\/testet.biz\/reactio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/testet.biz\/reactio\/"},{"@type":"ListItem","position":2,"name":"Anasayfa"}]},{"@type":"WebSite","@id":"https:\/\/testet.biz\/reactio\/#website","url":"https:\/\/testet.biz\/reactio\/","name":"REACTIO","description":"Digital Products. Real Growth.","publisher":{"@id":"https:\/\/testet.biz\/reactio\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/testet.biz\/reactio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/testet.biz\/reactio\/#organization","name":"REACTIO","url":"https:\/\/testet.biz\/reactio\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/testet.biz\/reactio\/#\/schema\/logo\/image\/","url":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/logo.png","contentUrl":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/logo.png","width":230,"height":53,"caption":"REACTIO"},"image":{"@id":"https:\/\/testet.biz\/reactio\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/comments?post=2054"}],"version-history":[{"count":60,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2054\/revisions"}],"predecessor-version":[{"id":2552,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2054\/revisions\/2552"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/media\/2220"}],"wp:attachment":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/media?parent=2054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}