chore: adjustments, add todo

Author: wackerow

src/components/ui/section.tsx

@@ -3,16 +3,13 @@ import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "@/lib/utils/cn"
 
+// TODO: Add to design system
 const variants = cva("w-full scroll-mt-20", {
   variants: {
     variant: {
       responsiveFlex: "flex flex-col gap-8 md:flex-row lg:gap-16",
-      normal: "",
     },
   },
-  defaultVariants: {
-    variant: "normal",
-  },
 })
 
 const Section = React.forwardRef<

src/pages/index.tsx

@@ -224,7 +224,7 @@ const HomePage = ({
         </div>
 
         {/* Use Cases - A new way to use the internet */}
-        <section
+        <Section
           id="use"
           className={cn(
             "max-lg:-mx-4 max-lg:flex max-lg:w-[100vw] max-lg:flex-col max-lg:overflow-hidden max-lg:px-4 sm:max-lg:-mx-6 sm:max-lg:px-6", // Mobile: Swiper cards
@@ -273,7 +273,7 @@ const HomePage = ({
               className={cn(className, "max-lg:hidden")} // Desktop only
             />
           ))}
-        </section>
+        </Section>
 
         {/* Activity - The strongest ecosystem */}
         <Section id="activity" variant="responsiveFlex">