Merge pull request 'Update site logos and favicon, adjust frontend assets' (#15) from update-logos into main

Reviewed-on: #15

src/components/Header.astro

@@ -33,10 +33,10 @@ const { locale } = Astro.params;
         </div>
         <div class="drawer-side">
           <label for="my-drawer-1" aria-label="close sidebar" class="drawer-overlay"></label>
-          <ul class="menu min-h-full w-80 p-4 bg-[url(/img/mid-logo-2.webp)] bg-no-repeat bg-contain bg-center bg-[#22523F] text-white">
+          <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"
                     />

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

@@ -9,8 +9,8 @@ const tl = createTranslator(Astro.currentLocale);
 <div id="somos" class="container mx-auto">
 
     <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('/src/assets/mid-logo-2.webp')] 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" />
+        <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-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/InfoSection.astro

@@ -28,7 +28,7 @@ const tl = createTranslator(Astro.currentLocale);
             <BoxContainer props={tl("info.endbox")} />
         </div>
         <div class="col-span-1 py-38 lg:px-24 bg-[#21523F]">
-            <img src="/img/logo-ligth.webp" alt="Logo del Centro del Reino de Paz y Justicia (CRPJ)" class="w-1/3 lg:w-100 mx-auto">
+            <img src="/img/logo-new-white.png" alt="Logo del Centro del Reino de Paz y Justicia (CRPJ)" class="w-1/3 lg:w-100 mx-auto">
         </div>
     </div>
 </div>

src/components/section/ProjectionSection.astro

@@ -41,7 +41,7 @@ const tl = createTranslator(Astro.currentLocale);
                     bgColor: '#CBA16A',
                 }} />
                 <div class="absolute -bottom-[8rem] z-10 w-full">
-                    <img src="/img/logo-ligth.webp" class="w-1/2 mx-auto" alt="Logo del Centro del Reino de Paz y Justicia (CRPJ)">
+                    <img src="/img/logo-new-white.png" class="w-1/2 mx-auto" alt="Logo del Centro del Reino de Paz y Justicia (CRPJ)">
                 </div>
             </div>
             <div class="hidden lg:flex bg-[#22523F] object-cover pt-64 justify-end ">