src/components/Header.astro

@@ -36,7 +36,7 @@ const { locale } = Astro.params;
           <ul class="menu min-h-full w-80 p-4 bg-[url(/img/opacity-logo.png)] bg-no-repeat bg-contain bg-center bg-[#22523F] text-white">
             <!-- Sidebar content here -->
              <div class="flex gap-2 justify-center items-center mb-8 mt-8">
-              <img class="w-1/3 object-contain" src="/img/logo-metalico.webp" alt="Logo Centro del Reino de Paz y Justicia" />
+              <img class="w-1/3 object-contain" src="/img/logo-new-white.png" alt="Logo Centro del Reino de Paz y Justicia" />
                 <p class="font-secondary text-colorPrimary font-bold leading-none py-2 text-lg ">
                   <a href="/">{tl("nav.logo_line1")}<br/>{tl("nav.logo_line2")}</a>
                 </p>

src/components/HeroHome.astro

@@ -15,7 +15,7 @@ const tl = createTranslator(Astro.currentLocale);
         <div class="grid md:grid-cols-2 h-full px-6">
             <div class="gap-8 md:flex flex-col justify-end">
                     <img
-                        src="/img/logo-metalico.webp"
+                        src="/img/logo-new-white.png"
                         alt="Logo Metalico"
                         class="w-20 sm:24 md:w-32 lg:w-58 mb-4 mt-0"
                     />
@@ -37,7 +37,7 @@ const tl = createTranslator(Astro.currentLocale);
                     <h2 class="text-[#EAE6D2] text-lg py-8">{tl("hero.body")}</h2>
                     <div class="w-16 self-end md:mt-64">
                         <img
-                            src="/img/white-lion.png"
+                            src="/img/white-dove.webp"
                             alt="White Dove"
                         />
                     </div>

src/components/section/FooterSection.astro

@@ -33,7 +33,7 @@ const tl = createTranslator(Astro.currentLocale);
       <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">
+      <img class="w-24 lg:order-1 z-10 pl-6 object-contain" src="/img/logo-new-white.png" alt="Logo Metalico">
     </div>
 
   </div>

src/components/section/IdentitySection.astro

@@ -10,7 +10,7 @@ const tl = createTranslator(Astro.currentLocale);
 
     <div class="grid grid-cols-1 md:grid-cols-3 bg-white">
         <div class="bg-[#22523F] col-span-1 flex items-center justify-center bg-[url('/img/opacity-logo.png')] bg-cover bg-no-repeat bg-right md:bg-left">
-            <img src="/img/logo-metalico.webp" alt="" class="w-1/4 my-8 md:w-1/2" />
+            <img src="/img/logo-new-white.png" alt="" class="w-1/4 my-8 md:w-1/2" />
         </div>
         <div class={`flex flex-col text-tertiary col-span-2 gap-8 py-8 md:py-16 lg:py-24 px-8 sm:px-16 lg:px-32`}>
             <h2 class="font-primary text-xl md:text-3xl font-bold">{tl("identity.initTitle")}</h2>

src/components/section/ProjectionSection.astro

@@ -37,7 +37,7 @@ const tl = createTranslator(Astro.currentLocale);
         <div class="hidden lg:block row-span-2 col-span-full lg:col-span-1 over bg-[#CBA16A] relative">
             <div class="relative">
                 <BoxContainer props={{
-                    bgImage: 'https://ik.imagekit.io/crpy/tr:o-20/white-lion.png',
+                    bgImage: 'https://ik.imagekit.io/crpy/tr:o-20/dove.webp?updatedAt=1770966556158',
                     bgColor: '#CBA16A',
                 }} />
                 <div class="absolute -bottom-[8rem] z-10 w-full">

src/components/section/TitleSection.astro

@@ -7,7 +7,7 @@ const { title } = Astro.props;
     <div class="container mx-auto">
         <div class="flex justify-between px-4">
             <h2 class="text-tertiary font-secondary text-xl sm:text-2xl md:text-3xl lg:text-5xl font-bold">{title}</h2>
-            <img class="md:w-20 md:h-20 w-10 h-10" src="/img/lion.svg" alt="Leon">
+            <Icon name="logo" class="text-6xl" />
         </div>
     </div>
 </div>

src/i18n/en.json

@@ -39,7 +39,7 @@
             "titleColor": "text-[#CBA16A]",
             "textColor": "text-[#EDE9D9]",
             "sizeText": "text-xl",
-            "bgImage": "https://ik.imagekit.io/crpy/tr:o-20/white-lion.png",
+            "bgImage": "https://ik.imagekit.io/crpy/tr:o-20/dove.webp?updatedAt=1770966556158",
             "url": "#programs",
             "hasButton": true,
             "hasIcon": true,
@@ -66,7 +66,7 @@
         "title": "Mission, Vision and Institutional Values.",
         "buttonLabel": "READ MORE",
         "hasButton": true,
-        "bgImage": "https://ik.imagekit.io/crpy/tr:o-20/white-lion.png",
+        "bgImage": "https://ik.imagekit.io/crpy/tr:o-20/dove.webp?updatedAt=1770966556158",
         "hasIcon": true,
         "url":"#mision",
         "bgColor": "#CBA16A",

src/i18n/es.json

@@ -41,7 +41,7 @@
             "titleColor": "text-[#CBA16A]",
             "textColor": "text-[#EDE9D9]",
             "sizeText": "text-xl",
-            "bgImage": "https://ik.imagekit.io/crpy/tr:o-20/white-lion.png",
+            "bgImage": "https://ik.imagekit.io/crpy/tr:o-20/dove.webp?updatedAt=1770966556158",
             "url": "#programs",
             "hasButton": true,
             "hasIcon": true,
@@ -68,7 +68,7 @@
         "title": "Misión, Visión y Valores Institucionales.",
         "buttonLabel": "LEER MÁS",
         "hasButton": true,
-        "bgImage": "https://ik.imagekit.io/crpy/tr:o-20/white-lion.png",
+        "bgImage": "https://ik.imagekit.io/crpy/tr:o-20/dove.webp?updatedAt=1770966556158",
         "hasIcon": true,
         "url":"#mision",
         "bgColor": "#CBA16A",