{"id":2398,"date":"2026-08-19T07:51:28","date_gmt":"2026-08-19T07:51:28","guid":{"rendered":"https:\/\/testet.biz\/reactio\/?page_id=2398"},"modified":"2026-08-19T14:14:51","modified_gmt":"2026-08-19T14:14:51","slug":"landing-page","status":"publish","type":"page","link":"https:\/\/testet.biz\/reactio\/landing-page\/","title":{"rendered":"Landing Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2398\" class=\"elementor elementor-2398\">\n\t\t\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-landing-hero\">\n\n  <div class=\"reactio-landing-hero__container\">\n\n    <!-- TOP -->\n    <div class=\"reactio-landing-hero__top\">\n\n      <span class=\"reactio-landing-hero__eyebrow\">\n        LANDING PAGE DESIGN\n      <\/span>\n\n      <span class=\"reactio-landing-hero__status\">\n        <i><\/i>\n        BUILT TO CONVERT\n      <\/span>\n\n    <\/div>\n\n\n    <!-- MAIN -->\n    <div class=\"reactio-landing-hero__content\">\n\n      <h1>\n        ONE PAGE.<br>\n        ONE GOAL.<br>\n        <span>MORE CONVERSIONS.<\/span>\n      <\/h1>\n\n\n      <div class=\"reactio-landing-hero__bottom\">\n\n        <div class=\"reactio-landing-hero__copy\">\n\n          <p>\n            Reklam kampanyalar\u0131, \u00fcr\u00fcn lansmanlar\u0131, hizmet tan\u0131t\u0131mlar\u0131\n            ve lead toplama s\u00fcre\u00e7leri i\u00e7in kullan\u0131c\u0131y\u0131 tek bir hedefe\n            y\u00f6nlendiren y\u00fcksek d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 landing page'ler tasarl\u0131yor\n            ve geli\u015ftiriyoruz.\n          <\/p>\n\n          <div class=\"reactio-landing-hero__tags\">\n\n            <span>CRO<\/span>\n            <span>GOOGLE ADS<\/span>\n            <span>META ADS<\/span>\n            <span>SEO READY<\/span>\n            <span>MOBILE FIRST<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <a href=\"\/iletisim\/\" class=\"reactio-landing-hero__button\">\n\n          <span>\n            PROJEN\u0130 KONU\u015eALIM\n          <\/span>\n\n          <b>\u2197<\/b>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FOOTER -->\n    <div class=\"reactio-landing-hero__footer\">\n\n      <span>\n        STRATEGY \u00b7 COPY \u00b7 DESIGN \u00b7 DEVELOPMENT \u00b7 TRACKING \u00b7 CRO\n      <\/span>\n\n      <strong>\n        LESS DISTRACTION. MORE ACTION.\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.reactio-landing-hero{\n  width:100%;\n  min-height:82vh;\n\n  display:flex;\n\n  overflow:hidden;\n\n  background:#080808;\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-landing-hero *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-landing-hero__container{\n  width:100%;\n  max-width:1600px;\n\n  min-height:82vh;\n\n  margin:0 auto;\n\n  padding:\n    48px\n    50px\n    35px;\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-landing-hero__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.reactio-landing-hero__eyebrow{\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2.4px;\n\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-landing-hero__status{\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  font-size:9px;\n\n  font-weight:850;\n\n  letter-spacing:1.4px;\n\n  color:rgba(255,255,255,.45);\n}\n\n.reactio-landing-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 rgba(143,255,143,.75);\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-landing-hero__content{\n  padding:\n    75px\n    0\n    55px;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.reactio-landing-hero h1{\n  margin:0;\n\n  max-width:1500px;\n\n  font-size:\n    clamp(\n      70px,\n      8.4vw,\n      150px\n    );\n\n  line-height:.81;\n\n  letter-spacing:-.068em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-landing-hero h1 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:\n    2px\n    #fff;\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-landing-hero__bottom{\n  margin-top:55px;\n\n  display:flex;\n\n  align-items:flex-end;\n\n  justify-content:space-between;\n\n  gap:70px;\n}\n\n.reactio-landing-hero__copy{\n  max-width:740px;\n}\n\n.reactio-landing-hero__copy p{\n  margin:0;\n\n  max-width:720px;\n\n  font-size:19px;\n\n  line-height:1.65;\n\n  color:rgba(255,255,255,.58);\n}\n\n\n\/* =====================================================\n   TAGS\n===================================================== *\/\n\n.reactio-landing-hero__tags{\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-top:25px;\n}\n\n.reactio-landing-hero__tags span{\n  padding:\n    7px\n    11px;\n\n  border:\n    1px\n    solid\n    rgba(255,255,255,.17);\n\n  border-radius:100px;\n\n  font-size:7px;\n\n  font-weight:850;\n\n  letter-spacing:.7px;\n\n  color:rgba(255,255,255,.5);\n}\n\n\n\/* =====================================================\n   BUTTON\n===================================================== *\/\n\n.reactio-landing-hero__button{\n  min-width:230px;\n\n  height:62px;\n\n  padding:\n    0\n    24px;\n\n  flex-shrink:0;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:30px;\n\n  border-radius:100px;\n\n  background:#fff;\n\n  color:#080808 !important;\n\n  text-decoration:none !important;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  transition:\n    transform\n    .35s\n    ease;\n}\n\n.reactio-landing-hero__button b{\n  font-size:19px;\n\n  font-weight:400;\n\n  transition:\n    transform\n    .35s\n    ease;\n}\n\n.reactio-landing-hero__button:hover{\n  transform:translateY(-3px);\n}\n\n.reactio-landing-hero__button:hover b{\n  transform:translate(3px,-3px);\n}\n\n\n\/* =====================================================\n   FOOTER\n===================================================== *\/\n\n.reactio-landing-hero__footer{\n  padding-top:25px;\n\n  border-top:\n    1px\n    solid\n    rgba(255,255,255,.14);\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.reactio-landing-hero__footer span{\n  font-size:8px;\n\n  font-weight:800;\n\n  letter-spacing:1.4px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-landing-hero__footer strong{\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-landing-hero__container{\n    padding:\n      42px\n      30px\n      32px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-landing-hero{\n    min-height:72vh;\n  }\n\n  .reactio-landing-hero__container{\n    min-height:72vh;\n\n    padding:\n      28px\n      20px\n      25px;\n  }\n\n  .reactio-landing-hero__eyebrow{\n    font-size:8px;\n  }\n\n  .reactio-landing-hero__status{\n    font-size:7px;\n\n    letter-spacing:.7px;\n  }\n\n  .reactio-landing-hero__content{\n    padding:\n      65px\n      0\n      45px;\n  }\n\n  .reactio-landing-hero h1{\n    font-size:\n      clamp(\n        42px,\n        11.5vw,\n        59px\n      );\n\n    line-height:.86;\n  }\n\n  .reactio-landing-hero h1 span{\n    -webkit-text-stroke:\n      1px\n      #fff;\n  }\n\n  .reactio-landing-hero__bottom{\n    margin-top:35px;\n\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:30px;\n  }\n\n  .reactio-landing-hero__copy p{\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-landing-hero__button{\n    width:100%;\n  }\n\n  .reactio-landing-hero__footer{\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:8px;\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a77833 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=\"6a77833\" 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-504ea11 dark-color\" data-id=\"504ea11\" 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-4644409 elementor-widget elementor-widget-html\" data-id=\"4644409\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-lp-focus\">\n\n  <div class=\"reactio-lp-focus__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-lp-focus__header\">\n\n      <div class=\"reactio-lp-focus__title\">\n\n        <span class=\"reactio-lp-focus__eyebrow\">\n          CONVERSION FOCUSED\n        <\/span>\n\n        <h2>\n          DAHA FAZLA<br>\n          SAYFA DE\u011e\u0130L.<br>\n          <span>DAHA AZ D\u0130KKAT DA\u011eINIKLI\u011eI.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"reactio-lp-focus__intro\">\n\n        <span>\n          ONE PAGE. ONE ACTION.\n        <\/span>\n\n        <h3>\n          Landing page'in g\u00f6revi\n          kullan\u0131c\u0131ya her \u015feyi anlatmak de\u011fil,\n          do\u011fru aksiyona y\u00f6nlendirmektir.\n        <\/h3>\n\n        <p>\n          Kullan\u0131c\u0131n\u0131n reklamdan veya ba\u015fka bir trafik kayna\u011f\u0131ndan\n          sayfaya geldi\u011fi andan itibaren ne g\u00f6rmesi, ne anlamas\u0131 ve\n          hangi aksiyonu almas\u0131 gerekti\u011fini planl\u0131yoruz.\n        <\/p>\n\n        <p>\n          Mesaj\u0131 sadele\u015ftiriyor, gereksiz dikkat da\u011f\u0131t\u0131c\u0131 unsurlar\u0131\n          azalt\u0131yor ve tasar\u0131m\u0131 d\u00f6n\u00fc\u015f\u00fcm hedefinin etraf\u0131nda\n          \u015fekillendiriyoruz.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-lp-focus__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-lp-focus__item\">\n\n        <div class=\"reactio-lp-focus__top\">\n          <span>01<\/span>\n          <small>GOAL<\/small>\n        <\/div>\n\n        <div class=\"reactio-lp-focus__content\">\n\n          <h3>\n            TEK<br>\n            HEDEF\n          <\/h3>\n\n          <p>\n            Form doldurma, teklif alma, sat\u0131n alma, rezervasyon\n            veya ileti\u015fim gibi tek bir ana d\u00f6n\u00fc\u015f\u00fcm hedefi\n            etraf\u0131nda sayfay\u0131 kurguluyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-lp-focus__item\">\n\n        <div class=\"reactio-lp-focus__top\">\n          <span>02<\/span>\n          <small>MESSAGE<\/small>\n        <\/div>\n\n        <div class=\"reactio-lp-focus__content\">\n\n          <h3>\n            G\u00dc\u00c7L\u00dc<br>\n            MESAJ\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131n\u0131n ilk birka\u00e7 saniyede teklifinizi\n            anlayabilmesi i\u00e7in ba\u015fl\u0131k, de\u011fer \u00f6nerisi ve\n            i\u00e7erik hiyerar\u015fisini sadele\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-lp-focus__item\">\n\n        <div class=\"reactio-lp-focus__top\">\n          <span>03<\/span>\n          <small>CAMPAIGNS<\/small>\n        <\/div>\n\n        <div class=\"reactio-lp-focus__content\">\n\n          <h3>\n            REKLAMLA<br>\n            UYUMLU\n          <\/h3>\n\n          <p>\n            Google Ads ve Meta Ads kampanyalar\u0131ndaki mesajla\n            landing page i\u00e7eri\u011fini ayn\u0131 kullan\u0131c\u0131 niyeti\n            etraf\u0131nda e\u015fle\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-lp-focus__item\">\n\n        <div class=\"reactio-lp-focus__top\">\n          <span>04<\/span>\n          <small>UX<\/small>\n        <\/div>\n\n        <div class=\"reactio-lp-focus__content\">\n\n          <h3>\n            D\u00d6N\u00dc\u015e\u00dcM<br>\n            ODAKLI UX\n          <\/h3>\n\n          <p>\n            CTA alanlar\u0131, i\u00e7erik s\u0131ralamas\u0131, g\u00fcven unsurlar\u0131\n            ve kullan\u0131c\u0131 ak\u0131\u015f\u0131n\u0131 aksiyon almay\u0131 kolayla\u015ft\u0131racak\n            \u015fekilde tasarl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-lp-focus__item\">\n\n        <div class=\"reactio-lp-focus__top\">\n          <span>05<\/span>\n          <small>TRACKING<\/small>\n        <\/div>\n\n        <div class=\"reactio-lp-focus__content\">\n\n          <h3>\n            \u00d6L\u00c7\u00dcLEB\u0130L\u0130R<br>\n            D\u00d6N\u00dc\u015e\u00dcM\n          <\/h3>\n\n          <p>\n            Form, telefon, WhatsApp, sat\u0131n alma veya di\u011fer\n            hedef aksiyonlar\u0131n \u00f6l\u00e7\u00fclebilmesi i\u00e7in gerekli\n            takip altyap\u0131s\u0131n\u0131 planl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-lp-focus__item\">\n\n        <div class=\"reactio-lp-focus__top\">\n          <span>06<\/span>\n          <small>OPTIMIZATION<\/small>\n        <\/div>\n\n        <div class=\"reactio-lp-focus__content\">\n\n          <h3>\n            TEST ET.<br>\n            GEL\u0130\u015eT\u0130R.\n          <\/h3>\n\n          <p>\n            Performans verilerine g\u00f6re ba\u015fl\u0131k, CTA, i\u00e7erik\n            s\u0131ralamas\u0131 ve sayfa deneyimini s\u00fcrekli\n            geli\u015ftirmeye uygun bir yap\u0131 olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-lp-focus__bottom\">\n\n      <span>\n        LESS DISTRACTION\n      <\/span>\n\n      <strong>\n        MESSAGE \u2192 ACTION \u2192 DATA \u2192 OPTIMIZATION\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-lp-focus{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-lp-focus *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-lp-focus__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-lp-focus__header{\n  display:grid;\n\n  grid-template-columns:1.15fr .85fr;\n\n  gap:100px;\n\n  align-items:end;\n\n  margin-bottom:90px;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.reactio-lp-focus__eyebrow{\n  display:block;\n\n  margin-bottom:25px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n\n.reactio-lp-focus__title h2{\n  margin:0;\n\n  font-size:clamp(54px,6.3vw,110px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n\n.reactio-lp-focus__title h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.reactio-lp-focus__intro > span{\n  display:block;\n\n  margin-bottom:20px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.38);\n}\n\n\n.reactio-lp-focus__intro h3{\n  max-width:600px;\n\n  margin:0 0 28px;\n\n  font-size:clamp(28px,2.5vw,42px);\n\n  line-height:1.04;\n\n  letter-spacing:-.045em;\n\n  font-weight:900;\n\n  color:#080808 !important;\n}\n\n\n.reactio-lp-focus__intro p{\n  max-width:600px;\n\n  margin:0 0 15px;\n\n  font-size:14px;\n\n  line-height:1.75;\n\n  color:rgba(8,8,8,.57);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-lp-focus__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-lp-focus__item{\n  min-height:350px;\n\n  padding:28px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n\n.reactio-lp-focus__item:nth-child(3n){\n  border-right:0;\n}\n\n\n.reactio-lp-focus__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-lp-focus__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n\n.reactio-lp-focus__top span,\n.reactio-lp-focus__top small{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n  color:rgba(8,8,8,.33);\n\n  transition:color .4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-lp-focus__content{\n  margin-top:75px;\n}\n\n\n.reactio-lp-focus__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(31px,3vw,48px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n\n  transition:color .4s ease;\n}\n\n\n.reactio-lp-focus__item p{\n  max-width:350px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.55);\n\n  transition:color .4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-lp-focus__item:hover{\n  background:#080808;\n\n  color:#fff;\n}\n\n\n.reactio-lp-focus__item:hover\n.reactio-lp-focus__top span,\n\n.reactio-lp-focus__item:hover\n.reactio-lp-focus__top small{\n  color:rgba(255,255,255,.38);\n}\n\n\n.reactio-lp-focus__item:hover h3{\n  color:#fff !important;\n}\n\n\n.reactio-lp-focus__item:hover p{\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-lp-focus__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(8,8,8,.15);\n\n  display:grid;\n\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n\n.reactio-lp-focus__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.35);\n}\n\n\n.reactio-lp-focus__bottom strong{\n  font-size:clamp(22px,2.7vw,42px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#080808;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-lp-focus__container{\n    padding:100px 30px;\n  }\n\n\n  .reactio-lp-focus__header{\n    grid-template-columns:1fr;\n\n    gap:50px;\n  }\n\n\n  .reactio-lp-focus__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n\n  .reactio-lp-focus__item{\n    border-right:1px solid rgba(8,8,8,.16) !important;\n\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n\n  .reactio-lp-focus__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n\n  .reactio-lp-focus__item:nth-child(5),\n  .reactio-lp-focus__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-lp-focus__container{\n    padding:80px 20px 85px;\n  }\n\n\n  \/* HEADER *\/\n\n  .reactio-lp-focus__header{\n    margin-bottom:60px;\n\n    gap:40px;\n  }\n\n\n  .reactio-lp-focus__title h2{\n    font-size:clamp(42px,11.6vw,59px);\n\n    line-height:.87;\n  }\n\n\n  .reactio-lp-focus__title h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n\n  .reactio-lp-focus__intro h3{\n    font-size:29px;\n  }\n\n\n  .reactio-lp-focus__intro p{\n    font-size:14px;\n  }\n\n\n  \/* GRID *\/\n\n  .reactio-lp-focus__grid{\n    grid-template-columns:1fr;\n  }\n\n\n  .reactio-lp-focus__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n\n  .reactio-lp-focus__item:last-child{\n    border-bottom:0 !important;\n  }\n\n\n  .reactio-lp-focus__content{\n    margin-top:55px;\n  }\n\n\n  .reactio-lp-focus__item h3{\n    font-size:40px;\n  }\n\n\n  .reactio-lp-focus__item p{\n    font-size:14px;\n  }\n\n\n  \/* BOTTOM *\/\n\n  .reactio-lp-focus__bottom{\n    margin-top:60px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n\n  .reactio-lp-focus__bottom strong{\n    font-size:25px;\n\n    line-height:1.2;\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0cce268 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=\"0cce268\" 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-ae571df dark-color\" data-id=\"ae571df\" 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-5d1f8fe elementor-widget elementor-widget-html\" data-id=\"5d1f8fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-lp-structure\">\n\n  <div class=\"reactio-lp-structure__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-lp-structure__header\">\n\n      <span class=\"reactio-lp-structure__eyebrow\">\n        LANDING PAGE STRUCTURE\n      <\/span>\n\n      <h2>\n        RIGHT MESSAGE.<br>\n        RIGHT FLOW.<br>\n        <span>RIGHT ACTION.<\/span>\n      <\/h2>\n\n      <p>\n        Y\u00fcksek d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 bir landing page; do\u011fru mesaj\u0131,\n        do\u011fru s\u0131rayla ve do\u011fru kullan\u0131c\u0131 deneyimiyle sunmal\u0131d\u0131r.\n        Her b\u00f6l\u00fcm kullan\u0131c\u0131y\u0131 bir sonraki ad\u0131ma ta\u015f\u0131yacak \u015fekilde\n        planlanmal\u0131d\u0131r.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-lp-structure__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-lp-structure__item\">\n\n        <div class=\"reactio-lp-structure__top\">\n          <span>01<\/span>\n          <b>HERO<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-structure__content\">\n\n          <h3>\n            DE\u011eER<br>\n            \u00d6NER\u0130S\u0130\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131n\u0131n ilk birka\u00e7 saniyede ne sundu\u011funuzu\n            anlayabilece\u011fi g\u00fc\u00e7l\u00fc bir ba\u015fl\u0131k, k\u0131sa a\u00e7\u0131klama\n            ve net bir ana CTA alan\u0131.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-lp-structure__item\">\n\n        <div class=\"reactio-lp-structure__top\">\n          <span>02<\/span>\n          <b>PROBLEM<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-structure__content\">\n\n          <h3>\n            PROBLEM &<br>\n            \u00c7\u00d6Z\u00dcM\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131n\u0131n ya\u015fad\u0131\u011f\u0131 problemi net bi\u00e7imde tan\u0131mlayan\n            ve sundu\u011funuz \u00fcr\u00fcn ya da hizmetin bu probleme nas\u0131l\n            \u00e7\u00f6z\u00fcm getirdi\u011fini anlatan i\u00e7erik.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-lp-structure__item\">\n\n        <div class=\"reactio-lp-structure__top\">\n          <span>03<\/span>\n          <b>BENEFITS<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-structure__content\">\n\n          <h3>\n            FAYDALAR &<br>\n            AVANTAJLAR\n          <\/h3>\n\n          <p>\n            \u00d6zellikleri listelemek yerine kullan\u0131c\u0131n\u0131n elde edece\u011fi\n            ger\u00e7ek fayday\u0131 ve neden sizi tercih etmesi gerekti\u011fini\n            anlatan g\u00fc\u00e7l\u00fc de\u011fer alanlar\u0131.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-lp-structure__item\">\n\n        <div class=\"reactio-lp-structure__top\">\n          <span>04<\/span>\n          <b>TRUST<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-structure__content\">\n\n          <h3>\n            SOSYAL<br>\n            KANIT\n          <\/h3>\n\n          <p>\n            Referanslar, m\u00fc\u015fteri yorumlar\u0131, proje \u00f6rnekleri,\n            partner logolar\u0131 veya di\u011fer g\u00fcven unsurlar\u0131yla\n            karar verme s\u00fcrecini destekleyen alanlar.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-lp-structure__item\">\n\n        <div class=\"reactio-lp-structure__top\">\n          <span>05<\/span>\n          <b>OFFER<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-structure__content\">\n\n          <h3>\n            TEKL\u0130F &<br>\n            AKS\u0130YON\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131n\u0131n ne kazanaca\u011f\u0131n\u0131 ve sonraki ad\u0131m\u0131n\n            ne oldu\u011funu a\u00e7\u0131k\u00e7a anlatan teklif, kampanya\n            veya hizmet sunumu.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-lp-structure__item\">\n\n        <div class=\"reactio-lp-structure__top\">\n          <span>06<\/span>\n          <b>CTA<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-structure__content\">\n\n          <h3>\n            NET<br>\n            CTA\n          <\/h3>\n\n          <p>\n            Teklif al, sat\u0131n al, rezervasyon yap, g\u00f6r\u00fc\u015fme planla\n            veya bize ula\u015f gibi net ve tekrar eden aksiyon\n            alanlar\u0131yla kullan\u0131c\u0131y\u0131 y\u00f6nlendiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 07 -->\n      <div class=\"reactio-lp-structure__item\">\n\n        <div class=\"reactio-lp-structure__top\">\n          <span>07<\/span>\n          <b>FORM<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-structure__content\">\n\n          <h3>\n            KISA &<br>\n            ETK\u0130L\u0130 FORM\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131dan yaln\u0131zca ihtiya\u00e7 duyulan bilgileri alan,\n            s\u00fcrt\u00fcnmeyi azaltan ve lead toplama s\u00fcrecini\n            kolayla\u015ft\u0131ran form yap\u0131lar\u0131.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 08 -->\n      <div class=\"reactio-lp-structure__item\">\n\n        <div class=\"reactio-lp-structure__top\">\n          <span>08<\/span>\n          <b>TRACKING<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-structure__content\">\n\n          <h3>\n            D\u00d6N\u00dc\u015e\u00dcM<br>\n            TAK\u0130B\u0130\n          <\/h3>\n\n          <p>\n            Google Ads, Meta Ads, GA4 ve Tag Manager gibi\n            platformlarda hedef aksiyonlar\u0131n \u00f6l\u00e7\u00fclebilece\u011fi\n            takip altyap\u0131s\u0131.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 09 -->\n      <div class=\"reactio-lp-structure__item\">\n\n        <div class=\"reactio-lp-structure__top\">\n          <span>09<\/span>\n          <b>PERFORMANCE<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-structure__content\">\n\n          <h3>\n            MOB\u0130L &<br>\n            HIZ\n          <\/h3>\n\n          <p>\n            Mobil cihazlarda rahat kullan\u0131lan, h\u0131zl\u0131 y\u00fcklenen\n            ve reklam trafi\u011finde gereksiz bekleme yaratmayan\n            performans odakl\u0131 yap\u0131.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-lp-structure__bottom\">\n\n      <span>\n        EVERY SECTION HAS A PURPOSE\n      <\/span>\n\n      <strong>\n        ATTENTION \u2192 TRUST \u2192 VALUE \u2192 ACTION\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-lp-structure{\n  width:100%;\n  overflow:hidden;\n\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-lp-structure *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-lp-structure__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px 125px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-lp-structure__header{\n  margin-bottom:85px;\n}\n\n.reactio-lp-structure__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(255,255,255,.38);\n}\n\n.reactio-lp-structure__header h2{\n  margin:0;\n\n  max-width:1350px;\n\n  font-size:clamp(58px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-lp-structure__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n.reactio-lp-structure__header > p{\n  max-width:700px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.52);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-lp-structure__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-lp-structure__item{\n  min-height:330px;\n\n  padding:28px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-lp-structure__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-lp-structure__item:nth-child(n+7){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-lp-structure__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-lp-structure__top span,\n.reactio-lp-structure__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-lp-structure__content{\n  margin-top:75px;\n}\n\n.reactio-lp-structure__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(31px,3vw,48px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n\n  transition:.4s ease;\n}\n\n.reactio-lp-structure__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.5);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-lp-structure__item:hover{\n  background:#f3f0e9;\n\n  color:#080808;\n}\n\n.reactio-lp-structure__item:hover\n.reactio-lp-structure__top span,\n\n.reactio-lp-structure__item:hover\n.reactio-lp-structure__top b{\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-lp-structure__item:hover h3{\n  color:#080808 !important;\n}\n\n.reactio-lp-structure__item:hover p{\n  color:rgba(8,8,8,.56);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-lp-structure__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(255,255,255,.15);\n\n  display:grid;\n\n  grid-template-columns:.4fr 1.6fr;\n\n  gap:60px;\n}\n\n.reactio-lp-structure__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-lp-structure__bottom strong{\n  font-size:clamp(22px,2.8vw,42px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-lp-structure__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-lp-structure__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-lp-structure__item{\n    border-right:1px solid rgba(255,255,255,.15) !important;\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-lp-structure__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-lp-structure__item:last-child{\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-lp-structure__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-lp-structure__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-lp-structure__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-lp-structure__header h2 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-lp-structure__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-lp-structure__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-lp-structure__item{\n    min-height:280px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-lp-structure__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-lp-structure__content{\n    margin-top:55px;\n  }\n\n  .reactio-lp-structure__item h3{\n    font-size:39px;\n  }\n\n  .reactio-lp-structure__item p{\n    font-size:14px;\n  }\n\n  .reactio-lp-structure__bottom{\n    margin-top:60px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-lp-structure__bottom strong{\n    font-size:25px;\n\n    line-height:1.2;\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae51019 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=\"ae51019\" 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-6b47b0b dark-color\" data-id=\"6b47b0b\" 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-020a9df elementor-widget elementor-widget-html\" data-id=\"020a9df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-lp-process\">\n\n  <div class=\"reactio-lp-process__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-lp-process__header\">\n\n      <span class=\"reactio-lp-process__eyebrow\">\n        HOW WE BUILD LANDING PAGES\n      <\/span>\n\n      <h2>\n        FROM GOAL.<br>\n        TO MESSAGE.<br>\n        <span>TO CONVERSION.<\/span>\n      <\/h2>\n\n      <p>\n        Landing page projelerini yaln\u0131zca tasar\u0131m olarak de\u011fil;\n        hedef, kullan\u0131c\u0131 niyeti, mesaj, kullan\u0131c\u0131 deneyimi,\n        d\u00f6n\u00fc\u015f\u00fcm takibi ve optimizasyon ad\u0131mlar\u0131ndan olu\u015fan\n        performans odakl\u0131 bir s\u00fcre\u00e7 olarak ele al\u0131yoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- PROCESS GRID -->\n    <div class=\"reactio-lp-process__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-lp-process__item\">\n\n        <div class=\"reactio-lp-process__top\">\n          <span>01<\/span>\n          <b>GOAL<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-process__content\">\n\n          <small>\n            DEFINE THE ACTION\n          <\/small>\n\n          <h3>\n            HEDEF\u0130<br>\n            BEL\u0130RLE\n          <\/h3>\n\n          <p>\n            Landing page'in ana d\u00f6n\u00fc\u015f\u00fcm hedefini belirliyoruz:\n            teklif alma, form doldurma, sat\u0131n alma, rezervasyon,\n            telefon veya ba\u015fka bir aksiyon.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-lp-process__item\">\n\n        <div class=\"reactio-lp-process__top\">\n          <span>02<\/span>\n          <b>AUDIENCE<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-process__content\">\n\n          <small>\n            KNOW THE USER\n          <\/small>\n\n          <h3>\n            KULLANICIYI<br>\n            ANLA\n          <\/h3>\n\n          <p>\n            Hedef kitlenin ihtiyac\u0131n\u0131, arama niyetini,\n            kampanya kayna\u011f\u0131n\u0131 ve karar verme s\u00fcrecini\n            analiz ederek do\u011fru kullan\u0131c\u0131 yolculu\u011funu olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-lp-process__item\">\n\n        <div class=\"reactio-lp-process__top\">\n          <span>03<\/span>\n          <b>MESSAGE<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-process__content\">\n\n          <small>\n            SHARPEN THE OFFER\n          <\/small>\n\n          <h3>\n            MESAJI<br>\n            NETLE\u015eT\u0130R\n          <\/h3>\n\n          <p>\n            Ana ba\u015fl\u0131\u011f\u0131, de\u011fer \u00f6nerisini, faydalar\u0131, g\u00fcven\n            unsurlar\u0131n\u0131 ve CTA metinlerini kullan\u0131c\u0131n\u0131n\n            beklentisine g\u00f6re yap\u0131land\u0131r\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-lp-process__item\">\n\n        <div class=\"reactio-lp-process__top\">\n          <span>04<\/span>\n          <b>DESIGN<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-process__content\">\n\n          <small>\n            DESIGN FOR ACTION\n          <\/small>\n\n          <h3>\n            TASARIMI<br>\n            OLU\u015eTUR\n          <\/h3>\n\n          <p>\n            \u0130\u00e7erik hiyerar\u015fisini, g\u00f6rsel dili, CTA noktalar\u0131n\u0131\n            ve mobil deneyimi d\u00f6n\u00fc\u015f\u00fcm hedefinin etraf\u0131nda\n            tasarl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-lp-process__item\">\n\n        <div class=\"reactio-lp-process__top\">\n          <span>05<\/span>\n          <b>TRACKING<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-process__content\">\n\n          <small>\n            MEASURE THE ACTION\n          <\/small>\n\n          <h3>\n            TAK\u0130B\u0130<br>\n            KUR\n          <\/h3>\n\n          <p>\n            Form g\u00f6nderimi, telefon, WhatsApp, sat\u0131n alma veya\n            di\u011fer hedef aksiyonlar\u0131n \u00f6l\u00e7\u00fclebilmesi i\u00e7in gerekli\n            d\u00f6n\u00fc\u015f\u00fcm takip yap\u0131s\u0131n\u0131 haz\u0131rl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-lp-process__item\">\n\n        <div class=\"reactio-lp-process__top\">\n          <span>06<\/span>\n          <b>OPTIMIZE<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-process__content\">\n\n          <small>\n            LAUNCH. LEARN. IMPROVE.\n          <\/small>\n\n          <h3>\n            YAYINA AL.<br>\n            OPT\u0130M\u0130ZE ET.\n          <\/h3>\n\n          <p>\n            Sayfay\u0131 yay\u0131na al\u0131yor, performans verilerini izliyor\n            ve ihtiya\u00e7 halinde mesaj, CTA, tasar\u0131m ve kullan\u0131c\u0131\n            ak\u0131\u015f\u0131n\u0131 geli\u015ftirmeye devam ediyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-lp-process__bottom\">\n\n      <span>\n        CONVERSION PROCESS\n      <\/span>\n\n      <strong>\n        GOAL \u2192 AUDIENCE \u2192 MESSAGE \u2192 DESIGN \u2192 TRACKING \u2192 OPTIMIZE\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-lp-process{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-lp-process *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-lp-process__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-lp-process__header{\n  margin-bottom:85px;\n}\n\n.reactio-lp-process__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-lp-process__header h2{\n  margin:0;\n\n  max-width:1350px;\n\n  font-size:clamp(60px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-lp-process__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n.reactio-lp-process__header p{\n  max-width:720px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.58);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-lp-process__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-lp-process__item{\n  min-height:360px;\n\n  padding:30px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-lp-process__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-lp-process__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-lp-process__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-lp-process__top span,\n.reactio-lp-process__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(8,8,8,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-lp-process__content{\n  margin-top:80px;\n}\n\n.reactio-lp-process__content small{\n  display:block;\n\n  margin-bottom:12px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.4px;\n\n  color:rgba(8,8,8,.35);\n\n  transition:.4s ease;\n}\n\n.reactio-lp-process__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(34px,3.2vw,52px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n\n  transition:.4s ease;\n}\n\n.reactio-lp-process__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.55);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-lp-process__item:hover{\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-lp-process__item:hover\n.reactio-lp-process__top span,\n\n.reactio-lp-process__item:hover\n.reactio-lp-process__top b,\n\n.reactio-lp-process__item:hover\n.reactio-lp-process__content small{\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-lp-process__item:hover h3{\n  color:#fff !important;\n}\n\n.reactio-lp-process__item:hover p{\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-lp-process__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(8,8,8,.15);\n\n  display:grid;\n\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n.reactio-lp-process__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-lp-process__bottom strong{\n  font-size:clamp(21px,2.5vw,39px);\n\n  line-height:1.15;\n\n  letter-spacing:-.035em;\n\n  font-weight:950;\n\n  color:#080808;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-lp-process__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-lp-process__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-lp-process__item{\n    border-right:1px solid rgba(8,8,8,.16) !important;\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-lp-process__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-lp-process__item:nth-child(5),\n  .reactio-lp-process__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-lp-process__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-lp-process__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-lp-process__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-lp-process__header h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-lp-process__header p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n\n  \/* GRID *\/\n\n  .reactio-lp-process__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-lp-process__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-lp-process__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-lp-process__content{\n    margin-top:55px;\n  }\n\n  .reactio-lp-process__item h3{\n    font-size:41px;\n  }\n\n  .reactio-lp-process__item p{\n    font-size:14px;\n  }\n\n\n  \/* BOTTOM *\/\n\n  .reactio-lp-process__bottom{\n    margin-top:55px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-lp-process__bottom strong{\n    font-size:24px;\n\n    line-height:1.25;\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c4802d2 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=\"c4802d2\" 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-b2c63c8 dark-color\" data-id=\"b2c63c8\" 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-5e4be0d elementor-widget elementor-widget-html\" data-id=\"5e4be0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-lp-usecases\">\n\n  <div class=\"reactio-lp-usecases__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-lp-usecases__header\">\n\n      <span class=\"reactio-lp-usecases__eyebrow\">\n        LANDING PAGE USE CASES\n      <\/span>\n\n      <h2>\n        DIFFERENT CAMPAIGNS.<br>\n        ONE CLEAR<br>\n        <span>DESTINATION.<\/span>\n      <\/h2>\n\n      <p>\n        Landing page'leri kampanyan\u0131n hedefi, trafik kayna\u011f\u0131 ve\n        kullan\u0131c\u0131 niyetine g\u00f6re farkl\u0131 ama\u00e7larla kurguluyoruz.\n        Her senaryoda mesaj\u0131 ve d\u00f6n\u00fc\u015f\u00fcm hedefini sadele\u015ftiriyoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-lp-usecases__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-lp-usecases__item\">\n\n        <div class=\"reactio-lp-usecases__top\">\n          <span>01<\/span>\n          <b>GOOGLE ADS<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-usecases__content\">\n\n          <h3>\n            GOOGLE ADS<br>\n            KAMPANYALARI\n          <\/h3>\n\n          <p>\n            Arama niyetine \u00f6zel olu\u015fturulan landing page'lerle\n            reklam mesaj\u0131 ve sayfa i\u00e7eri\u011fini ayn\u0131 hedef\n            etraf\u0131nda bulu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-lp-usecases__item\">\n\n        <div class=\"reactio-lp-usecases__top\">\n          <span>02<\/span>\n          <b>META ADS<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-usecases__content\">\n\n          <h3>\n            META ADS<br>\n            KAMPANYALARI\n          <\/h3>\n\n          <p>\n            Instagram ve Facebook reklamlar\u0131ndan gelen kullan\u0131c\u0131lar\u0131\n            kampanyaya \u00f6zel mesaj ve d\u00f6n\u00fc\u015f\u00fcm ak\u0131\u015f\u0131yla\n            kar\u015f\u0131layan sayfalar olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-lp-usecases__item\">\n\n        <div class=\"reactio-lp-usecases__top\">\n          <span>03<\/span>\n          <b>LEAD GENERATION<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-usecases__content\">\n\n          <h3>\n            LEAD<br>\n            TOPLAMA\n          <\/h3>\n\n          <p>\n            Teklif, demo, dan\u0131\u015fmanl\u0131k veya \u00f6n g\u00f6r\u00fc\u015fme taleplerini\n            toplamak i\u00e7in k\u0131sa ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131\n            form ak\u0131\u015flar\u0131 tasarl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-lp-usecases__item\">\n\n        <div class=\"reactio-lp-usecases__top\">\n          <span>04<\/span>\n          <b>PRODUCT LAUNCH<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-usecases__content\">\n\n          <h3>\n            \u00dcR\u00dcN<br>\n            LANSMANI\n          <\/h3>\n\n          <p>\n            Yeni \u00fcr\u00fcn veya hizmet lansmanlar\u0131nda faydalar\u0131,\n            farklar\u0131 ve ana teklif mesaj\u0131n\u0131 tek bir g\u00fc\u00e7l\u00fc\n            sayfada topluyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-lp-usecases__item\">\n\n        <div class=\"reactio-lp-usecases__top\">\n          <span>05<\/span>\n          <b>SERVICE CAMPAIGN<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-usecases__content\">\n\n          <h3>\n            H\u0130ZMET<br>\n            KAMPANYALARI\n          <\/h3>\n\n          <p>\n            Belirli bir hizmete \u00f6zel kampanyalarda kullan\u0131c\u0131y\u0131\n            genel web sitesine da\u011f\u0131tmak yerine do\u011frudan\n            ilgili teklif ve CTA'ya y\u00f6nlendiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-lp-usecases__item\">\n\n        <div class=\"reactio-lp-usecases__top\">\n          <span>06<\/span>\n          <b>BOOKING<\/b>\n        <\/div>\n\n        <div class=\"reactio-lp-usecases__content\">\n\n          <h3>\n            REZERVASYON<br>\n            & ETK\u0130NL\u0130K\n          <\/h3>\n\n          <p>\n            Otel, etkinlik, organizasyon ve randevu kampanyalar\u0131nda\n            kullan\u0131c\u0131y\u0131 rezervasyon veya ileti\u015fim aksiyonuna\n            y\u00f6nlendiren sayfalar haz\u0131rl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-lp-usecases__bottom\">\n\n      <span>\n        CAMPAIGN SPECIFIC\n      <\/span>\n\n      <strong>\n        AD \u2192 LANDING PAGE \u2192 ACTION\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-lp-usecases{\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-lp-usecases *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-lp-usecases__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px 125px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-lp-usecases__header{\n  margin-bottom:85px;\n}\n\n.reactio-lp-usecases__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(255,255,255,.38);\n}\n\n.reactio-lp-usecases__header h2{\n  margin:0;\n\n  max-width:1350px;\n\n  font-size:clamp(58px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-lp-usecases__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n.reactio-lp-usecases__header > p{\n  max-width:700px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.52);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-lp-usecases__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-lp-usecases__item{\n  min-height:350px;\n\n  padding:30px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-lp-usecases__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-lp-usecases__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-lp-usecases__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-lp-usecases__top span,\n.reactio-lp-usecases__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-lp-usecases__content{\n  margin-top:80px;\n}\n\n.reactio-lp-usecases__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(32px,3vw,49px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n\n  transition:.4s ease;\n}\n\n.reactio-lp-usecases__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.5);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-lp-usecases__item:hover{\n  background:#f3f0e9;\n\n  color:#080808;\n}\n\n.reactio-lp-usecases__item:hover\n.reactio-lp-usecases__top span,\n\n.reactio-lp-usecases__item:hover\n.reactio-lp-usecases__top b{\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-lp-usecases__item:hover h3{\n  color:#080808 !important;\n}\n\n.reactio-lp-usecases__item:hover p{\n  color:rgba(8,8,8,.56);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-lp-usecases__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(255,255,255,.15);\n\n  display:grid;\n\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n.reactio-lp-usecases__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-lp-usecases__bottom strong{\n  font-size:clamp(22px,2.8vw,42px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-lp-usecases__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-lp-usecases__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-lp-usecases__item{\n    border-right:1px solid rgba(255,255,255,.15) !important;\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-lp-usecases__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-lp-usecases__item:nth-child(5),\n  .reactio-lp-usecases__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-lp-usecases__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-lp-usecases__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-lp-usecases__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-lp-usecases__header h2 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-lp-usecases__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-lp-usecases__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-lp-usecases__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-lp-usecases__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-lp-usecases__content{\n    margin-top:55px;\n  }\n\n  .reactio-lp-usecases__item h3{\n    font-size:40px;\n  }\n\n  .reactio-lp-usecases__item p{\n    font-size:14px;\n  }\n\n  .reactio-lp-usecases__bottom{\n    margin-top:60px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-lp-usecases__bottom strong{\n    font-size:25px;\n\n    line-height:1.2;\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e257394 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=\"e257394\" 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-414d8ce dark-color\" data-id=\"414d8ce\" 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-3e18b9c elementor-widget elementor-widget-html\" data-id=\"3e18b9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-lp-faq\">\n\n  <div class=\"reactio-lp-faq__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-lp-faq__header\">\n\n      <span class=\"reactio-lp-faq__eyebrow\">\n        FREQUENTLY ASKED QUESTIONS\n      <\/span>\n\n      <h2>\n        QUESTIONS.<br>\n        CLEAR<br>\n        <span>ANSWERS.<\/span>\n      <\/h2>\n\n      <p>\n        Landing page tasar\u0131m\u0131, reklam kampanyalar\u0131, d\u00f6n\u00fc\u015f\u00fcm takibi,\n        SEO ve optimizasyon s\u00fcre\u00e7leri hakk\u0131nda en s\u0131k sorulan\n        sorular\u0131 burada yan\u0131tl\u0131yoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- FAQ LIST -->\n    <div class=\"reactio-lp-faq__list\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-lp-faq__item\">\n\n        <button class=\"reactio-lp-faq__question\">\n\n          <span class=\"reactio-lp-faq__number\">\n            01\n          <\/span>\n\n          <span class=\"reactio-lp-faq__title\">\n            Landing page nedir?\n          <\/span>\n\n          <span class=\"reactio-lp-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-lp-faq__answer\">\n\n          <div class=\"reactio-lp-faq__answer-inner\">\n\n            <p>\n              Landing page, belirli bir \u00fcr\u00fcn, hizmet veya kampanya\n              i\u00e7in olu\u015fturulan ve ziyaret\u00e7iyi tek bir ana aksiyona\n              y\u00f6nlendirmeyi ama\u00e7layan \u00f6zel a\u00e7\u0131l\u0131\u015f sayfas\u0131d\u0131r.\n            <\/p>\n\n            <p>\n              Genel bir web sitesinden farkl\u0131 olarak dikkat da\u011f\u0131tan\n              unsurlar azalt\u0131l\u0131r ve i\u00e7erik tek bir d\u00f6n\u00fc\u015f\u00fcm hedefinin\n              etraf\u0131nda yap\u0131land\u0131r\u0131l\u0131r.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-lp-faq__item\">\n\n        <button class=\"reactio-lp-faq__question\">\n\n          <span class=\"reactio-lp-faq__number\">\n            02\n          <\/span>\n\n          <span class=\"reactio-lp-faq__title\">\n            Landing page ile normal web sayfas\u0131 aras\u0131ndaki fark nedir?\n          <\/span>\n\n          <span class=\"reactio-lp-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-lp-faq__answer\">\n\n          <div class=\"reactio-lp-faq__answer-inner\">\n\n            <p>\n              Kurumsal web sayfalar\u0131 genellikle markan\u0131n farkl\u0131\n              hizmetlerini, i\u00e7eriklerini ve bilgilerini birlikte sunar.\n              Landing page ise belirli bir kampanya veya teklif i\u00e7in\n              daha dar ve kontroll\u00fc bir kullan\u0131c\u0131 yolculu\u011fu olu\u015fturur.\n            <\/p>\n\n            <p>\n              Bu nedenle landing page \u00fczerinde genellikle daha az\n              y\u00f6nlendirme ve daha belirgin bir CTA bulunur.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-lp-faq__item\">\n\n        <button class=\"reactio-lp-faq__question\">\n\n          <span class=\"reactio-lp-faq__number\">\n            03\n          <\/span>\n\n          <span class=\"reactio-lp-faq__title\">\n            Landing page Google Ads i\u00e7in kullan\u0131labilir mi?\n          <\/span>\n\n          <span class=\"reactio-lp-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-lp-faq__answer\">\n\n          <div class=\"reactio-lp-faq__answer-inner\">\n\n            <p>\n              Evet. \u00d6zellikle belirli bir hizmet veya arama niyetine\n              y\u00f6nelik Google Ads kampanyalar\u0131nda kampanyaya \u00f6zel landing\n              page kullanmak olduk\u00e7a mant\u0131kl\u0131d\u0131r.\n            <\/p>\n\n            <p>\n              Reklam metni, anahtar kelime niyeti ve landing page\n              i\u00e7eri\u011fi ayn\u0131 mesaj etraf\u0131nda planland\u0131\u011f\u0131nda kullan\u0131c\u0131\n              deneyimi daha tutarl\u0131 hale gelir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-lp-faq__item\">\n\n        <button class=\"reactio-lp-faq__question\">\n\n          <span class=\"reactio-lp-faq__number\">\n            04\n          <\/span>\n\n          <span class=\"reactio-lp-faq__title\">\n            Meta Ads kampanyalar\u0131 i\u00e7in landing page gerekli mi?\n          <\/span>\n\n          <span class=\"reactio-lp-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-lp-faq__answer\">\n\n          <div class=\"reactio-lp-faq__answer-inner\">\n\n            <p>\n              Her kampanya i\u00e7in zorunlu de\u011fildir ancak belirli bir\n              teklif, \u00fcr\u00fcn, rezervasyon veya lead toplama hedefi varsa\n              kampanyaya \u00f6zel landing page kullanmak kullan\u0131c\u0131\n              yolculu\u011funu sadele\u015ftirebilir.\n            <\/p>\n\n            <p>\n              Sosyal medya reklam\u0131ndaki kreatif ve mesaj ile sayfan\u0131n\n              ilk ekran\u0131n\u0131n birbiriyle tutarl\u0131 olmas\u0131 \u00f6nemlidir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-lp-faq__item\">\n\n        <button class=\"reactio-lp-faq__question\">\n\n          <span class=\"reactio-lp-faq__number\">\n            05\n          <\/span>\n\n          <span class=\"reactio-lp-faq__title\">\n            Landing page SEO uyumlu olabilir mi?\n          <\/span>\n\n          <span class=\"reactio-lp-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-lp-faq__answer\">\n\n          <div class=\"reactio-lp-faq__answer-inner\">\n\n            <p>\n              Evet. Landing page'in yaln\u0131zca reklam amac\u0131yla de\u011fil,\n              organik arama trafi\u011fi i\u00e7in de kullan\u0131laca\u011f\u0131 projelerde\n              i\u00e7erik, ba\u015fl\u0131k hiyerar\u015fisi, URL yap\u0131s\u0131 ve teknik SEO\n              temeli buna g\u00f6re haz\u0131rlanabilir.\n            <\/p>\n\n            <p>\n              Ancak her kampanya landing page'inin organik arama\n              hedefi olmak zorunda de\u011fildir; yap\u0131 projenin amac\u0131na\n              g\u00f6re belirlenmelidir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-lp-faq__item\">\n\n        <button class=\"reactio-lp-faq__question\">\n\n          <span class=\"reactio-lp-faq__number\">\n            06\n          <\/span>\n\n          <span class=\"reactio-lp-faq__title\">\n            Form, telefon ve WhatsApp d\u00f6n\u00fc\u015f\u00fcmleri takip edilebilir mi?\n          <\/span>\n\n          <span class=\"reactio-lp-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-lp-faq__answer\">\n\n          <div class=\"reactio-lp-faq__answer-inner\">\n\n            <p>\n              Evet. Projenin ihtiyac\u0131na g\u00f6re form g\u00f6nderimleri,\n              telefon t\u0131klamalar\u0131, WhatsApp t\u0131klamalar\u0131 ve di\u011fer\n              \u00f6nemli kullan\u0131c\u0131 aksiyonlar\u0131 d\u00f6n\u00fc\u015f\u00fcm olarak\n              \u00f6l\u00e7\u00fcmlenebilir.\n            <\/p>\n\n            <p>\n              GA4, Google Tag Manager ve reklam platformlar\u0131n\u0131n\n              d\u00f6n\u00fc\u015f\u00fcm takip sistemleri bu ama\u00e7la kullan\u0131labilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 07 -->\n      <div class=\"reactio-lp-faq__item\">\n\n        <button class=\"reactio-lp-faq__question\">\n\n          <span class=\"reactio-lp-faq__number\">\n            07\n          <\/span>\n\n          <span class=\"reactio-lp-faq__title\">\n            Landing page mobil uyumlu olur mu?\n          <\/span>\n\n          <span class=\"reactio-lp-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-lp-faq__answer\">\n\n          <div class=\"reactio-lp-faq__answer-inner\">\n\n            <p>\n              Evet. Landing page'leri masa\u00fcst\u00fc, tablet ve mobil\n              cihazlar\u0131 dikkate alarak responsive \u015fekilde geli\u015ftiriyoruz.\n            <\/p>\n\n            <p>\n              \u00d6zellikle reklam trafi\u011finin \u00f6nemli bir b\u00f6l\u00fcm\u00fcn\u00fcn mobil\n              cihazlardan gelebilece\u011fini dikkate alarak CTA, form,\n              yaz\u0131 boyutu ve kullan\u0131c\u0131 ak\u0131\u015f\u0131n\u0131 mobil tarafta ayr\u0131ca\n              optimize ediyoruz.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 08 -->\n      <div class=\"reactio-lp-faq__item\">\n\n        <button class=\"reactio-lp-faq__question\">\n\n          <span class=\"reactio-lp-faq__number\">\n            08\n          <\/span>\n\n          <span class=\"reactio-lp-faq__title\">\n            Mevcut web sitemizin i\u00e7inde landing page olu\u015fturabilir misiniz?\n          <\/span>\n\n          <span class=\"reactio-lp-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-lp-faq__answer\">\n\n          <div class=\"reactio-lp-faq__answer-inner\">\n\n            <p>\n              Evet. Mevcut web sitesinin altyap\u0131s\u0131na ve teknik\n              durumuna g\u00f6re ayn\u0131 domain alt\u0131nda kampanyaya \u00f6zel\n              landing page'ler olu\u015fturulabilir.\n            <\/p>\n\n            <p>\n              B\u00f6ylece marka b\u00fct\u00fcnl\u00fc\u011f\u00fc korunurken kampanya i\u00e7in\n              daha kontroll\u00fc ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 ayr\u0131 bir kullan\u0131c\u0131\n              deneyimi haz\u0131rlanabilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 09 -->\n      <div class=\"reactio-lp-faq__item\">\n\n        <button class=\"reactio-lp-faq__question\">\n\n          <span class=\"reactio-lp-faq__number\">\n            09\n          <\/span>\n\n          <span class=\"reactio-lp-faq__title\">\n            Landing page yay\u0131na girdikten sonra optimize edilebilir mi?\n          <\/span>\n\n          <span class=\"reactio-lp-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-lp-faq__answer\">\n\n          <div class=\"reactio-lp-faq__answer-inner\">\n\n            <p>\n              Evet. Landing page'in en \u00f6nemli avantajlar\u0131ndan biri,\n              ger\u00e7ek performans verilerine g\u00f6re geli\u015ftirilebilir\n              olmas\u0131d\u0131r.\n            <\/p>\n\n            <p>\n              Ba\u015fl\u0131klar, CTA metinleri, form alanlar\u0131, i\u00e7erik s\u0131ras\u0131\n              ve kullan\u0131c\u0131 deneyimi d\u00f6n\u00fc\u015f\u00fcm verileri do\u011frultusunda\n              yeniden optimize edilebilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\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-lp-faq{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-lp-faq *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-lp-faq__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-lp-faq__header{\n  margin-bottom:80px;\n}\n\n.reactio-lp-faq__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-lp-faq__header h2{\n  margin:0;\n\n  max-width:1200px;\n\n  font-size:clamp(60px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-lp-faq__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n.reactio-lp-faq__header > p{\n  max-width:680px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.58);\n}\n\n\n\/* =====================================================\n   LIST\n===================================================== *\/\n\n.reactio-lp-faq__list{\n  border-top:1px solid rgba(8,8,8,.16);\n}\n\n.reactio-lp-faq__item{\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   QUESTION\n===================================================== *\/\n\n.reactio-lp-faq__question{\n  width:100%;\n\n  padding:27px 0;\n\n  display:grid;\n\n  grid-template-columns:70px 1fr 50px;\n\n  align-items:center;\n\n  gap:20px;\n\n  border:0;\n\n  outline:0;\n\n  background:transparent;\n\n  cursor:pointer;\n\n  text-align:left;\n\n  font-family:inherit;\n\n  color:#080808;\n}\n\n\n.reactio-lp-faq__number{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n  color:rgba(8,8,8,.35);\n}\n\n\n.reactio-lp-faq__title{\n  font-size:clamp(19px,2vw,30px);\n\n  line-height:1.15;\n\n  letter-spacing:-.03em;\n\n  font-weight:850;\n\n  color:#080808;\n}\n\n\n.reactio-lp-faq__icon{\n  width:40px;\n  height:40px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  justify-self:end;\n\n  border:1px solid rgba(8,8,8,.18);\n\n  border-radius:50%;\n\n  font-size:21px;\n\n  font-weight:300;\n\n  color:#080808;\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    color .35s ease;\n}\n\n\n\/* =====================================================\n   ANSWER\n===================================================== *\/\n\n.reactio-lp-faq__answer{\n  max-height:0;\n\n  overflow:hidden;\n\n  transition:max-height .45s ease;\n}\n\n\n.reactio-lp-faq__answer-inner{\n  max-width:800px;\n\n  margin-left:70px;\n\n  padding:0 0 32px;\n}\n\n\n.reactio-lp-faq__answer p{\n  margin:0 0 13px;\n\n  font-size:15px;\n\n  line-height:1.75;\n\n  color:rgba(8,8,8,.58);\n}\n\n\n.reactio-lp-faq__answer p:last-child{\n  margin-bottom:0;\n}\n\n\n\/* =====================================================\n   ACTIVE\n===================================================== *\/\n\n.reactio-lp-faq__item.active\n.reactio-lp-faq__icon{\n  transform:rotate(45deg);\n\n  background:#080808;\n\n  color:#fff;\n}\n\n\n.reactio-lp-faq__item.active\n.reactio-lp-faq__title{\n  font-weight:950;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-lp-faq__question:hover\n.reactio-lp-faq__icon{\n  background:#080808;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-lp-faq__container{\n    padding:100px 30px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-lp-faq__container{\n    padding:80px 20px 85px;\n  }\n\n\n  .reactio-lp-faq__header{\n    margin-bottom:55px;\n  }\n\n\n  .reactio-lp-faq__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n\n  .reactio-lp-faq__header h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n\n  .reactio-lp-faq__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n\n  \/* QUESTION *\/\n\n  .reactio-lp-faq__question{\n    grid-template-columns:35px 1fr 38px;\n\n    gap:12px;\n\n    padding:22px 0;\n  }\n\n\n  .reactio-lp-faq__title{\n    font-size:18px;\n\n    line-height:1.25;\n  }\n\n\n  .reactio-lp-faq__icon{\n    width:34px;\n    height:34px;\n\n    font-size:18px;\n  }\n\n\n  \/* ANSWER *\/\n\n  .reactio-lp-faq__answer-inner{\n    margin-left:47px;\n\n    padding-bottom:25px;\n  }\n\n\n  .reactio-lp-faq__answer p{\n    font-size:14px;\n\n    line-height:1.7;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const faqItems =\n    document.querySelectorAll(\".reactio-lp-faq__item\");\n\n  faqItems.forEach(function(item){\n\n    const question =\n      item.querySelector(\".reactio-lp-faq__question\");\n\n    const answer =\n      item.querySelector(\".reactio-lp-faq__answer\");\n\n    question.addEventListener(\"click\", function(){\n\n      const isOpen =\n        item.classList.contains(\"active\");\n\n\n      faqItems.forEach(function(otherItem){\n\n        const otherAnswer =\n          otherItem.querySelector(\".reactio-lp-faq__answer\");\n\n        otherItem.classList.remove(\"active\");\n\n        otherAnswer.style.maxHeight = null;\n\n      });\n\n\n      if(!isOpen){\n\n        item.classList.add(\"active\");\n\n        answer.style.maxHeight =\n          answer.scrollHeight + \"px\";\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LANDING PAGE DESIGN BUILT TO CONVERT ONE PAGE. ONE GOAL. MORE CONVERSIONS. Reklam kampanyalar\u0131, \u00fcr\u00fcn lansmanlar\u0131, hizmet tan\u0131t\u0131mlar\u0131 ve lead toplama s\u00fcre\u00e7leri i\u00e7in kullan\u0131c\u0131y\u0131 tek bir hedefe y\u00f6nlendiren y\u00fcksek d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 landing page&#8217;ler tasarl\u0131yor ve geli\u015ftiriyoruz. CRO GOOGLE ADS META ADS SEO READY MOBILE FIRST PROJEN\u0130 KONU\u015eALIM \u2197 STRATEGY \u00b7 COPY \u00b7 DESIGN \u00b7 DEVELOPMENT &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"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-2398","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Landing Page Tasar\u0131m\u0131 | D\u00f6n\u00fc\u015f\u00fcm Odakl\u0131 Sayfalar | Reactio<\/title>\n<meta name=\"description\" content=\"Reklam kampanyalar\u0131n\u0131z i\u00e7in h\u0131zl\u0131, mobil uyumlu ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 landing page tasar\u0131m\u0131yla ziyaret\u00e7ileri m\u00fc\u015fteriye d\u00f6n\u00fc\u015ft\u00fcr\u00fcn.\" \/>\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\/landing-page\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Landing Page Tasar\u0131m\u0131 | D\u00f6n\u00fc\u015f\u00fcm Odakl\u0131 Sayfalar | Reactio\" \/>\n<meta property=\"og:description\" content=\"Reklam kampanyalar\u0131n\u0131z i\u00e7in h\u0131zl\u0131, mobil uyumlu ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 landing page tasar\u0131m\u0131yla ziyaret\u00e7ileri m\u00fc\u015fteriye d\u00f6n\u00fc\u015ft\u00fcr\u00fcn.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/testet.biz\/reactio\/landing-page\/\" \/>\n<meta property=\"og:site_name\" content=\"REACTIO\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T14:14:51+00:00\" \/>\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=\"8 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/landing-page\\\/\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/landing-page\\\/\",\"name\":\"Landing Page Tasar\u0131m\u0131 | D\u00f6n\u00fc\u015f\u00fcm Odakl\u0131 Sayfalar | Reactio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#website\"},\"datePublished\":\"2026-08-19T07:51:28+00:00\",\"dateModified\":\"2026-08-19T14:14:51+00:00\",\"description\":\"Reklam kampanyalar\u0131n\u0131z i\u00e7in h\u0131zl\u0131, mobil uyumlu ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 landing page tasar\u0131m\u0131yla ziyaret\u00e7ileri m\u00fc\u015fteriye d\u00f6n\u00fc\u015ft\u00fcr\u00fcn.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/landing-page\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/testet.biz\\\/reactio\\\/landing-page\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/landing-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Landing Page\"}]},{\"@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":"Landing Page Tasar\u0131m\u0131 | D\u00f6n\u00fc\u015f\u00fcm Odakl\u0131 Sayfalar | Reactio","description":"Reklam kampanyalar\u0131n\u0131z i\u00e7in h\u0131zl\u0131, mobil uyumlu ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 landing page tasar\u0131m\u0131yla ziyaret\u00e7ileri m\u00fc\u015fteriye d\u00f6n\u00fc\u015ft\u00fcr\u00fcn.","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\/landing-page\/","og_locale":"tr_TR","og_type":"article","og_title":"Landing Page Tasar\u0131m\u0131 | D\u00f6n\u00fc\u015f\u00fcm Odakl\u0131 Sayfalar | Reactio","og_description":"Reklam kampanyalar\u0131n\u0131z i\u00e7in h\u0131zl\u0131, mobil uyumlu ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 landing page tasar\u0131m\u0131yla ziyaret\u00e7ileri m\u00fc\u015fteriye d\u00f6n\u00fc\u015ft\u00fcr\u00fcn.","og_url":"https:\/\/testet.biz\/reactio\/landing-page\/","og_site_name":"REACTIO","article_modified_time":"2026-08-19T14:14:51+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tahmini okuma s\u00fcresi":"8 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/testet.biz\/reactio\/landing-page\/","url":"https:\/\/testet.biz\/reactio\/landing-page\/","name":"Landing Page Tasar\u0131m\u0131 | D\u00f6n\u00fc\u015f\u00fcm Odakl\u0131 Sayfalar | Reactio","isPartOf":{"@id":"https:\/\/testet.biz\/reactio\/#website"},"datePublished":"2026-08-19T07:51:28+00:00","dateModified":"2026-08-19T14:14:51+00:00","description":"Reklam kampanyalar\u0131n\u0131z i\u00e7in h\u0131zl\u0131, mobil uyumlu ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 landing page tasar\u0131m\u0131yla ziyaret\u00e7ileri m\u00fc\u015fteriye d\u00f6n\u00fc\u015ft\u00fcr\u00fcn.","breadcrumb":{"@id":"https:\/\/testet.biz\/reactio\/landing-page\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/testet.biz\/reactio\/landing-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/testet.biz\/reactio\/landing-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/testet.biz\/reactio\/"},{"@type":"ListItem","position":2,"name":"Landing Page"}]},{"@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\/2398","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=2398"}],"version-history":[{"count":5,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2398\/revisions"}],"predecessor-version":[{"id":2559,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2398\/revisions\/2559"}],"wp:attachment":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/media?parent=2398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}