From 3cdcb28829349a344639f1d8f0c414d7d3c5d9e8 Mon Sep 17 00:00:00 2001
From: philipcheung <zerophilip2013hk@gmail.com>
Date: Sun, 2 Nov 2025 14:24:59 +0800
Subject: [PATCH] ui updated

---
 src/components/new_ui/advantages.tsx | 49 ++++++++++++++++++++--------
 1 file changed, 35 insertions(+), 14 deletions(-)

diff --git a/src/components/new_ui/advantages.tsx b/src/components/new_ui/advantages.tsx
index f687b27..d016d1b 100644
--- a/src/components/new_ui/advantages.tsx
+++ b/src/components/new_ui/advantages.tsx
@@ -152,21 +152,42 @@ function Advantages() {
                             src={item.image}
                         />
 
-                        <Image
-                            mt={{ base: '-70px', sm: '-70px', md: '-30px', lg: '-50px', xl: '-50px' }}
-                            h={{ base: '18vw', sm: '80px', md: '60px', lg: '80px', xl: '80px' }}
-                            src={item.titleImage2}
-                        />
+                        {item.id === 3  ? (
+                            <>
+                                <Text
+                                    mt={{ base: '-70px', sm: '-70px', md: '-45px', lg: '-75px', xl: '-75px' }}
+                                    className='font-melle font-xbold'
+                                    fontWeight={400}
+                                    color='white'
+                                    fontSize={{ base: '9vw', sm: '4xl', md: '3xl', lg: '5xl', xl: '5xl' }}
+                                >
+                                    {item.title}
+                                </Text>
+                                <Image
+                                    mt={{ base: '-15px', sm: '-15px', md: '-15px', lg: '-25px', xl: '-25px' }}
+                                    h={{ base: '18vw', sm: '80px', md: '60px', lg: '80px', xl: '80px' }}
+                                    src={item.titleImage2}
+                                />
+                            </>
+                        ) : (
+                            <>
+                                <Image
+                                    mt={{ base: '-70px', sm: '-70px', md: '-30px', lg: '-50px', xl: '-50px' }}
+                                    h={{ base: '18vw', sm: '80px', md: '60px', lg: '80px', xl: '80px' }}
+                                    src={item.titleImage2}
+                                />
 
-                        <Text
-                            mt={{ base: '-25px', sm: '-25px', md: '-15px', lg: '-25px', xl: '-25px' }}
-                            className='font-melle font-xbold'
-                            fontWeight={400}
-                            color='white'
-                            fontSize={{ base: '9vw', sm: '4xl', md: '3xl', lg: '5xl', xl: '5xl' }}
-                        >
-                            {item.title}
-                        </Text>
+                                <Text
+                                    mt={{ base: '-25px', sm: '-25px', md: '-15px', lg: '-25px', xl: '-25px' }}
+                                    className='font-melle font-xbold'
+                                    fontWeight={400}
+                                    color='white'
+                                    fontSize={{ base: '9vw', sm: '4xl', md: '3xl', lg: '5xl', xl: '5xl' }}
+                                >
+                                    {item.title}
+                                </Text>
+                            </>
+                        )}
                         <Image
                             h={{ base: item.id != 4 ? '50vw' : '70vw', sm: item.id != 4 ? '200px' : '300px', md: item.id != 4 ? '180px' : '280px', lg: item.id != 4 ? '200px' : '300px', xl: item.id != 4 ? '200px' : '300px' }}
                             src={item.titleImage}