refactor: update internship page layout with new application requirements and localization strings

lang/en/career.php

@@ -29,4 +29,6 @@ return [
     '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.',
+    'focus_on_development' => 'Focus on Development',
+    'intent_letter' => 'Letter of Intent',
 ];

lang/tr/career.php

@@ -29,4 +29,6 @@ return [
     '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.',
+    'focus_on_development' => 'Gelişim Odaklılık',
+    'intent_letter' => 'Niyet Mektubu',
 ];

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

@@ -17,35 +17,11 @@
     <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">{{ __('career.remote_work_title', ['default' => 'Süreç Nasıl İşliyor?']) }}</h2>
-        <h3 class="display-4 mb-6">{{ __('career.remote_work_title', ['default' => 'Tamamen Uzaktan Staj Deneyimi']) }}</h3>
+        <h3 class="display-4 mb-10">{{ __('career.remote_work_title', ['default' => 'Tamamen Uzaktan Staj Deneyimi']) }}</h3>
-        <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="row text-start mb-10">
+        <div class="row align-items-center mb-10 text-start">
-          <div class="col-md-6 mb-5 mb-md-0">
+          <div class="col-lg-6 mb-10 mb-lg-0">
-            <div class="card shadow-lg border-0 h-100">
+            <div class="mermaid-container p-6 bg-white rounded-4 shadow-xl overflow-auto d-flex justify-content-center">
-              <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ı}
@@ -61,6 +37,29 @@
               </pre>
             </div>
           </div>
+          <div class="col-lg-6 ps-lg-10">
+            <h4 class="display-6 mb-4">{{ __('career.application_conditions_title', ['default' => 'Başvuru Şartları ve Çalışma Modeli']) }}</h4>
+            <ul class="icon-list bullet-citrus mb-0 ps-0">
+              <li class="mb-3">
+                <span class="fw-bold text-dark">{{ __('career.daily_standup', ['default' => 'Günlük Standup:']) }}</span> 
+                {{ __('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.']) }}
+              </li>
+              <li class="mb-3">
+                <span class="fw-bold text-dark">{{ __('career.flexible_projects', ['default' => 'Esnek Projeler:']) }}</span> 
+                {{ __('career.flexible_projects_desc', ['default' => 'Projelerimizde esneklik esastır. Yeteneklerinize uygun gerçek projelerde görev alırsınız.']) }}
+              </li>
+              <li class="mb-3">
+                <span class="fw-bold text-dark">{{ __('career.focus_on_development', ['default' => 'Gelişim Odaklılık:']) }}</span> 
+                {{ __('career.condition_not_only_for_internship', ['default' => 'Yalnızca staj yapmak için yapmak isteyen kişiler alınmamaktadır.']) }}
+              </li>
+              <li>
+                <span class="fw-bold text-dark">{{ __('career.intent_letter', ['default' => 'Niyet Mektubu:']) }}</span> 
+                {{ __('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 class="row">
@@ -71,18 +70,6 @@
               <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>
 
@@ -235,6 +222,22 @@
     font-size: 0.9rem;
     color: #6c757d;
   }
+
+  .icon-list.bullet-citrus li::before {
+    color: var(--citrus-red);
+    content: "\e9dd"; /* UIL Check Circle icon */
+    font-family: 'unicons';
+    font-size: 1.2rem;
+    left: 0;
+    position: absolute;
+    top: 0.1rem;
+  }
+
+  .icon-list li {
+    list-style: none;
+    padding-left: 2rem;
+    position: relative;
+  }
 </style>
 @endpush