Who put these hr's here...

Author: tannerlinsley

src/routes/_libraries/index.tsx

@@ -91,61 +91,61 @@ function Index() {
         src={toyPalmChair}
         className="-bottom-[50px] -right-[100px] z-0 fixed opacity-20"
       /> */}
-      <div className="max-w-full z-10">
-        <div className="flex flex-col xl:flex-row items-center gap-4 xl:pt-24 xl:justify-center">
-          <img
-            src={splashLightImg}
-            className="w-[300px] pt-8 xl:pt-0 xl:w-[400px] 2xl:w-[500px] dark:hidden"
-            alt="TanStack Logo"
-          />
-          <img
-            src={splashDarkImg}
-            className="w-[300px] pt-8 xl:pt-0 xl:w-[400px] 2xl:w-[500px] hidden dark:block"
-            alt="TanStack Logo"
-          />
-          <div className="flex flex-col items-center gap-6 text-center px-4 xl:text-left xl:items-start">
-            <div className="flex gap-2 lg:gap-4 items-center">
-              <h1
-                className={`inline-block
+      <div className="max-w-full z-10 space-y-24">
+        <div className="space-y-8">
+          <div className="flex flex-col xl:flex-row items-center gap-4 xl:pt-24 xl:justify-center">
+            <img
+              src={splashLightImg}
+              className="w-[300px] pt-8 xl:pt-0 xl:w-[400px] 2xl:w-[500px] dark:hidden"
+              alt="TanStack Logo"
+            />
+            <img
+              src={splashDarkImg}
+              className="w-[300px] pt-8 xl:pt-0 xl:w-[400px] 2xl:w-[500px] hidden dark:block"
+              alt="TanStack Logo"
+            />
+            <div className="flex flex-col items-center gap-6 text-center px-4 xl:text-left xl:items-start">
+              <div className="flex gap-2 lg:gap-4 items-center">
+                <h1
+                  className={`inline-block
             font-black text-5xl
             md:text-6xl
             lg:text-8xl`}
-              >
-                <span
-                  className={`
+                >
+                  <span
+                    className={`
             inline-block text-black dark:text-white
             mb-2 uppercase [letter-spacing:-.04em] pr-1.5
             `}
-                >
-                  TanStack
-                </span>
-              </h1>
-            </div>
-            <h2
-              className="font-bold text-2xl max-w-md
+                  >
+                    TanStack
+                  </span>
+                </h1>
+              </div>
+              <h2
+                className="font-bold text-2xl max-w-md
             md:text-4xl md:max-w-2xl
             2xl:text-5xl lg:max-w-2xl text-balance"
-            >
-              High-quality open-source software for{' '}
-              <span className="underline decoration-dashed decoration-yellow-500 decoration-3 underline-offset-2">
-                web developers.
-              </span>
-            </h2>
-            <p
-              className="text opacity-90 max-w-sm
+              >
+                High-quality open-source software for{' '}
+                <span className="underline decoration-dashed decoration-yellow-500 decoration-3 underline-offset-2">
+                  web developers.
+                </span>
+              </h2>
+              <p
+                className="text opacity-90 max-w-sm
             lg:text-xl lg:max-w-2xl text-balance"
-            >
-              Headless, type-safe, & powerful utilities for Web Applications,
-              Routing, State Management, Data Visualization, Datagrids/Tables,
-              and more.
-            </p>
+              >
+                Headless, type-safe, & powerful utilities for Web Applications,
+                Routing, State Management, Data Visualization, Datagrids/Tables,
+                and more.
+              </p>
+            </div>
+          </div>
+          <div className="w-fit mx-auto px-4">
+            <OpenSourceStats />
           </div>
         </div>
-        <div className="my-16" />
-        <div className="w-fit mx-auto px-4">
-          <OpenSourceStats />
-        </div>
-        <div className="my-16" />
         <div className="px-4 lg:max-w-screen-lg md:mx-auto">
           <h3 className={`text-4xl font-light`}>Open Source Libraries</h3>
 
@@ -290,7 +290,7 @@ function Index() {
             )
           )}
         </div>
-        <hr className="my-16 border-gray-200 dark:border-gray-500/10" />
+
         <div className="px-4 lg:max-w-screen-lg md:mx-auto">
           <h3 className={`text-4xl font-light mb-6`}>Partners</h3>
           <div className={`grid grid-cols-1 gap-6 sm:grid-cols-2`}>
@@ -314,7 +314,7 @@ function Index() {
             })}
           </div>
         </div>
-        <hr className="my-16 border-gray-200 dark:border-gray-500/10" />
+
         <div className={`lg:max-w-screen-lg px-4 mx-auto`}>
           <h3 className={`text-4xl font-light mb-6`}>Courses</h3>
           <div className={`mt-4 grid grid-cols-1 gap-4`}>
@@ -348,7 +348,7 @@ function Index() {
             ))}
           </div>
         </div>
-        <hr className="my-16 border-gray-200 dark:border-gray-500/10" />
+
         <div className={`lg:max-w-screen-lg px-4 mx-auto`}>
           <h3 className={`text-4xl font-light`}>OSS Sponsors</h3>
           <div className="h-6" />
@@ -387,9 +387,9 @@ function Index() {
             </p>
           </div>
         </div>
-        <hr className="my-16 border-gray-200 dark:border-gray-500/10" />
+
         <LandingPageGad />
-        <hr className="my-16 border-gray-200 dark:border-gray-500/10" />
+
         <div className="px-4 mx-auto max-w-screen-lg">
           <div
             className={`