diff --git a/public/assets/ik-flowchat.png b/public/assets/ik-flowchat.png
new file mode 100644
index 0000000..664d70c
Binary files /dev/null and b/public/assets/ik-flowchat.png differ
diff --git a/resources/views/front/career/index.blade.php b/resources/views/front/career/index.blade.php
index a070702..c24f538 100644
--- a/resources/views/front/career/index.blade.php
+++ b/resources/views/front/career/index.blade.php
@@ -39,20 +39,7 @@
     <div class="flex flex-col lg:flex-row items-center gap-12 mb-20 max-w-6xl mx-auto">
       <div class="w-full lg:w-3/5">
         <div class="bg-white p-4 md:p-8 rounded-3xl shadow-2xl border border-slate-100 overflow-hidden flex justify-center">
-          <pre class="mermaid">
-            graph TD
-              A[Başvuru Formunun Doldurulması] --> B[Ön Değerlendirme]
-              B --> C[Teknik Mülakat / Tanışma]
-              C --> D[Sözleşmelerin Onaylanması]
-              D --> E[Sisteme Kayıt ve Erişim]
-              E --> F[Görev Atanması (Issue/Task)]
-              F --> G[Görevin Tamamlanması]
-              G --> H[Kontrol ve Ödeme]
-              
-              style A fill:#f8fafc,stroke:#cbd5e1,stroke-width:2px
-              style H fill:#e31e24,stroke:#fff,stroke-width:2px,color:#fff
-              style D fill:#fff1f2,stroke:#fecdd3
-          </pre>
+          <img src="{{ asset('assets/ik-flowchat.png') }}" alt="IK Flowchart" class="w-full h-auto rounded-xl">
         </div>
       </div>
       <div class="w-full lg:w-2/5 space-y-8">
@@ -262,18 +249,7 @@
 @endpush
 
 @push('scripts')
-<script type="module">
-  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
-  mermaid.initialize({ 
-    startOnLoad: true,
-    theme: 'default',
-    flowchart: {
-        useMaxWidth: true,
-        htmlLabels: true,
-        curve: 'basis'
-    }
-  });
-</script>
+
 <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 <script>
 document.addEventListener('DOMContentLoaded', function() {