edited

.gitignore

@@ -22,3 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+.vercel

src/App.tsx

@@ -1,14 +1,7 @@
 import {
   Box,
   Container,
-  Flex,
-  Heading,
   Text,
-  Image,
-  VStack,
-  HStack,
-  SimpleGrid,
-  Center,
 } from '@chakra-ui/react'
 
 import Header from './components/header'

src/components/bestoil.tsx

@@ -1,4 +1,4 @@
-import { Box, Stack, Image, Flex, useBreakpointValue, Text, SimpleGrid } from '@chakra-ui/react'
+import { Box, Stack, Image, Flex, useBreakpointValue, Text } from '@chakra-ui/react'
 import { colors } from '../colors';
 
 function Bestoil() {

src/components/compare.tsx

@@ -1,16 +1,15 @@
 import { Box, Stack, Image, Text, Flex, SimpleGrid } from '@chakra-ui/react'
-import { colors } from '../colors';
+import {  } from '../colors';
-import { useEffect, useRef, useState } from 'react';
+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

src/components/hero1.tsx

@@ -1,4 +1,4 @@
-import { Box, Stack, SimpleGrid, Image, Image as ChakraImage, Flex, useBreakpointValue } from '@chakra-ui/react'
+import { Box, Stack, SimpleGrid, Image as ChakraImage, Flex, useBreakpointValue } from '@chakra-ui/react'
 import { motion } from 'framer-motion'
 function Hero1() {
     const MotionImage = motion(ChakraImage);

src/components/hero2.tsx

@@ -4,11 +4,10 @@ import { useEffect, useRef, useState } from 'react';
 import { motion, useInView, useAnimation } from 'framer-motion'
 
 // Create motion components from Chakra UI components
-const MotionBox = motion(Box);
+
-const MotionFlex = motion(Flex);
 const MotionImage = motion(Image);
 const MotionText = motion(Text);
-const MotionStack = motion(Stack);
+
 
 function Hero2() {
     const textStackRef = useRef<HTMLDivElement>(null);