fix(ticker): simplify + correct values (#19)

* fix(ticker): simplify + correct values

* fixup

src/app/(routes)/_components/hero-section.tsx

@@ -1,5 +1,6 @@
 import Image from "next/image";
 
+import { PartnersTicker } from "@/app/_components/partners-ticker";
 import { Hero } from "../../_components/hero";
 import { Text } from "../../_components/text";
 import { ArrowRightIcon } from "../../_components/icons/arrow-right";
@@ -38,6 +39,7 @@ export function HeroSection() {
           </a>
         </div>
       </div>
+      <PartnersTicker />
     </Hero>
   );
 }

src/app/(routes)/across-bridge/_components/hero-section.tsx

@@ -1,6 +1,7 @@
 import Image from "next/image";
 
 import { Hero } from "@/app/_components/hero";
+import { SupportedChainsTicker } from "@/app/_components/supported-chains-ticker";
 import { Text } from "@/app/_components/text";
 import { BridgeNowLink } from "@/app/_components/bridge-now-link";
 import { ArrowRightIcon } from "@/app/_components/icons/arrow-right";
@@ -37,6 +38,7 @@ export function HeroSection() {
           </BridgeNowLink>
         </div>
       </div>
+      <SupportedChainsTicker />
     </Hero>
   );
 }

src/app/(routes)/globals.css

@@ -1,12 +1,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
-:root {
-  /* These variables are used for the infinite scrolling effect in _components/partners-carousel.tsx */
-  --no-of-slides: 6;
-  --slides-in-view: 4;
-  --slide-width: 200px;
-  --slide-height: 56px;
-  --iteration-time: 15s;
-}