diff --git a/dapp/src/assets/images/season-section-background.png b/dapp/src/assets/images/season-section-background.png deleted file mode 100644 index a6f2dfbdc..000000000 Binary files a/dapp/src/assets/images/season-section-background.png and /dev/null differ diff --git a/dapp/src/assets/images/season-section-foreground.png b/dapp/src/assets/images/season-section-foreground.png deleted file mode 100644 index e8554ba51..000000000 Binary files a/dapp/src/assets/images/season-section-foreground.png and /dev/null differ diff --git a/dapp/src/components/shared/SeasonSectionBackground.tsx b/dapp/src/components/shared/SeasonSectionBackground.tsx deleted file mode 100644 index 027775059..000000000 --- a/dapp/src/components/shared/SeasonSectionBackground.tsx +++ /dev/null @@ -1,125 +0,0 @@ -import React, { useRef } from "react" -import { Box, BoxProps } from "@chakra-ui/react" -import { useSize } from "@chakra-ui/react-use-size" -import { - MotionValue, - motion, - useScroll, - useSpring, - useTransform, - useTime, - wrap, -} from "framer-motion" -import seasonBackground from "#/assets/images/season-section-background.png" -import seasonForeground from "#/assets/images/season-section-foreground.png" - -export function SeasonSectionBackground(props: BoxProps) { - const containerRef = useRef(null) - const { scrollYProgress } = useScroll({ - target: containerRef, - offset: ["center start", "start end"], - }) - const smoothScrollYProgress = useSpring(scrollYProgress, { - damping: 10, - stiffness: 90, - mass: 0.75, - }) as MotionValue - const foregroundParallax = useTransform( - smoothScrollYProgress, - [0, 1], - ["45%", "65%"], - ) - const time = useTime() - // Seed value is wrapped to prevent infinite increment causing potential memory leaks - const seed = useTransform(time, (value) => wrap(0, 2137, Math.floor(value))) - - const size = useSize(containerRef) - - return ( - - - - - - - - - - - - - - - - - - ) -}