diff --git a/resources/views/partials/header-demo26.blade.php b/resources/views/partials/header-demo26.blade.php
new file mode 100644
index 0000000..c3c4c9f
--- /dev/null
+++ b/resources/views/partials/header-demo26.blade.php
@@ -0,0 +1,75 @@
+{{-- demo26.html: center-nav transparent navbar-light, !bg-[#f0f0f8] --}}
+<header class="relative wrapper !bg-[#f0f0f8]">
+  <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">
+    <div class="container xl:!flex-row lg:!flex-row !flex-nowrap items-center">
+      <div class="navbar-brand w-full">
+        <a href="{{ url('/') }}">
+          <img src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="{{ setting('site_name', config('app.name')) }}" loading="lazy">
+        </a>
+      </div>
+      <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
+        <div class="offcanvas-header xl:!hidden lg:!hidden flex items-center justify-between flex-row p-6">
+          <a href="{{ url('/') }}">
+            <img class="!h-[2.2rem]" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="{{ setting('site_name', config('app.name')) }}" loading="lazy">
+          </a>
+          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="{{ __('Close') }}"></button>
+        </div>
+        <div class="offcanvas-body xl:!ml-auto lg:!ml-auto flex flex-col !h-full">
+          @include('components.custom.menu')
+          <div class="offcanvas-footer xl:!hidden lg:!hidden !mt-auto">
+            <div>
+              <a href="mailto:{{ setting('contact_email') }}" class="link-inverse">{{ setting('contact_email') }}</a>
+              <br>
+              <a href="tel:{{ setting('contact_phone') }}">{{ setting('contact_phone') }}</a>
+              <br>
+              @php $social_media = json_decode(setting('social_links'), true) ?? []; @endphp
+              <nav class="nav social social-white !mt-4">
+                @if(!empty($social_media['Twitter']))
+                  <a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="{{ $social_media['Twitter'] }}" target="_blank" rel="noopener"><i class="uil uil-twitter before:content-['\ed59'] !text-white text-[1rem]"></i></a>
+                @endif
+                @if(!empty($social_media['Facebook']))
+                  <a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="{{ $social_media['Facebook'] }}" target="_blank" rel="noopener"><i class="uil uil-facebook-f before:content-['\eae2'] !text-white text-[1rem]"></i></a>
+                @endif
+                @if(!empty($social_media['Instagram']))
+                  <a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="{{ $social_media['Instagram'] }}" target="_blank" rel="noopener"><i class="uil uil-instagram before:content-['\eb9c'] !text-white text-[1rem]"></i></a>
+                @endif
+                @if(!empty($social_media['Youtube']))
+                  <a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="{{ $social_media['Youtube'] }}" target="_blank" rel="noopener"><i class="uil uil-youtube before:content-['\edb5'] !text-white text-[1rem]"></i></a>
+                @endif
+              </nav>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-other w-full !flex !ml-auto">
+        <ul class="navbar-nav !flex-row !items-center !ml-auto">
+          <li class="nav-item hidden xl:block lg:block md:block">
+            @include('components.custom.language-selector')
+          </li>
+          <li class="nav-item hidden xl:block lg:block md:block">
+            <a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-sm btn-grape !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] rounded">{{ t('neler-yapariz.hero.cta_contact') }}</a>
+          </li>
+          <li class="nav-item xl:!hidden lg:!hidden">
+            <button class="hamburger offcanvas-nav-btn" type="button" data-bs-toggle="offcanvas" data-bs-target=".offcanvas-nav"><span></span></button>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+</header>
+<script>
+document.addEventListener('DOMContentLoaded', function () {
+  var offcanvases = document.querySelectorAll('.offcanvas-nav');
+  var hamburgers = document.querySelectorAll('.hamburger.offcanvas-nav-btn');
+  if (offcanvases.length > 0 && hamburgers.length > 0) {
+    offcanvases.forEach(function (oc) {
+      oc.addEventListener('show.bs.offcanvas', function () {
+        hamburgers.forEach(function (h) { h.classList.add('is-active'); });
+      });
+      oc.addEventListener('hide.bs.offcanvas', function () {
+        hamburgers.forEach(function (h) { h.classList.remove('is-active'); });
+      });
+    });
+  }
+});
+</script>
diff --git a/resources/views/templates/neler-yapariz.blade.php b/resources/views/templates/neler-yapariz.blade.php
index bcd0c3f..6a17f13 100644
--- a/resources/views/templates/neler-yapariz.blade.php
+++ b/resources/views/templates/neler-yapariz.blade.php
@@ -1,10 +1,32 @@
-<?php $headerTemplate = 'Blog Header'; ?>
-@extends('layouts.site', ['header' => 'partials.header', 'footer' => 'partials.footer'])
+@extends('layouts.site', ['header' => 'partials.header-demo26', 'footer' => 'partials.footer'])
 
-@section('title', 'Anasayfa')
+@section('title', t('neler-yapariz.page_title'))
+
+@push('styles')
+<style>
+.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
+  background: #e31e24 !important;
+  border-color: #e31e24 !important;
+  color: #ffffff !important;
+}
+.navbar.center-nav .nav-link {
+  font-weight: 700;
+  letter-spacing: -0.01rem;
+}
+.navbar.center-nav .nav-link:hover,
+.navbar.center-nav .nav-link:focus {
+  color: #e31e24 !important;
+}
+@media (max-width: 991.98px) {
+  .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
+    color: #ffffff !important;
+  }
+}
+</style>
+@endpush
 
 @section('content')
 	@include('templates.neler-yapariz.hero')
