updated
This commit is contained in:
BIN
public/images/new/heart.webp
Normal file
BIN
public/images/new/heart.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 197 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 135 KiB After Width: | Height: | Size: 265 KiB |
@@ -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' }}
|
||||
|
||||
@@ -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%' }}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
Reference in New Issue
Block a user