diff --git a/apps/web/src/components/base-org/root/SlidingTextSection/index.tsx b/apps/web/src/components/base-org/root/SlidingTextSection/index.tsx index 175d909525..4e8d74826a 100644 --- a/apps/web/src/components/base-org/root/SlidingTextSection/index.tsx +++ b/apps/web/src/components/base-org/root/SlidingTextSection/index.tsx @@ -1,47 +1,38 @@ -"use client"; -import Title from "apps/web/src/components/base-org/typography/Title"; +'use client'; +import Title from 'apps/web/src/components/base-org/typography/Title'; -import { TitleLevel } from "apps/web/src/components/base-org/typography/Title/types"; -import classNames from "classnames"; -import { CSSProperties, useRef } from "react"; +import { TitleLevel } from 'apps/web/src/components/base-org/typography/Title/types'; +import classNames from 'classnames'; +import { CSSProperties, useRef } from 'react'; export default function SlidingTextSection() { - const containerRef = useRef(null); + const containerRef = useRef(null); - const text = - " Base is for everyone - القاعدة للجميع - Base es para todos - 基地适合所有人 - La Base è per tutti - Base est pour tout le monde - Base ni ya kila mtu - "; + const text = + ' Base is for everyone - القاعدة للجميع - Base es para todos - 基地适合所有人 - La Base è per tutti - Base est pour tout le monde - Base ni ya kila mtu - '; - const containerClasses = classNames( - "relative w-full overflow-hidden rounded-2xl bg-blue p-8", - "after:absolute after:z-10 after:bottom-0 after:left-0 after:top-0 after:w-[4rem] after:content-['']", - "after:bg-gradient-to-r after:from-blue after:to-transparent", - "before:absolute before:z-10 before:bottom-0 before:right-0 before:w-[4rem] before:top-0 before:content-['']", - "before:bg-gradient-to-r before:from-transparent before:to-blue", - ); + const containerClasses = classNames( + 'relative w-full overflow-hidden rounded-2xl bg-blue p-8', + "after:absolute after:z-10 after:bottom-0 after:left-0 after:top-0 after:w-[4rem] after:content-['']", + 'after:bg-gradient-to-r after:from-blue after:to-transparent', + "before:absolute before:z-10 before:bottom-0 before:right-0 before:w-[4rem] before:top-0 before:content-['']", + 'before:bg-gradient-to-r before:from-transparent before:to-blue', + ); - const animationStyles = { "--animation-duration": "20s" } as CSSProperties; + const animationStyles = { '--animation-duration': '20s' } as CSSProperties; - return ( -
-
-
- - {text} - {" "} - - {text} - -
-
-
- ); + return ( +
+
+
+ + {text} + {' '} + + {text} + +
+
+
+ ); }