-	
+
 	@include('templates.home.contact')
 @endsection
diff --git a/resources/views/templates/neler-yapariz/hero.blade.php b/resources/views/templates/neler-yapariz/hero.blade.php
index 2f3e9aa..b21c05e 100644
--- a/resources/views/templates/neler-yapariz/hero.blade.php
+++ b/resources/views/templates/neler-yapariz/hero.blade.php
@@ -1,20 +1,30 @@
-<section class="wrapper !bg-[#edf2fc]">
-    <div class="container pt-10 pb-36 xl:pt-[4.5rem] lg:pt-[4.5rem] md:pt-[4.5rem] xl:pb-40 lg:pb-40 md:pb-40 !text-center">
-      <div class="flex flex-wrap mx-[-15px]">
-        <div class="md:w-8/12 lg:w-7/12 xl:w-6/12 xxl:w-5/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !mb-12">
-          <h1 class="!text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-3">{{ t('neler-yapariz.hero.title') }}</h1>
-          <p class="lead !leading-[1.65] text-[0.9rem] font-medium lg:!px-7 xl:!px-7 xxl:!px-6">{{ t('neler-yapariz.hero.subtitle') }} </p>
+<section class="wrapper !bg-[#f0f0f8]">
+  <div class="container pt-10 lg:pt-14 xl:!pt-14 xxl:!pt-10 lg:pb-10 xl:pb-10 xxl:pb-0">
+    <div class="flex flex-wrap mx-[-15px] md:mx-[-20px] lg:mx-[-20px] xl:mx-[-35px] !mt-[-50px] items-center text-center lg:text-left xl:text-left">
+      <div class="lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px]" data-cues="slideInDown" data-group="page-title" data-delay="900">
+        <h1 class="xl:!text-[2.5rem] !text-[calc(1.375rem_+_1.5vw)] !leading-[1.15] font-semibold !mb-4 xl:!mr-5 xl:!mt-[-2.5rem] lg:!mt-[-2.5rem]">
+          {{ t('neler-yapariz.hero.title') }}<br class="hidden md:block xl:!hidden lg:!hidden">
+          <span class="!text-[#e31e24]">{{ t('neler-yapariz.hero.title_highlight') }}</span>
+        </h1>
+        <p class="lead !text-[1.2rem] !leading-[1.5] !mb-7 xxl:!pr-20">{{ t('neler-yapariz.hero.subtitle') }}</p>
+        <div class="inline-flex !mr-2">
+          <a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-lg btn-grape !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] rounded">{{ t('neler-yapariz.hero.cta_primary') }}</a>
+        </div>
+        <div class="inline-flex">
+          <a href="{{ route('page.show', ['slug' => 'urunlerimiz']) }}" class="btn btn-lg btn-outline-grape !text-[#e31e24] bg-[#e31e24] !border-[#e31e24] !border-[2px] hover:!text-white hover:!bg-[#e31e24] hover:!border-[#e31e24] focus:shadow-[rgba(96,93,186,1)] active:!text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:!text-white disabled:bg-transparent disabled:border-[#e31e24] rounded">{{ t('neler-yapariz.hero.cta_secondary') }}</a>
         </div>
-        <!-- /column -->
       </div>
-      <!-- /.row -->
+      <div class="w-10/12 md:w-7/12 lg:w-6/12 xl:w-5/12 !mx-auto flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-5 md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px]">
+        <img class="max-w-full h-auto !mb-[-3.5rem] md:!mb-[-4.5rem] lg:!mb-[-9rem] xl:!mb-[-9rem]" src="{{ asset('assets/img/illustrations/3d11.png') }}" data-cue="fadeIn" data-delay="300" alt="{{ t('neler-yapariz.image_alt') }}" loading="lazy">
+      </div>
     </div>
