updated

src/components/new_ui/advantages.tsx

@@ -43,9 +43,9 @@ const info = [
     {
         id: 1,
         title: "減少壞膽固醇",
-        description: `**根據世界衛生組織數據，高反式脂肪攝取可令全因死亡率上升34%，**冠心病發病率上升 21%，及死亡率上升24%。全球每年因反式脂肪導致心血管疾病死亡病例已高達54萬人¹。
+        description: `**根據世界衛生組織數據，高反式脂肪攝取可令全因死亡率上升34%**，冠心病發病率上升 21%，及死亡率上升24%。全球每年因反式脂肪導致心血管疾病死亡病例已高達54萬人¹。
 
-**獅球嘜營萃護心油每食用份量含0克反式脂肪，**有助減少壞膽固醇，減低患心臟病嘅風險。`,
+**獅球嘜營萃護心油每食用份量含0克反式脂肪**，有助減少壞膽固醇，減低患心臟病嘅風險。`,
         image: "/images/new/1.webp",
         titleImage: "/images/new/adv_img1.webp",
         titleImage2: "/images/new/adv1.webp"
@@ -53,7 +53,7 @@ const info = [
     {
         id: 2,
         title: "黃金比例脂肪酸調配",
-        description: `根據世衛建議，脂肪攝取應以**不飽和脂肪為主，**當中包括多元與單元不飽和脂肪酸，同時應減少飽和脂肪攝取，以維持整體健康比例。
+        description: `根據世衛建議，脂肪攝取應以**不飽和脂肪為主**，當中包括多元與單元不飽和脂肪酸，同時應減少飽和脂肪攝取，以維持整體健康比例。
 					
 獅球嘜營萃護心油就係根據呢個原則調配出符合**世衛黃金比例**嘅配方²，幫助身體攝取每日必需嘅脂肪酸，並促進**脂溶性維他命A、D、E、K**嘅吸收，全面支援日常健康所需。 `,
         image: "/images/new/2.webp",
@@ -63,9 +63,9 @@ const info = [
     {
         id: 3,
         title: "比一般食油",
-        description: `**Omega-3有助降低三酸甘油脂水平，**並喺一定程度上減少血管發炎反應，從而支援血管彈性及正常血液循環，為心臟健康打好基礎。
+        description: `**Omega-3有助降低三酸甘油脂水平**，並喺一定程度上減少血管發炎反應，從而支援血管彈性及正常血液循環，為心臟健康打好基礎。
 
-**獅球嘜營萃護心油內嘅Omega-3比例較一般花生油及粟米油高，**特別有助經常外出用餐嘅都市人平衡脂肪酸攝取比例，從而支援心血管健康。 `,
+**獅球嘜營萃護心油內嘅Omega-3比例較一般花生油及粟米油高**，特別有助經常外出用餐嘅都市人平衡脂肪酸攝取比例，從而支援心血管健康。 `,
         image: "/images/new/3.webp",
         titleImage: "/images/new/adv_img3.webp",
         titleImage2: "/images/new/adv3.webp"
@@ -129,16 +129,35 @@ function Advantages() {
             h="auto"
             bgColor="#9AC035"
             zIndex={3}
+            justifyItems={'center'}
             overflow="hidden"
             initial={{ opacity: 0 }}
             animate={isMainInView ? { opacity: 1 } : { opacity: 0 }}
             transition={{ duration: 0.8, ease: "easeOut" }}
         >
 
+            <Stack
+                position="relative"
+                w="100%"
+                h={{ base: '20vw', sm: '20vw', md: '20vw', lg: '20vw', xl: '25vw' }}    
+                justifyItems={'center'}
+            >
+
+            <Image
+                src='/images/new/heart.webp'
+                position="absolute"
+                left="50%"
+                transform="translateX(-50%)"
+                w={{ base: '30vw', sm: '30vw', md: '30vw', lg: '30vw', xl: '30vw' }}
+               
+            />
+
+            </Stack>
+
             <MotionSimpleGrid
                 columns={{ base: 1, sm: 1, md: 2 }}
                 p={4}
-                pb ={10}
+                pb={10}
                 w={{ base: '100%', sm: '95vw', md: '90vw', lg: '80vw', xl: '70vw' }}
                 h={'auto'}
                 mx="auto"
@@ -163,7 +182,7 @@ function Advantages() {
                             transition={{ duration: 0.5, delay: index * 0.15 + 0.1, ease: "easeOut" }}
                         />
 
-                        {item.id === 3  ? (
+                        {item.id === 3 ? (
                             <>
                                 <MotionText
                                     mt={{ base: '-70px', sm: '-70px', md: '-40px', lg: '-55px', xl: '-55px' }}

src/components/new_ui/hero2.tsx

@@ -16,7 +16,7 @@ function Hero2() {
                 <Stack
                     position="relative"
                     w="100%"
-                    minH={{ base: "115vw", sm: "115vw", md: "90vw", lg: "73vw", xl: "65vw" }}
+                    minH={{ base: "105vw", sm: "103vw", md: "82vw", lg: "66vw", xl: "57vw" }}
                     bgImage={"url('/images/new/hero2bg.webp')"}
                     bgSize="cover"
                     backgroundPosition="center"
@@ -54,7 +54,7 @@ function Hero2() {
                         zIndex={0}
                         position={'absolute'}
                         left="50%"
-                        bottom={{ base: -10, sm: -10, md: -20, lg: -20, xl: -20 }}
+                        bottom={0}
                         w={{ base: "80vw", sm: "70vw", md: "60vw", lg: "50vw", xl: "40vw" }}
                         initial={{ opacity: 0, y: 50, x: '-50%' }}
                         whileInView={{ opacity: 1, y: 0, x: '-50%' }}

src/components/new_ui/info.tsx

@@ -118,7 +118,7 @@ function Info() {
                             lineHeight="1.2"
                             transition="all 0.3s ease"
                             px={2}
-                            boxShadow={info.id === selectedInfo ? "inset 9px 9px 9px rgba(0,0,0,0.25),  4px 4px 10px rgba(0,0,0,0.45)" : info.id === selectedInfo + 1 ? "inset 9px 3px 9px rgba(0,0,0,0.3)" : "none"}
+                            boxShadow={info.id === selectedInfo ? "inset 3px 3px 3px rgba(0,0,0,0.25),  4px 4px 10px rgba(0,0,0,0.45)" : info.id === selectedInfo + 1 ? "inset 3px 3px 3px rgba(0,0,0,0.25)" : "none"}
                         >
                             {info.title}
                         </Box>

src/components/new_ui/truth.tsx

@@ -13,17 +13,17 @@ const truthItems = [
     {
         id: 1,
         image: '/images/new/ans_step1.webp',
-        desc: '**出街食飯死亡率大增近五成！**即睇營養師拆解「油」之迷思。'
+        desc: '**出街食飯死亡率大增近五成！**即睇營養師拆解「油」之迷思'
     },
     {
         id: 2,
         image: '/images/new/ans_step2.webp',
-        desc: '**三高年輕化警號！**營養師揭港人隱形致肥陷阱！一支好油決定血管命運。'
+        desc: '**三高年輕化警號！**營養師揭港人隱形致肥陷阱！一支好油決定血管命運'
     },
     {
         id: 3,
         image: '/images/new/ans_step3.webp',
-        desc: '**三高人士同樣啱食！**營養師教你自製健康手撕蔥油雞髀。'
+        desc: '**三高人士同樣啱食！**營養師教你自製健康手撕蔥油雞髀'
     },
     {
         id: 4,

src/components/new_ui/wraning.tsx

@@ -146,6 +146,7 @@ function Wraning() {
           <MotionStack
             position="absolute"
             left="50%"
+            w = {'100%'}
             top={{ base: '55vw', sm: '60vw', md: '35vw', lg: '23vw', xl: '20vw' }}
             alignItems={'center'}
             gap={'1px'}
@@ -156,7 +157,7 @@ function Wraning() {
           >
             <MotionText
               className="font-melle font-xbold"
-              fontSize={{ base: '15vw', sm: '15vw', md: '6vw', lg: '5vw', xl: '3.5vw' }}
+              fontSize={{ base: '15vw', sm: '13vw', md: '6vw', lg: '5vw', xl: '3.5vw' }}
               color={"#FED407"}
               initial={{ opacity: 0, scale: 0.8 }}
               whileInView={{ opacity: 1, scale: 1 }}