edited

src/components/compare.tsx

@@ -1,16 +1,15 @@
 import { Box, Stack, Image, Text, Flex, SimpleGrid } from '@chakra-ui/react'
-import { colors } from '../colors';
-import { useEffect, useRef, useState } from 'react';
+import {  } from '../colors';
+import {useRef } from 'react';
 import { motion, useInView } from 'framer-motion';
 
 // Create motion versions of Chakra components
-const MotionStack = motion(Stack);
+
 const MotionImage = motion(Image);
-const MotionBox = motion(Box);
+
 
 function Compare() {
     const compareRef = useRef(null);
-    const isInView = useInView(compareRef, { once: true, amount: 0.3 });
 
     return (
         <Box