diff --git a/resources/views/partials/header-yapay-zeka.blade.php b/resources/views/partials/header-yapay-zeka.blade.php
index ed13379..a619a14 100644
--- a/resources/views/partials/header-yapay-zeka.blade.php
+++ b/resources/views/partials/header-yapay-zeka.blade.php
@@ -1,6 +1,6 @@
 {{-- Yapay Zeka sayfası: center-nav transparent position-absolute navbar-light caret-none --}}
-<header>
-  <nav class="navbar navbar-expand-lg center-nav transparent position-absolute navbar-light caret-none">
+<header class="relative wrapper">
+  <nav class="navbar navbar-expand-lg center-nav transparent navbar-light caret-none">
     <div class="container xl:!flex-row lg:!flex-row !flex-nowrap items-center">
       <div class="navbar-brand w-full">
         <a href="{{ url('/') }}">
diff --git a/resources/views/templates/services/yapay-zeka.blade.php b/resources/views/templates/services/yapay-zeka.blade.php
index 2b264f8..e5772a2 100644
--- a/resources/views/templates/services/yapay-zeka.blade.php
+++ b/resources/views/templates/services/yapay-zeka.blade.php
@@ -198,25 +198,18 @@
 {{-- Hero Section --}}
 <section class="wrapper !bg-[#ffffff]">
     <div class="container-card">
-        <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 !mt-2 !mb-5 [background-size:100%] bg-[center_center] bg-no-repeat !bg-scroll relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(255,255,255,.5)] xxl:!rounded-[.8rem] rounded-0" style="background-image: url('{{ asset('assets/img/photos/bg22.png') }}');">
+        <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 !mt-2 !mb-5 [background-size:100%] bg-[center_center] bg-no-repeat !bg-scroll relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(255,255,255,.5)] xxl:!rounded-[.8rem] rounded-0" data-image-src="{{ asset('assets/img/photos/bg22.png') }}" style="background-image: url('{{ asset('assets/img/photos/bg22.png') }}');">
             <div class="card-body py-[4.5rem] px-0">
                 <div class="container">
                     <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] md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px] max-w-full" data-cues="slideInDown" data-group="page-title" data-delay="900">
-                            <h1 class="xl:!text-[2.3rem] !text-[calc(1.355rem_+_1.26vw)] font-bold !leading-[1.2] !tracking-[normal] !mb-4 xl:!mr-5 xxl:!mr-0">
-                                {!! t('Yapay Zeka ve Derin Öğrenme ile') !!} <br/><span class="text-gradient gradient-1">{!! t('Geleceği Şekillendirin') !!}</span>
-                            </h1>
-                            <p class="lead !text-[1.15rem] !leading-[1.55] font-medium !mb-7 xxl:!pr-20">
-                                {!! t('Karmaşık verilerinizi saniyeler içinde anlamlı kararlara ve akıllı otomasyon sistemlerine dönüştürüyoruz. PyTorch ve TensorFlow motorları ile işletmenize özel Yapay Zeka çözümleri sunuyoruz.') !!}
-                            </p>
-                            <div class="flex flex-wrap justify-center lg:justify-start gap-3">
-                                <a href="#detaylar" class="btn btn-lg btn-gradient gradient-1 rounded-full text-white font-semibold transition-all duration-300 shadow-md">{!! t('Teknolojileri İnceleyin') !!}</a>
-                                <a href="{{ $contactUrl }}" class="btn btn-lg btn-outline-primary !text-[#e31e24] !bg-white border-[#e31e24] hover:!text-white hover:!bg-[#e31e24] hover:!border-[#e31e24] rounded-full font-semibold transition-all duration-300 shadow-sm">{!! t('Bize Ulaşın') !!}</a>
-                            </div>
+                        <div class="lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px] max-w-full" data-cues="slideInDown" data-group="page-title" data-delay="900" data-disabled="true">
+                            <h1 class="xl:!text-[2.3rem] !text-[calc(1.355rem_+_1.26vw)] font-semibold !leading-[1.2] !tracking-[normal] !mb-4 xl:!mr-5 xxl:!mr-0" data-cue="slideInDown" data-group="page-title" data-delay="900" data-show="true" style="animation-name: slideInDown; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 900ms; animation-direction: normal; animation-fill-mode: both;">{!! t('Networking') !!} <span class="text-gradient gradient-1">{!! t('solutions') !!}</span> {!! t('for worldwide communication') !!}</h1>
+                            <p class="lead !text-[1.15rem] !leading-[1.5] font-medium !mb-7 xxl:!pr-20" data-cue="slideInDown" data-group="page-title" data-delay="900" data-show="true" style="animation-name: slideInDown; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 1200ms; animation-direction: normal; animation-fill-mode: both;">{!! t("We're a company that focuses on establishing long-term relationships with customers.") !!}</p>
+                            <div data-cue="slideInDown" data-group="page-title" data-delay="900" data-show="true" style="animation-name: slideInDown; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 1500ms; animation-direction: normal; animation-fill-mode: both;"><a href="#" class="btn btn-lg btn-gradient gradient-1 rounded">{!! t('Explore Now') !!}</a></div>
                         </div>
                         <!--/column -->
                         <div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px] max-w-full">
-                            <img class="max-w-full h-auto !mb-[-8rem] rounded-lg shadow-3xl" src="{{ asset('assets/img/gsap/yapay-zeka.webp') }}" data-cue="fadeIn" data-delay="300" alt="{{ t('Yapay Zeka ve Derin Öğrenme') }}">
+                            <img class="max-w-full h-auto !mb-[-8rem]" src="{{ asset('assets/img/illustrations/3d6.png') }}" data-cue="fadeIn" data-delay="300" alt="image" data-show="true" style="animation-name: fadeIn; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 300ms; animation-direction: normal; animation-fill-mode: both;">
                         </div>
                         <!--/column -->
                     </div>