1 files changed, 51 insertions, 46 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1e5d956..8b526f7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -48,50 +48,55 @@ const events = await getRecentEvents(SITE.featuredEventsCount)
       </p>
     </div>
   </section>
-  <section class="flex flex-col gap-y-4">
-    <h2 class="text-2xl font-medium">Events</h2>
-    <ul class="flex flex-col gap-y-4">
-      {
-        events.map((event) => (
-          <li>
-            <EventCard entry={event} />
-          </li>
-        ))
-      }
-    </ul>
-    <div class="flex justify-center">
-      <Link
-        href="/events"
-        class={buttonVariants({ variant: 'ghost' }) + ' group'}
-      >
-        See all posts <span
-          class="ml-1.5 transition-transform group-hover:translate-x-1"
-          >&rarr;</span
-        >
-      </Link>
-    </div>
-  </section>
-  <section class="flex flex-col gap-y-4">
-    <h2 class="text-2xl font-medium">Blog posts</h2>
-    <ul class="flex flex-col gap-y-4">
-      {
-        blog.map((post) => (
-          <li>
-            <BlogCard entry={post} />
-          </li>
-        ))
-      }
-    </ul>
-    <div class="flex justify-center">
-      <Link
-        href="/blog"
-        class={buttonVariants({ variant: 'ghost' }) + ' group'}
-      >
-        See all posts <span
-          class="ml-1.5 transition-transform group-hover:translate-x-1"
-          >&rarr;</span
-        >
-      </Link>
-    </div>
-  </section>
+  {
+    events.length > 0 && (
+      <section class="flex flex-col gap-y-4">
+        <h2 class="text-2xl font-medium">Events</h2>
+        <ul class="flex flex-col gap-y-4">
+          {events.map((event) => (
+            <li>
+              <EventCard entry={event} />
+            </li>
+          ))}
+        </ul>
+        <div class="flex justify-center">
+          <Link
+            href="/events"
+            class={buttonVariants({ variant: 'ghost' }) + ' group'}
+          >
+            See all events
+            <span class="ml-1.5 transition-transform group-hover:translate-x-1">
+              &rarr;
+            </span>
+          </Link>
+        </div>
+      </section>
+    )
+  }
+
+  {
+    blog.length > 0 && (
+      <section class="flex flex-col gap-y-4">
+        <h2 class="text-2xl font-medium">Blog posts</h2>
+        <ul class="flex flex-col gap-y-4">
+          {blog.map((post) => (
+            <li>
+              <BlogCard entry={post} />
+            </li>
+          ))}
+        </ul>
+        <div class="flex justify-center">
+          <Link
+            href="/blog"
+            class={buttonVariants({ variant: 'ghost' }) + ' group'}
+          >
+            See all posts{' '}
+            <span class="ml-1.5 transition-transform group-hover:translate-x-1">
+              &rarr;
+            </span>
+          </Link>
+        </div>
+      </section>
+    )
+  }
 </Layout>