fix: animation

Author: Holybasil

src/app/_components/FounderClub/Founders.tsx

@@ -2,8 +2,7 @@
 
 import { motion } from "motion/react"
 import Image from "next/image"
-import Link from "next/link"
-import { useState } from "react"
+import { useEffect, useState } from "react"
 
 import { Box, IconButton, Stack, Typography } from "@mui/material"
 
@@ -65,6 +64,13 @@ const Founders = () => {
 
   const OFFSET = isDesktop ? 24 : 16
 
+  useEffect(() => {
+    const interval = setTimeout(() => {
+      handleNext()
+    }, 5e3)
+    return () => clearTimeout(interval)
+  }, [current])
+
   const calc = index => {
     const predictedPosition = index - current + FOUNDER_LIST.length
     if (predictedPosition > 3) {

src/app/_components/FounderClub/index.tsx

@@ -16,8 +16,8 @@ const FounderClub = () => {
       <Protocols />
       <Container>
         <Founders />
-        <Button color="primary" className="!w-[240px] md:!w-[250px] md:mx-auto">
-          Join Founders’ club
+        <Button color="primary" href={FOUNDER_CLUB_URL} target="_blank" className="!w-[240px] md:!w-[250px] md:mx-auto">
+          Join Telegram group
         </Button>
       </Container>
     </Box>

src/app/_components/Portal/index.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link"
+import { Fragment } from "react"
 
 import { Box, Container, Typography } from "@mui/material"
 
@@ -36,7 +37,7 @@ const Portal = () => {
     <Box sx={{ backgroundColor: "themeBackground.light" }}>
       <Container sx={{ py: ["5.6rem", "10.6rem"] }}>
         {BUILDER_LIST.map(({ title, items }) => (
-          <>
+          <Fragment key={title}>
             <Typography
               sx={{
                 typography: "title",
@@ -55,7 +56,7 @@ const Portal = () => {
                 </Link>
               ))}
             </Box>
-          </>
+          </Fragment>
         ))}
         <Box></Box>
       </Container>

src/constants/link.ts

@@ -9,7 +9,7 @@ export const SESSIONS_URL = "/sessions"
 export const VISION_URL = "/blog/vision-and-values"
 
 export const TECH_URL = "https://docs.scroll.io/en/technology/"
-export const FOUNDER_CLUB_URL = ""
+export const FOUNDER_CLUB_URL = "https://t.me/+0tvdw8QMJBMyOTli"
 
 export const GET_IN_TOUCH_URL = "https://tally.so/r/waxLBW"