From e6dad1976a63a63af52c2bc5c9c568086028705d Mon Sep 17 00:00:00 2001
From: Nikhil M Warrier <nikhilmw.dev@gmail.com>
Date: Tue, 3 Mar 2026 09:19:21 +0530
Subject: Update homepage and fonts

---
 src/pages/index.astro | 63 +++++++++++++++++++++++++++------------------------
 1 file changed, 33 insertions(+), 30 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9549a7c..c884146 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -6,7 +6,7 @@ import PageHead from '@/components/PageHead.astro'
 import { buttonVariants } from '@/components/ui/button'
 import { SITE } from '@/consts'
 import Layout from '@/layouts/Layout.astro'
-import { getRecentPosts, getRecentEvents } from '@/lib/data-utils'
+import { getRecentEvents, getRecentPosts } from '@/lib/data-utils'
 
 const blog = await getRecentPosts(SITE.featuredPostCount)
 const events = await getRecentEvents(SITE.featuredEventsCount)
@@ -16,55 +16,58 @@ const events = await getRecentEvents(SITE.featuredEventsCount)
   <PageHead slot="head" title="Home" />
   <section class="rounded-lg border">
     <div class="flex flex-col space-y-1.5 p-6">
-      <h3 class="text-3xl leading-none font-medium">er·u·dite</h3>
-      <p class="text-muted-foreground text-sm">
-      /ˈer(y)əˌdīt/ &bull; <span class="font-medium">adjective</span>
+      <h3 class="font-mono text-3xl leading-none font-medium">
+        Software belongs to the people.
+      </h3>
+      <p class="text-muted-foreground mt-5">
+        We are a community of hackers, builders, and privacy advocates dedicated
+        to Free and Open Source Software.
       </p>
     </div>
   </section>
   <section class="flex flex-col gap-y-4">
-    <h2 class="text-2xl font-medium">Latest events</h2>
+    <h2 class="text-2xl font-medium">Events</h2>
     <ul class="flex flex-col gap-y-4">
       {
-      events.map((event) => (
-      <li>
-        <EventCard entry={event} />
-      </li>
-      ))
+        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
-                          >
+        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">Latest posts</h2>
+    <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>
-      ))
+        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
-                          >
+        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>
-- 
cgit v1.2.3