complete story 16.6

resources/views/livewire/pages/about.blade.php

@@ -286,5 +286,34 @@ new #[Layout('components.layouts.public')] class extends Component
         </div>
     </section>
 
-    {{-- Scholarship Section - Story 16.6 --}}
+    {{-- Scholarship Aspiration Section --}}
+    <section class="bg-[#2D3624] py-8 sm:py-12 lg:py-[60px] relative overflow-hidden">
+        {{-- Decorative accent - subtle gold border frame --}}
+        <div class="absolute inset-4 sm:inset-8 lg:inset-12 border border-accent/20 rounded-lg pointer-events-none"></div>
+
+        <div class="container mx-auto px-4 relative">
+            <h2 class="text-2xl lg:text-3xl font-bold text-white text-center mb-2">
+                {{ __('about.scholarship_title') }}
+            </h2>
+            <div class="w-20 h-1 bg-accent mx-auto mb-8"></div>
+
+            <div class="max-w-[900px] mx-auto text-center mb-12">
+                <p class="text-white/90 text-lg mb-4">
+                    {{ __('about.scholarship_text_1') }}
+                </p>
+                <p class="text-white/80">
+                    {{ __('about.scholarship_text_2') }}
+                </p>
+            </div>
+
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 max-w-5xl mx-auto">
+                @foreach(__('about.scholarship_aspirations') as $index => $aspiration)
+                    <div class="flex items-center gap-3 text-white/90 {{ $index > 0 ? 'sm:border-s sm:border-white/10 sm:ps-6 lg:ps-6' : '' }}">
+                        <flux:icon name="check-circle" class="w-6 h-6 text-accent flex-shrink-0" />
+                        <span>{{ $aspiration }}</span>
+                    </div>
+                @endforeach
+            </div>
+        </div>
+    </section>
 </div>