Copy the content of the marquee way too many times

Author: hasparus

src/app/conf/2025/components/marquee-under-hero.tsx

@@ -10,7 +10,7 @@ const keywords = [
 
 export function MarqueeUnderHero() {
   return (
-    <section className="py-6 font-mono text-xl/none text-pri-base md:pt-12 md:text-[56px]/none lg:pt-16 xl:pt-24">
+    <section className="space-y-2 pt-6 font-mono text-xl/none text-pri-base md:pt-12 md:text-[56px]/none lg:pt-16 xl:pt-24">
       {keywords.map((row, i) => (
         <Marquee
           key={i}

src/app/conf/2025/page.tsx

@@ -22,7 +22,7 @@ export default function Page() {
       <Hero />
       <div className="gql-conf-container gql-conf-navbar-strip text-neu-900 before:bg-white/40 before:dark:bg-blk/30">
         <MarqueeUnderHero />
-        <RegisterToday className="md:mb-8 md:mt-24" />
+        <RegisterToday className="md:mb-8 md:mt-16" />
         <WhatToExpectSection className="md:mb-8 md:mt-24" />
         <TopMindsSection className="md:mb-8 md:mt-24" hasSpeakersPage={false} />
       </div>

src/app/conf/_design-system/marquee.tsx

@@ -97,11 +97,11 @@ export function Marquee({
       <motion.div
         className="flex w-max"
         drag="x"
-        onDragStart={event => {
-          ;(event.target as HTMLElement).style.cursor = "grabbing"
+        onDragStart={() => {
+          document.documentElement.style.cursor = "grabbing"
         }}
-        onDragEnd={event => {
-          ;(event.target as HTMLElement).style.cursor = "initial"
+        onDragEnd={() => {
+          document.documentElement.style.cursor = "initial"
         }}
         style={{
           ...(direction === "horizontal"
@@ -116,6 +116,16 @@ export function Marquee({
       >
         {children}
         {children}
+        {children}
+        {children}
+        {children}
+        {children}
+        {children}
+        {children}
+        {children}
+        {children}
+        {children}
+        {children}
       </motion.div>
     </div>
   )