finished client asked text edits

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

@@ -13,12 +13,12 @@ new #[Layout('components.layouts.public')] class extends Component
     <section class="bg-background py-10 sm:py-[60px] lg:py-20 -mx-4 sm:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8">
         <div class="container mx-auto px-4 text-center">
             {{-- Page Title --}}
-            <h1 class="text-[2rem] sm:text-[2.5rem] lg:text-[3rem] font-bold text-text mb-4">
+            <h1 class="text-[2rem] sm:text-[2.5rem] lg:text-[3rem] font-bold text-text mb-2">
                 {{ __('about.title') }}
             </h1>
 
             {{-- Tagline --}}
-            <p class="text-xl sm:text-2xl text-text/80 max-w-[800px] mx-auto mb-6">
+            <p class="text-xl sm:text-2xl text-text/80 max-w-[800px] mx-auto mb-4">
                 {{ __('about.tagline') }}
             </p>
 
@@ -50,7 +50,12 @@ new #[Layout('components.layouts.public')] class extends Component
             <h2 class="text-2xl lg:text-3xl font-bold text-text text-center mb-2">
                 {{ __('about.mission_title') }}
             </h2>
-            <div class="w-20 h-1 bg-accent mx-auto mb-12"></div>
+            <div class="w-20 h-1 bg-accent mx-auto mb-8"></div>
+            <div class="bg-white rounded-lg shadow-sm p-6 sm:p-8 max-w-[900px] mx-auto mb-12">
+                <p class="text-center text-lg text-text/90">
+                    {{ __('about.mission_intro') }}
+                </p>
+            </div>
 
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                 {{-- Card 1: For Institution --}}