Added another section to hero

src/components/Hero.astro

@@ -1,9 +1,27 @@
 ---
-
+import PalestineIcon from './icons/PalestineIcon';
 ---
 
 <section>
-  <div class="px-4 pt-10">
+  <div
+    class="mx-auto flex max-w-5xl flex-col items-center gap-10 px-4 pt-10 sm:flex-row sm:items-start">
+    <div class="mt-4 text-center sm:text-right">
+      <h1
+        class="text-2xl font-semibold sm:text-4xl sm:leading-relaxed md:text-4xl md:leading-relaxed lg:text-5xl">
+        تبرع و ساعد إخوانك المستضعفين في كامل فلسطين.
+      </h1>
+      <p class="mt-2 font-light sm:mt-6 sm:text-xl">
+        دعوة حارة للتبرع ودعم إخواننا في فلسطين، نابعة من إيماننا وروح التضامن الإسلامية. نطلب
+        بإخلاص تقديم تبرعات سخية للمساعدة في تخفيف معاناة إخوتنا في ظروف صعبة. في هذا الزمان الحرج،
+        يمكننا تحقيق تأثير كبير من خلال العطاء وتقاسم المسؤولية في بناء جسور الخير والإحسان.
+        بالتعاون، نعيش قيم التضامن التي يعلمنا إيماننا، ونقدم بحب ورحمة يد العون لإخوتنا في فلسطين.
+      </p>
+    </div>
+    <PalestineIcon className="shrink-0 text-palestine-green" />
+  </div>
+</section>
+<section>
+  <div class="mt-28 px-4">
     <h1
       class="relative mx-auto max-w-max text-center text-2xl font-semibold sm:text-4xl sm:leading-relaxed md:text-4xl md:leading-relaxed lg:text-5xl">
       <span class="inline-block text-palestine-green">المؤمن</span>{' '}