From a9fb60207927f61d2e231328cea670bcc78790b6 Mon Sep 17 00:00:00 2001
From: philipcheung <zerophilip2013hk@gmail.com>
Date: Mon, 17 Mar 2025 09:29:23 +0800
Subject: [PATCH] remove best 5 animation

---
 src/components/bestoil.tsx | 37 +++++++++++++------------------------
 1 file changed, 13 insertions(+), 24 deletions(-)

diff --git a/src/components/bestoil.tsx b/src/components/bestoil.tsx
index 441efdf..658d662 100644
--- a/src/components/bestoil.tsx
+++ b/src/components/bestoil.tsx
@@ -68,31 +68,20 @@ function Bestoil() {
                 align={"center"}
                 direction={{ base: "column", sm: "column", md: "row" }}
             >
-                <MotionBox
-                    ref={bestOilRef}
-                    initial={{ opacity: 0, x: -50 }}
-                    justifyItems={"center"}
-                    animate={isBestOilInView ? { opacity: 1, x: 0 } : { opacity: 0, x: -50 }}
-                    transition={{ duration: 0.8 }}
-                >
-                    <Image src="/images/best5.webp"
-                        fit='contain'
-                        w={{ base: "70%", sm: "80%", md: '350px', lg: '500px' }}
-                    />
-                </MotionBox>
 
-                <MotionBox
-                    ref={oilChartRef}
-                    initial={{ opacity: 0, x: 50 }}
-                    animate={isOilChartInView ? { opacity: 1, x: 0 } : { opacity: 0, x: 50 }}
-                    transition={{ duration: 0.8 }}
-                    justifyItems={"center"}
-                >
-                    <Image src="/images/oilchart.webp"
-                        fit='contain'
-                        w={{ base: "80%", sm: "90%", md: '350px', lg: '500px' }}
-                    />
-                </MotionBox>
+                <Image src="/images/best5.webp"
+                    fit='contain'
+                    w={{ base: "70%", sm: "80%", md: '350px', lg: '500px' }}
+                />
+
+
+
+
+                <Image src="/images/oilchart.webp"
+                    fit='contain'
+                    w={{ base: "80%", sm: "90%", md: '350px', lg: '500px' }}
+                />
+
             </Flex>
 
             <Stack