From a909854e4cb51af97a7312a9e511dcb39a5bed50 Mon Sep 17 00:00:00 2001
From: philipcheung <zerophilip2013hk@gmail.com>
Date: Sun, 16 Mar 2025 00:35:39 +0800
Subject: [PATCH] edited

---
 .gitignore                 | 1 +
 src/App.tsx                | 7 -------
 src/components/bestoil.tsx | 2 +-
 src/components/compare.tsx | 9 ++++-----
 src/components/hero1.tsx   | 2 +-
 src/components/hero2.tsx   | 5 ++---
 6 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/.gitignore b/.gitignore
index a547bf3..fc5ae9f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+.vercel
diff --git a/src/App.tsx b/src/App.tsx
index 22ea3d9..6c7b523 100644
--- a/src/App.tsx
+++ b/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'
diff --git a/src/components/bestoil.tsx b/src/components/bestoil.tsx
index 620cfa7..cd0778d 100644
--- a/src/components/bestoil.tsx
+++ b/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() {
diff --git a/src/components/compare.tsx b/src/components/compare.tsx
index 5aece89..10bdc38 100644
--- a/src/components/compare.tsx
+++ b/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
diff --git a/src/components/hero1.tsx b/src/components/hero1.tsx
index 1bd0bc3..dd1bbd7 100644
--- a/src/components/hero1.tsx
+++ b/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);
diff --git a/src/components/hero2.tsx b/src/components/hero2.tsx
index c004a93..f961bfd 100644
--- a/src/components/hero2.tsx
+++ b/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);