Cambios en Landing Page

src/components/ListadoPostsHorizontal.astro

@@ -0,0 +1,26 @@
+---
+const posts = await Astro.glob("../pages/posts/*.md");
+---
+
+<div class="row">
+    {
+        posts.slice(0, 3).map((post) => (
+            <div class="col-md-4 mb-4 animate-on-scroll">
+                <div class="card">
+                    <div class="card-body">
+                        <h5 class="card-title">
+                            {post.frontmatter.titulo}
+                        </h5>
+                        <p class="card-text">
+                            {post.frontmatter.descripcion}
+                            ...
+                        </p>
+                        <a href={post.url} class="btn btn-primary">
+                            Leer más
+                        </a>
+                    </div>
+                </div>
+            </div>
+        ))
+    }
+</div>

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>