Cambios en Landing Page

src/components/Navbar.astro

@@ -1,13 +1,22 @@
 ---
-
+import { Image } from "astro:assets";
 ---
 
 <main>
   <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
     <div class="container">
-      <a class="navbar-brand d-flex align-items-center" href="#">
-        <img src="/imgs/logo.jpg" alt="Logo Ecobjetivos" class="me-2" height="24" />
-        Ecobjetivos
+      <a
+        class="navbar-brand d-flex align-items-center"
+        href="#"
+      >
+        <Image
+          src="/imgs/logo.png"
+          alt="Logo Ecobjetivos"
+          class="me-2 biglogo"
+          height="25"
+          width="25"
+        />
+        &nbsp Ecobjetivos
       </a>
       <button
         class="navbar-toggler"
@@ -23,13 +32,23 @@
       <div class="collapse navbar-collapse" id="navbarNav">
         <ul class="navbar-nav ms-auto">
           <li class="nav-item">
-            <a class="nav-link" href="#posts">Posts</a>
+            <a type="button" class="nav-link btn btn-light" href="#posts"
+              >Posts</a
+            >
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="#proyectos">Proyectos</a>
+            <a type="button" class="nav-link btn btn-light" href="#proyectos"
+              >Proyectos</a
+            >
           </li>
         </ul>
       </div>
     </div>
   </nav>
 </main>
+
+<style>
+  .biglogo {
+    scale: 1.5;
+  }
+</style>