fixed flag of israel and footer

src/components/Header.astro

@@ -69,7 +69,7 @@ const { locale } = Astro.params;
         <ul tabindex="-1" class="dropdown-content text-tertiary text-lg bg-colorPrimary menu z-1 w-52 p-2 shadow-sm">
           <li><a href="/es"><Icon name="icon_flag_es" /> Español</a></li>
           <li><a href="/en"><Icon name="icon_flag_uk" /> English</a></li>
-          <li><a href="/he"><Icon name="icon_flag_uk" /> עברית</a></li>
+          <li><a href="/he"><Icon name="flagpack--il" /> עברית</a></li>
         </ul>
       </div>
     </nav>

src/components/section/FooterSection.astro

@@ -4,37 +4,64 @@ import { Image } from "astro:assets";
 import jbp from "../../assets/DRJBP-1.webp";
 import FormContact from "./FormContact.vue";
 
-import { createTranslator, t } from '../../i18n';
+import { createTranslator, t } from "../../i18n";
 const tl = createTranslator(Astro.currentLocale);
+
+const isHebrew = Astro.currentLocale === "he";
 ---
 
 <div id="contact" class="bg-[#22523F]">
   <div class="container mx-auto py-20 relative text-[#EBE5D0]">
-
     <div class="absolute bottom-0 right-0 w-80 hidden lg:block">
       <Image src={jbp} alt="Centro del Reino de Paz y Justicia" />
     </div>
 
-    <h4 class="text-lg text-center font-bold uppercase" set:html={tl("footer.title")}></h4>
-    <h2 class="text-2xl lg:text-5xl text-center font-bold font-secondary my-8" set:html={tl("footer.subtitle")}>
-    </h2>
+    <h4
+      class="text-lg text-center font-bold uppercase"
+      set:html={tl("footer.title")}
+    />
+    <h2
+      class="text-2xl lg:text-5xl text-center font-bold font-secondary my-8"
+      set:html={tl("footer.subtitle")}
+    />
 
     <div class="px-12 lg:px-4 lg:w-2/5 mx-auto">
+      <p class="text-lg font-light mb-10" set:html={tl("footer.text")} />
 
-      <p class="text-lg font-light mb-10" set:html={tl("footer.text")}></p>
-
-      <p class="text-lg font-light mb-10 break-words" set:html={tl("footer.text2")}></p>
+      <p
+        class="text-lg font-light mb-10 break-words"
+        set:html={tl("footer.text2")}
+      />
 
       <FormContact client:load locale={Astro.currentLocale} />
-      
     </div>
 
-    <div class="flex lg:justify-between mt-10 lg:mt-0 align-center justify-center">
+    <div
+      class="flex lg:justify-between mt-10 lg:mt-0 align-center justify-center"
+    >
+      {
+        !isHebrew && (
           <p class="px-4 order-1 text-sm font-normal text-white lg:self-end text-center lg:text-left">
             {tl("footer.reserved")}
           </p>
-      <img class="w-24 lg:order-1 z-10 pl-6 object-contain" src="/img/logo-metalico.webp" alt="Logo Metalico">
-    </div>
+        )
+      }
 
+      <div class="flex items-center gap-3 lg:order-1 z-10 pl-6">
+        <img
+          class="w-24 object-contain"
+          src="/img/logo-metalico.webp"
+          alt="Logo Metalico"
+        />
+
+        {
+          isHebrew && (
+            <p class="text-sm font-normal text-white text-center lg:text-left">
+              {tl("footer.reserved")}
+            </p>
+          )
+        }
+      </div>
+    </div>
   </div>
 </div>

src/icons/flagpack--il.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><path fill="#f7fcff" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/><mask id="SVGcFaS5cXn" width="32" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/></mask><g fill="#3d58db" fill-rule="evenodd" clip-rule="evenodd" mask="url(#SVGcFaS5cXn)"><path d="M0 3v3h32V3zm0 15v3h32v-3zm11.381-3.061h9.377L16.116 6.62zm7.772-1.01h-6.132l3.086-5.47z"/><path d="M11.264 9.076h9.417l-4.545 8.086zm7.781.974h-5.994l3.058 5.481z"/></g></g></svg>