docs: tweak padding

Author: tianzhou

src/components/pages/home/hero-v1/db-scheme.tsx

@@ -48,7 +48,7 @@ const DBScheme = () => {
   }, [rive, isVisible]);
 
   return (
-    <section className="mt-16 xl:mt-10 sm:mt-0" ref={containerRef}>
+    <section className="" ref={containerRef}>
       <div
         className="relative z-10 3xl:mt-12 2xl:px-5 xl:mt-10 md:mt-9 md:px-3 sm:mt-5 sm:px-0"
         ref={animationRef}

src/components/pages/home/hero-v1/hero-v1.tsx

@@ -38,7 +38,7 @@ const HeroV1 = ({ latestVersion }: { latestVersion: { number: string; slug: stri
             in a single place
           </h1>
         </header>
-        <footer className="mt-14 flex items-center gap-9 2xl:gap-8 xl:mt-11 xl:gap-6 md:mt-7 sm:mt-6 sm:gap-3.5">
+        <footer className="mt-12 flex items-center gap-9 2xl:gap-8 xl:mt-11 xl:gap-6 md:mt-7 sm:mt-6 sm:gap-3.5">
           <Button
             href={Route.VIEW_LIVE_DEMO}
             theme="primary-filled"

src/components/pages/home/promo-cards/card/card.tsx

@@ -35,7 +35,7 @@ const Card = forwardRef<HTMLElement, CardProps>(function CardComponent(
           alt=""
         />
       </div>
-      <div className="mt-4">
+      <div className="mt-8">
         <h3 className="overflow-hidden text-ellipsis whitespace-nowrap text-36 font-bold leading-extra-tight tracking-tighter xl:text-32 md:text-30 sm:text-24">
           {title}
         </h3>