-    <!-- /.container -->
-  </section>
-  <section class="wrapper !bg-[#ffffff]  angled upper-end !relative border-0 before:top-[-4rem] before:border-l-transparent before:border-r-[100vw] before:border-t-[4rem] before:border-[#fefefe] before:content-[''] before:block before:absolute before:z-0 before:!border-y-transparent before:border-0 before:border-solid before:right-0 after:top-[-4rem] after:border-l-transparent after:border-r-[100vw] after:border-t-[4rem] after:border-[#fefefe] after:content-[''] after:block after:absolute after:z-0 after:!border-y-transparent after:border-0 after:border-solid after:right-0">
-    <div class="container !pb-[4.5rem] xl:!pb-24 lg:!pb-24 md:!pb-24">
+  </div>
+  <figure class="m-0 p-0"><img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/clouds.png') }}" alt="" loading="lazy"></figure>
+</section>
+<section class="wrapper bg-[rgba(255,255,255)] opacity-100">
+    <div class="container pt-20 pb-20 xl:pb-28 lg:pb-28 md:pb-28 !pb-[4.5rem] xl:!pb-24 lg:!pb-24 md:!pb-24">
       <div class="flex flex-wrap mx-[-15px] !mb-8">
-        <div class="w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[-10rem]">
+        <div class="w-full flex-[0_0_auto] !px-[15px] max-w-full">
               <figure class="rounded-[0.4rem]"><img loading="lazy" class="rounded-[0.4rem]" src="{{ asset('assets/img/Truncgil Technology Architecting the  Digital Future.png') }}" alt="{{ t('neler-yapariz.image_alt') }}"></figure>
           <div class="flex flex-wrap mx-[-15px]">
             <div class="xl:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
@@ -85,13 +95,14 @@
         </div>
         <!--/column -->
         <div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[20px] lg:!px-[20px] !px-[15px] !mt-[40px] max-w-full">
-          <h2 class="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-3">{{ t('neler-yapariz.what_we_do.title') }}</h2>
+          <h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35] !tracking-[0.02rem]">{{ t('neler-yapariz.what_we_do.highlight') }}</h2>
+          <h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] !leading-[1.25] font-semibold !mb-3">{{ t('neler-yapariz.what_we_do.title') }}</h3>
           <p class="lead !mb-8 xxl:!pr-2 !text-[1.05rem] !leading-[1.6]">{{ t('neler-yapariz.what_we_do.description') }} </p>
           <div class="flex flex-wrap mx-[-15px] xl:mx-[-25px] !mt-[-30px]">
             <div class="md:w-6/12 lg:w-full xl:w-6/12 w-full flex-[0_0_auto] xl:!px-[25px] !px-[15px] max-w-full !mt-[30px]">
               <div class="flex flex-row">
                 <div>
-                  <div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ec50'] uil uil-phone-volume"></i> </div>
+                  <div class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ec50'] uil uil-phone-volume"></i> </div>
                 </div>
                 <div>
                   <h4 class="!mb-1">{{ t('neler-yapariz.services.support_24_7.title') }}</h4>
@@ -103,7 +114,7 @@
             <div class="md:w-6/12 lg:w-full xl:w-6/12 w-full flex-[0_0_auto] xl:!px-[25px] !px-[15px] max-w-full !mt-[30px]">
               <div class="flex flex-row">
                 <div>
-                  <div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ecb3'] uil uil-shield-exclamation"></i> </div>
+                  <div class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ecb3'] uil uil-shield-exclamation"></i> </div>
                 </div>
                 <div>
                   <h4 class="!mb-1">{{ t('neler-yapariz.services.secure_payments.title') }}</h4>
@@ -115,7 +126,7 @@
             <div class="md:w-6/12 lg:w-full xl:w-6/12 w-full flex-[0_0_auto] xl:!px-[25px] !px-[15px] max-w-full !mt-[30px]">
               <div class="flex flex-row">
                 <div>
-                  <div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ebb2'] uil uil-laptop-cloud"></i> </div>
+                  <div class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ebb2'] uil uil-laptop-cloud"></i> </div>
                 </div>
                 <div>
                   <h4 class="!mb-1">{{ t('neler-yapariz.services.daily_updates.title') }}</h4>
@@ -127,7 +138,7 @@
             <div class="md:w-6/12 lg:w-full xl:w-6/12 w-full flex-[0_0_auto] xl:!px-[25px] !px-[15px] max-w-full !mt-[30px]">
               <div class="flex flex-row">
                 <div>
-                  <div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\e9d3'] uil uil-chart-line"></i> </div>
+                  <div class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\e9d3'] uil uil-chart-line"></i> </div>
                 </div>
                 <div>
                   <h4 class="!mb-1">{{ t('neler-yapariz.services.market_research.title') }}</h4>
