feat: update internship page with remote work details and application requirements

lang/en/career.php

@@ -20,4 +20,13 @@ return [
     'success_message' => 'Your application has been received successfully. Thank you.',
     'download_cv' => 'Download CV',
     'created_at' => 'Application Date',
+    'remote_work_title' => 'Fully Remote Work',
+    'remote_work_details' => 'Team coordination is maintained through daily standup meetings. Working hours are more flexible in some projects. Interns are evaluated in one or more real projects suitable for their CV and skills.',
+    'application_conditions_title' => 'Application Conditions',
+    'condition_not_only_for_internship' => 'Applications from individuals who only wish to do an internship are not accepted. Candidates who are open to development and aim to contribute are our priority.',
+    'condition_intent_letter' => 'In the message section, you must provide a letter of intent stating how you will contribute to our projects.',
+    'daily_standup' => 'Daily Standup',
+    'daily_standup_desc' => 'Daily short meetings ensure in-team communication and progress tracking.',
+    'flexible_projects' => 'Flexible and Project Oriented',
+    'flexible_projects_desc' => 'Flexibility is essential in our projects. You will take part in real projects suitable for your talents.',
 ];

lang/tr/career.php

@@ -20,4 +20,13 @@ return [
     'success_message' => 'Başvurunuz başarıyla alındı. Teşekkür ederiz.',
     'download_cv' => 'CV İndir',
     'created_at' => 'Başvuru Tarihi',
+    'remote_work_title' => 'Tamamen Uzaktan Çalışma',
+    'remote_work_details' => 'Günlük standup toplantıları ile ekip koordinasyonu sağlanır. Bazı projelerde çalışma saatleri daha esnektir. Stajyerler, CV\'lerine ve yetkinliklerine uygun olan bir veya birden fazla gerçek projede değerlendirilir.',
+    'application_conditions_title' => 'Başvuru Şartları',
+    'condition_not_only_for_internship' => 'Yalnızca staj yapmak için yapmak isteyen kişiler alınmamaktadır. Gelişime açık ve katkı sağlamayı hedefleyen adaylar önceliğimizdir.',
+    'condition_intent_letter' => 'Mesaj bölümünde projelerimize nasıl bir katkı sağlayacağınızı belirten bir niyet mektubu iletmeniz gerekmektedir.',
+    'daily_standup' => 'Günlük Standup',
+    'daily_standup_desc' => 'Her gün düzenlenen kısa toplantılarla ekip içi iletişim ve ilerleme takibi sağlanır.',
+    'flexible_projects' => 'Esnek ve Proje Odaklı',
+    'flexible_projects_desc' => 'Projelerimizde esneklik esastır. Yeteneklerinize uygun gerçek projelerde görev alırsınız.',
 ];

resources/views/front/career/internship.blade.php

@@ -16,11 +16,36 @@
   <div class="container pt-10 pb-14 pb-md-16">
     <div class="row mb-12">
       <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center">
-        <h2 class="fs-15 text-uppercase text-citrus mb-3">Süreç Nasıl İşliyor?</h2>
+        <h2 class="fs-15 text-uppercase text-citrus mb-3">{{ __('career.remote_work_title', ['default' => 'Süreç Nasıl İşliyor?']) }}</h2>
-        <h3 class="display-4 mb-10">Tamamen Uzaktan Staj Deneyimi</h3>
+        <h3 class="display-4 mb-6">{{ __('career.remote_work_title', ['default' => 'Tamamen Uzaktan Staj Deneyimi']) }}</h3>
-        <p class="mb-10 text-muted">Truncgil olarak stajyerlerimizi tamamen uzaktan (remote) kabul ediyoruz. Günlük çalışma sistemimiz de tamamen uzaktan yürütülmektedir. İşte başvuru ve değerlendirme sürecimiz:</p>
+        <p class="mb-6 text-muted">{{ __('career.remote_work_details', ['default' => 'Truncgil olarak stajyerlerimizi tamamen uzaktan (remote) kabul ediyoruz. Günlük çalışma sistemimiz de tamamen uzaktan yürütülmektedir.']) }}</p>
 
-        <div class="mermaid-container p-6 bg-white rounded-4 shadow-xl mb-10 overflow-auto">
+        <div class="row text-start mb-10">
+          <div class="col-md-6 mb-5 mb-md-0">
+            <div class="card shadow-lg border-0 h-100">
+              <div class="card-body p-6">
+                <div class="d-flex align-items-center mb-3">
+                  <div class="icon btn btn-circle btn-soft-citrus disabled me-4"><i class="uil uil-users-alt"></i></div>
+                  <h4 class="mb-0">{{ __('career.daily_standup', ['default' => 'Günlük Standup']) }}</h4>
+                </div>
+                <p class="mb-0 text-mutedSmall">{{ __('career.daily_standup_desc', ['default' => 'Her gün düzenlenen kısa toplantılarla ekip içi iletişim ve ilerleme takibi sağlanır.']) }}</p>
+              </div>
+            </div>
+          </div>
+          <div class="col-md-6">
+            <div class="card shadow-lg border-0 h-100">
+              <div class="card-body p-6">
+                <div class="d-flex align-items-center mb-3">
+                  <div class="icon btn btn-circle btn-soft-citrus disabled me-4"><i class="uil uil-laptop-cloud"></i></div>
+                  <h4 class="mb-0">{{ __('career.flexible_projects', ['default' => 'Esnek ve Proje Odaklı']) }}</h4>
+                </div>
+                <p class="mb-0 text-mutedSmall">{{ __('career.flexible_projects_desc', ['default' => 'Projelerimizde esneklik esastır. Yeteneklerinize uygun gerçek projelerde görev alırsınız.']) }}</p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="mermaid-container p-6 bg-white rounded-4 shadow-xl mb-10 overflow-auto d-flex justify-content-center">
           <pre class="mermaid">
             graph TD
               A[İnternet Üzerinden Başvuru] --> B{Uzaktan Çalışma Koşulları}
@@ -46,6 +71,18 @@
               <div class="col-12">
                 <h2 class="h3 mb-2 text-dark">Staj Başvuru Formu</h2>
                 <div class="divider-citrus"></div>
+                <div class="alert alert-info border-0 shadow-sm rounded-4 mb-8 text-start">
+                  <div class="d-flex">
+                    <div class="me-3"><i class="uil uil-info-circle fs-24"></i></div>
+                    <div>
+                      <h5 class="mb-1">{{ __('career.application_conditions_title', ['default' => 'Başvuru Şartları']) }}</h5>
+                      <ul class="mb-0 ps-4">
+                        <li>{{ __('career.condition_not_only_for_internship', ['default' => 'Yalnızca staj yapmak için yapmak isteyen kişiler alınmamaktadır.']) }}</li>
+                        <li>{{ __('career.condition_intent_letter', ['default' => 'Mesaj bölümünde nasıl bir katkı sağlayacağınızın niyet mektubu iletilmelidir.']) }}</li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
 
@@ -187,13 +224,32 @@
   .mermaid-container {
       min-width: 300px;
   }
+
+  .btn-soft-citrus {
+    background-color: var(--citrus-red-soft);
+    color: var(--citrus-red);
+    border: none;
+  }
+
+  .text-mutedSmall {
+    font-size: 0.9rem;
+    color: #6c757d;
+  }
 </style>
 @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 });
+  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>