(fix) Overlalap with Nav Bar

Signed-off-by: Progyan Bhattacharya <bprogyan@gmail.com>

Author: 0xTheProDev

src/pages/index.astro

@@ -32,7 +32,7 @@ import Icon from "astro-icon";
       <div class="flex justify-center space-x-2 md:space-x-4">
         <a
           href="/docs/getting-started/"
-          class={cn(buttonVariants({ size: "lg" }), "z-50")}
+          class={cn(buttonVariants({ size: "lg" }), "relative")}
         >
           Get Started
         </a>
@@ -42,7 +42,7 @@ import Icon from "astro-icon";
           rel="noreferrer"
           class={cn(
             buttonVariants({ variant: "outline", size: "lg" }),
-            "px-4 z-50",
+            "px-4 relative",
           )}
         >
           <Icon name="github" class="mr-2 size-5" />
@@ -180,7 +180,7 @@ import Icon from "astro-icon";
           href="https://github.com/sponsors/0xTheProDev"
           target="_blank"
           rel="noreferrer"
-          class={cn(buttonVariants({ size: "lg" }), "z-50")}
+          class={cn(buttonVariants({ size: "lg" }), "relative")}
         >
           <Icon name="mdi:hand-heart" class="mr-2 size-5" />
           Sponsor
@@ -191,7 +191,7 @@ import Icon from "astro-icon";
           rel="noreferrer"
           class={cn(
             buttonVariants({ variant: "outline", size: "lg" }),
-            "px-4 z-50",
+            "px-4 relative",
           )}
         >
           <Icon name="simple-icons:opensourceinitiative" class="mr-2 size-5" />