fix: vertical spacing (#127)

Author: hari

README.md

@@ -18,7 +18,7 @@ Visit our [contributing guide](https://animata.design/docs/contributing) to lear
 ## Authors
 
 <a href="https://github.com/codse/animata/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=codse/animata" />
+  <img src="https://contrib.rocks/image?repo=codse/animata&max=100" />
 </a>
 
 ## Activity

app/_landing/curtain.tsx

@@ -18,7 +18,7 @@ export default function Curtain() {
   return (
     <div
       className={cn(
-        "absolute inset-0 -mt-16 flex items-end justify-center bg-yellow-200 ease-slow animate-out slide-out-to-top-full fill-mode-forwards",
+        "absolute inset-0 z-20 -mt-16 flex items-end justify-center bg-yellow-200 ease-slow animate-out slide-out-to-top-full fill-mode-forwards",
         {
           // Only animate it once per load
           "duration-1000": !hasLoaded,

app/page.tsx

@@ -26,7 +26,7 @@ export default function IndexPage() {
       <DiagonalLines color="#dadada" className="absolute -left-20 -top-20 h-52 w-52 rotate-12">
         <div className="h-52 w-52" />
       </DiagonalLines>
-      <div className="container relative flex w-full flex-col gap-8 py-12 md:py-24">
+      <div className="container relative flex w-full flex-col gap-8 pb-12 pt-4 md:pb-24 md:pt-8">
         <Announcement />
         <Hero />
         <FeatureSection />

components/announcement.tsx

@@ -6,7 +6,7 @@ import { Separator } from "@/components/ui/separator";
 
 export function Announcement() {
   return (
-    <div className="group mx-auto w-fit rounded-full bg-background px-4">
+    <div className="group z-10 mx-auto mb-4 w-fit rounded-full bg-background px-4 lg:-mb-20">
       <Link href="/docs/changelog">
         <AnimatedGradientText className="inline-flex cursor-pointer items-center rounded-full border-2 border-sky-500 from-rose-500 via-green-600 to-purple-500 px-6 py-3 text-lg font-semibold hover:border-sky-600">
           <Combine className="h-6 w-6 text-blue-500" />{" "}