@@ -142,25 +153,26 @@
         <!--/column -->
       </div>
       <!--/.row -->
-      <h2 class="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-3">{{ t('neler-yapariz.how_we_do_it.title') }}</h2>
+      <h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35] !tracking-[0.02rem]">{{ t('neler-yapariz.how_we_do_it.highlight') }}</h2>
+      <h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] !leading-[1.25] font-semibold !mb-3">{{ t('neler-yapariz.how_we_do_it.title') }}</h3>
       <p class="lead !mb-8 !text-[1.05rem] !leading-[1.6]">{{ t('neler-yapariz.how_we_do_it.description') }}</p>
       <div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-30px] process-wrapper line">
-        <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">01</span></span>
+        <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">01</span></span>
           <h4 class="!mb-1">{{ t('neler-yapariz.process.step_1.title') }}</h4>
           <p>{{ t('neler-yapariz.process.step_1.description') }}</p>
         </div>
         <!--/column -->
-        <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">02</span></span>
+        <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">02</span></span>
           <h4 class="!mb-1">{{ t('neler-yapariz.process.step_2.title') }}</h4>
           <p>{{ t('neler-yapariz.process.step_2.description') }}</p>
         </div>
         <!--/column -->
-        <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">03</span></span>
+        <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">03</span></span>
           <h4 class="!mb-1">{{ t('neler-yapariz.process.step_3.title') }}</h4>
           <p>{{ t('neler-yapariz.process.step_3.description') }}</p>
         </div>
         <!--/column -->
-        <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full"> <span class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">04</span></span>
+        <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full"> <span class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">04</span></span>
           <h4 class="!mb-1">{{ t('neler-yapariz.process.step_4.title') }}</h4>
           <p>{{ t('neler-yapariz.process.step_4.description') }}</p>
         </div>
diff --git a/to_translate.json b/to_translate.json
index 41b7f1e..2e30557 100644
--- a/to_translate.json
+++ b/to_translate.json
@@ -5582,15 +5582,45 @@
             "en": ""
         },
         {
-            "id": 279,
-            "key": "neler-yapariz.hero.title",
+            "id": 278,
+            "key": "neler-yapariz.page_title",
             "tr": "Neler Yaparız",
             "en": "What We Do"
         },
+        {
+            "id": 279,
+            "key": "neler-yapariz.hero.title",
+            "tr": "Hayatı kolaylaştıran",
+            "en": "We deliver solutions that"
+        },
+        {
+            "id": 2791,
+            "key": "neler-yapariz.hero.title_highlight",
+            "tr": "çözümler sunuyoruz",
+            "en": "simplify life"
+        },
+        {
+            "id": 2792,
+            "key": "neler-yapariz.hero.cta_primary",
+            "tr": "İletişime Geç",
+            "en": "Contact Us"
+        },
+        {
+            "id": 2793,
+            "key": "neler-yapariz.hero.cta_secondary",
+            "tr": "Ürünlerimizi Keşfet",
+            "en": "Explore Our Products"
+        },
+        {
+            "id": 2794,
+            "key": "neler-yapariz.hero.cta_contact",
+            "tr": "İletişim",
+            "en": "Contact"
+        },
         {
             "id": 280,
             "key": "neler-yapariz.hero.subtitle",
-            "tr": "Müşterilerimizle uzun vadeli ilişkiler kuran  hayat boyu destek ve öğrenme süreçlerini benimseyen yenilikçi bir şirketiz.",
+            "tr": "Müşterilerimizle uzun vadeli ilişkiler kuran hayat boyu destek ve öğrenme süreçlerini benimseyen yenilikçi bir şirketiz.",
             "en": "We are an innovative company that builds long-term relationships with our customers and embraces lifelong support and learning processes."
         },
         {
@@ -5679,10 +5709,16 @@
         },
         {
             "id": 299,
-            "key": "neler-yapariz.how_we_do_it.title",
+            "key": "neler-yapariz.how_we_do_it.highlight",
             "tr": "Nasıl Yapıyoruz?",
             "en": "How We Do It?"
         },
+        {
+            "id": 301,
+            "key": "neler-yapariz.how_we_do_it.title",
+            "tr": "Fikirlerinizi dijital dünyaya taşıyoruz",
+            "en": "We bring your ideas into the digital world"
+        },
         {
             "id": 300,
             "key": "neler-yapariz.how_we_do_it.description",
@@ -5794,8 +5830,8 @@
         {
             "id": 320,
             "key": "neler-yapariz.what_we_do.highlight",
-            "tr": "neler-yapariz.what_we_do.highlight",
-            "en": ""
+            "tr": "Neler Yaparız?",
+            "en": "What We Do?"
         },
         {
             "id": 321,