From 25de4b5f4fbd984fcfbdcf746e6e8477cd427475 Mon Sep 17 00:00:00 2001
From: Bereket Engida <bekacru@gmail.com>
Date: Sun, 2 Mar 2025 12:49:00 +0300
Subject: [PATCH] docs(hero): update changelog badge styling and layout

---
 docs/components/landing/hero.tsx | 44 ++++++++++++++------------------
 1 file changed, 19 insertions(+), 25 deletions(-)

diff --git a/docs/components/landing/hero.tsx b/docs/components/landing/hero.tsx
index 594605b19d..93cc5f77ab 100644
--- a/docs/components/landing/hero.tsx
+++ b/docs/components/landing/hero.tsx
@@ -56,35 +56,29 @@ export default function Hero() {
 					<div className="relative z-10 md:text-center lg:text-left">
 						<div className="relative">
 							<div className="flex flex-col items-start gap-2">
-								<div className="flex items-center gap-1 mt-2">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										width="0.8em"
-										height="0.8em"
-										viewBox="0 0 24 24"
-									>
-										<path
-											fill="currentColor"
-											d="M13 4V2c4.66.5 8.33 4.19 8.85 8.85c.6 5.49-3.35 10.43-8.85 11.03v-2c3.64-.45 6.5-3.32 6.96-6.96A7.994 7.994 0 0 0 13 4m-7.33.2A9.8 9.8 0 0 1 11 2v2.06c-1.43.2-2.78.78-3.9 1.68zM2.05 11a9.8 9.8 0 0 1 2.21-5.33L5.69 7.1A8 8 0 0 0 4.05 11zm2.22 7.33A10.04 10.04 0 0 1 2.06 13h2c.18 1.42.75 2.77 1.63 3.9zm1.4 1.41l1.39-1.37h.04c1.13.88 2.48 1.45 3.9 1.63v2c-1.96-.21-3.82-1-5.33-2.26M12 17l1.56-3.42L17 12l-3.44-1.56L12 7l-1.57 3.44L7 12l3.43 1.58z"
-										></path>
-									</svg>
-									<span className="text-xs text-opacity-75">Own Your Auth</span>{" "}
-									<svg
-										width="8"
-										height="8"
-										viewBox="0 0 12 12"
-										fill="none"
-										className="mx-2"
-										xmlns="http://www.w3.org/2000/svg"
-									>
-										<path d="M6 0L12 10.5H0L6 0Z" fill="currentColor" />
-									</svg>
+								<div className="flex items-end gap-1 mt-2 ">
+									<div className="flex items-center gap-1">
+										<svg
+											xmlns="http://www.w3.org/2000/svg"
+											width="0.8em"
+											height="0.8em"
+											viewBox="0 0 24 24"
+										>
+											<path
+												fill="currentColor"
+												d="M13 4V2c4.66.5 8.33 4.19 8.85 8.85c.6 5.49-3.35 10.43-8.85 11.03v-2c3.64-.45 6.5-3.32 6.96-6.96A7.994 7.994 0 0 0 13 4m-7.33.2A9.8 9.8 0 0 1 11 2v2.06c-1.43.2-2.78.78-3.9 1.68zM2.05 11a9.8 9.8 0 0 1 2.21-5.33L5.69 7.1A8 8 0 0 0 4.05 11zm2.22 7.33A10.04 10.04 0 0 1 2.06 13h2c.18 1.42.75 2.77 1.63 3.9zm1.4 1.41l1.39-1.37h.04c1.13.88 2.48 1.45 3.9 1.63v2c-1.96-.21-3.82-1-5.33-2.26M12 17l1.56-3.42L17 12l-3.44-1.56L12 7l-1.57 3.44L7 12l3.43 1.58z"
+											></path>
+										</svg>
+										<span className="text-xs text-opacity-75">
+											Own Your Auth
+										</span>
+									</div>
 									<Link href={"/changelogs/1-2"}>
-										<span className="bg-gradient-to-tr from-stone-800 to-black  px-2 py-1 rounded-none mb-1">
+										<span className="bg-gradient-to-tr from-stone-800/50 to-black  px-2 rounded-none">
 											<span className="text-xs text-zinc-200 tracking-tighter font-mono mb-0 underline underline-offset-4">
 												v1.2 is out
 											</span>
-											<CornerRightUp className="inline ml-1 mb-[0.8px] w-3 h-3" />
+											<CornerRightUp className="inline ml-1 w-3 h-3" />
 										</span>
 									</Link>
 								</div>