From 54c2054acee0549772e1baff733b6ce4f1762e21 Mon Sep 17 00:00:00 2001
From: Nikhil M Warrier <nikhilmw.dev@gmail.com>
Date: Wed, 4 Mar 2026 22:33:38 +0530
Subject: Update About page further

---
 src/components/TimelineCard.astro | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/TimelineCard.astro

(limited to 'src/components/TimelineCard.astro')

diff --git a/src/components/TimelineCard.astro b/src/components/TimelineCard.astro
new file mode 100644
index 0000000..5549dcd
--- /dev/null
+++ b/src/components/TimelineCard.astro
@@ -0,0 +1,30 @@
+---
+import { cn } from '@/lib/utils'
+
+interface Props {
+  year: string
+  title: string
+  text: string
+  fancy: boolean
+}
+
+const { year, title, text, fancy = false } = Astro.props
+---
+
+<div class="group relative flex items-center pl-8">
+  <div
+    class={cn(
+      'ml-4 w-full rounded-2xl border p-6 shadow-2xl backdrop-blur-sm',
+      fancy
+        ? 'border-border bg-linear-to-bl from-primary/10  to-transparent'
+        : 'border-border',
+    )}
+  >
+    <div class="mb-2 flex items-center" id="container">
+      <span class="bg-background absolute top-8 -left-13 font-mono">{year}</span
+      >
+    </div>
+    <h3 class="mb-2 text-xl">{title}</h3>
+    <p class="text-muted-foreground leading-relaxed">{text}</p>
+  </div>
+</div>
-- 
cgit v1.2.3