diff --git a/public/images/new/heart.webp b/public/images/new/heart.webp new file mode 100644 index 0000000..e70d5e4 Binary files /dev/null and b/public/images/new/heart.webp differ diff --git a/public/images/new/oil.webp b/public/images/new/oil.webp index 8b4c4a5..c6c121a 100644 Binary files a/public/images/new/oil.webp and b/public/images/new/oil.webp differ diff --git a/src/components/new_ui/advantages.tsx b/src/components/new_ui/advantages.tsx index 3946a31..1af094e 100644 --- a/src/components/new_ui/advantages.tsx +++ b/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" }} > + + + + + + - {item.id === 3 ? ( + {item.id === 3 ? ( <> {info.title} diff --git a/src/components/new_ui/truth.tsx b/src/components/new_ui/truth.tsx index d0f0940..faf9401 100644 --- a/src/components/new_ui/truth.tsx +++ b/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, diff --git a/src/components/new_ui/wraning.tsx b/src/components/new_ui/wraning.tsx index 5ae7a4f..0a479f5 100644 --- a/src/components/new_ui/wraning.tsx +++ b/src/components/new_ui/wraning.tsx @@ -146,6 +146,7 @@ function Wraning() {