last updated
|
|
@ -2,11 +2,12 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/logo_.svg" />
|
<!-- <link rel="icon" type="image/svg+xml" href="/logo_.svg" /> -->
|
||||||
|
<link rel="icon" type="image/webp" href="/Lion_ head.webp" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<meta name="description" content="Healthy Oil - Your description here" />
|
<meta name="description" content="健康革新世衛黃金比例調配" />
|
||||||
<meta name="keywords" content="healthy oil, organic oil, cooking oil" />
|
<meta name="keywords" content="獅球嘜,營萃護心油, organic oil, cooking oil" />
|
||||||
<title>Healthy Oil</title>
|
<title>獅球嘜 | 營萃護心油</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
|
|
||||||
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 137 KiB |
|
Before Width: | Height: | Size: 124 KiB After Width: | Height: | Size: 96 KiB |
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 110 KiB |
|
|
@ -77,6 +77,7 @@ function Hero2() {
|
||||||
gap="25px"
|
gap="25px"
|
||||||
columns={{ base: 1, md: 1, lg: 2, xl: 2 }}
|
columns={{ base: 1, md: 1, lg: 2, xl: 2 }}
|
||||||
px="4"
|
px="4"
|
||||||
|
mb = {10}
|
||||||
maxW="full"
|
maxW="full"
|
||||||
mx="0"
|
mx="0"
|
||||||
marginTop={{ base: -7, md: -3, lg: 0, xl: 0 }}
|
marginTop={{ base: -7, md: -3, lg: 0, xl: 0 }}
|
||||||
|
|
|
||||||
|
|
@ -51,7 +51,7 @@ function Oil_info() {
|
||||||
return text.split('\n').map((line, i) => (
|
return text.split('\n').map((line, i) => (
|
||||||
<Box key={i}
|
<Box key={i}
|
||||||
color={'white'}
|
color={'white'}
|
||||||
fontSize='9px'
|
fontSize='8px'
|
||||||
mt={-2}
|
mt={-2}
|
||||||
className='font-noto-sans font-regular'
|
className='font-noto-sans font-regular'
|
||||||
>
|
>
|
||||||
|
|
@ -168,33 +168,34 @@ function Oil_info() {
|
||||||
/>
|
/>
|
||||||
<Stack
|
<Stack
|
||||||
justify={"center"}
|
justify={"center"}
|
||||||
w={{ base: '80%', sm: '80%', md: '500px' }}
|
w={{ base: '80%', sm: '80%', md: '550px' }}
|
||||||
>
|
>
|
||||||
<Stack
|
<Stack
|
||||||
display={{ base: 'flex', sm: 'flex', md: 'none' }}
|
display={{ base: 'flex', sm: 'flex', md: 'none' }}
|
||||||
>
|
>
|
||||||
{formatText(`*獅球嘜品牌產品系列中首次推出之護心食用油
|
{formatText(`**營萃護心油成分含世界衛生組織建議之人體每日脂肪酸攝取比例，其Omega-3比例較一般花生油、粟米油高，特別有助平衡外出用餐多的都市人其身體脂肪酸比例，增加抗發炎、抗氧化的能力，維持心血管健康。
|
||||||
^根據世界衛生組織建議每日人體脂肪酸攝取黃金比例而調製，配方以每日25%的總攝取能量計算`)}
|
^根據世界衛生組織建議每日人體脂肪酸攝取黃金比例而調製，配方以每日25%的總攝取能量計算`)}
|
||||||
</Stack>
|
</Stack>
|
||||||
|
|
||||||
<Stack
|
<Stack
|
||||||
display={{ base: 'none', sm: 'none', md: 'flex' }}
|
display={{ base: 'none', sm: 'none', md: 'flex' }}
|
||||||
>
|
>
|
||||||
<Image src='/images/mboilinfotitle.webp'
|
<Image src='/images/oilinfotitle.webp'
|
||||||
w='400px'
|
w='550px'
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
/>
|
/>
|
||||||
</Stack>
|
</Stack>
|
||||||
|
|
||||||
<Text
|
<Text
|
||||||
|
w={{ base: '100%', sm: '100%', md: '500px' }}
|
||||||
color='white'
|
color='white'
|
||||||
className='NotoSansCJKtc font-medium'
|
className='NotoSansCJKtc font-medium'
|
||||||
mb={10}
|
mb={10}
|
||||||
lineHeight={1.5}
|
lineHeight={1.5}
|
||||||
fontSize={'lg'}
|
fontSize={'lg'}
|
||||||
>
|
>
|
||||||
<Box as="span" className='NotoSansCJKtc font-xbold' display="inline">世界衛生組織建議，</Box>
|
<Box as="span" className='NotoSansCJKtc font-xbold' display="inline">獅球嘜營萃護心油，</Box>
|
||||||
{"人體應攝取良好的脂肪酸比例，這可由食油中攝取，從而調節膽固醇，保護心血管健康。"}
|
{"根據世界衛生組織建議之黃金比例脂肪酸調製，有助調節膽固醇，保護心血管健康，並預防與飲食相關的慢性疾病。"}
|
||||||
</Text>
|
</Text>
|
||||||
{/* <Text
|
{/* <Text
|
||||||
color='white'
|
color='white'
|
||||||
|
|
@ -208,7 +209,7 @@ function Oil_info() {
|
||||||
<Stack
|
<Stack
|
||||||
display={{ base: 'none', sm: 'none', md: 'flex' }}
|
display={{ base: 'none', sm: 'none', md: 'flex' }}
|
||||||
mt={-5}>
|
mt={-5}>
|
||||||
{formatText(`*獅球嘜品牌產品系列中首次推出之護心食用油
|
{formatText(`**營萃護心油成分含世界衛生組織建議之人體每日脂肪酸攝取比例，其Omega-3比例較一般花生油、粟米油高，特別有助平衡外出用餐多的都市人其身體脂肪酸比例，增加抗發炎、抗氧化的能力，維持心血管健康。
|
||||||
^根據世界衛生組織建議每日人體脂肪酸攝取黃金比例而調製，配方以每日25%的總攝取能量計算`)}
|
^根據世界衛生組織建議每日人體脂肪酸攝取黃金比例而調製，配方以每日25%的總攝取能量計算`)}
|
||||||
</Stack>
|
</Stack>
|
||||||
</Stack>
|
</Stack>
|
||||||
|
|
@ -242,7 +243,7 @@ function Oil_info() {
|
||||||
>
|
>
|
||||||
<Image
|
<Image
|
||||||
src={oilinfogroup}
|
src={oilinfogroup}
|
||||||
w={{ base: "80%", sm: "80%", md: '850px' }}
|
w={{ base: "80%", sm: "80%", md: '500px' }}
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
/>
|
/>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@ const questions = [
|
||||||
{
|
{
|
||||||
image: '/images/q2.png',
|
image: '/images/q2.png',
|
||||||
question: "用橄欖油煮食就一定最健康？",
|
question: "用橄欖油煮食就一定最健康？",
|
||||||
answer: "未必！橄欖油雖富含單元不飽和脂肪酸如Omega-9（約78%），但人體可自行合成，而其 Omega-3 和 Omega-6 含量偏低，僅約 1% 和 7%，脂肪酸比例並不均衡，對小孩及孕婦來說，長期單一使用可能無法滿足他們對營養素的需求。而初榨橄欖油煙點低（190°C），高溫煮食容易產生有害物質，反成健康負擔。"
|
answer: "未必！橄欖油雖富含單元不飽和脂肪酸如Omega-9，但人體可自行合成，而其 Omega-3 和 Omega-6 含量偏低，僅約 1% 和 7%，脂肪酸比例並不均衡，對小孩及孕婦來說，長期單一使用可能無法滿足他們對營養素的需求。而初榨橄欖油煙點低（190°C），高溫煮食容易產生有害物質，反成健康負擔。"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
image: '/images/q3.png',
|
image: '/images/q3.png',
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import { Box, Stack, Image, Text, Flex, Link } from '@chakra-ui/react'
|
import {Stack, Image, Text, Flex, Link } from '@chakra-ui/react'
|
||||||
import { colors } from '../colors';
|
import { colors } from '../colors';
|
||||||
import { useEffect, useRef } from 'react';
|
import { useEffect, useRef } from 'react';
|
||||||
import { motion, useInView } from 'framer-motion'
|
import { motion, useInView } from 'framer-motion'
|
||||||
|
|
@ -114,7 +114,7 @@ function Salespoint() {
|
||||||
</Flex>
|
</Flex>
|
||||||
|
|
||||||
{/* Facebook Page Plugin */}
|
{/* Facebook Page Plugin */}
|
||||||
<motion.div
|
{/* <motion.div
|
||||||
initial={{ opacity: 0, scale: 0.9 }}
|
initial={{ opacity: 0, scale: 0.9 }}
|
||||||
whileInView={{ opacity: 1, scale: 1 }}
|
whileInView={{ opacity: 1, scale: 1 }}
|
||||||
viewport={{ once: true }}
|
viewport={{ once: true }}
|
||||||
|
|
@ -141,7 +141,24 @@ function Salespoint() {
|
||||||
data-tabs="timeline"
|
data-tabs="timeline"
|
||||||
></div>
|
></div>
|
||||||
</Box>
|
</Box>
|
||||||
</motion.div>
|
</motion.div> */}
|
||||||
|
|
||||||
|
|
||||||
|
<Stack
|
||||||
|
my={15}
|
||||||
|
ml={2}
|
||||||
|
>
|
||||||
|
<Link href={"https://www.facebook.com/profile.php?id=100064320806613"}
|
||||||
|
_focus={{ outline: 'none', boxShadow: 'none' }}
|
||||||
|
_active={{ outline: 'none', boxShadow: 'none' }}>
|
||||||
|
<Image
|
||||||
|
src={'/images/facebook_2.webp'}
|
||||||
|
alt="salespoint"
|
||||||
|
w={"400px"}
|
||||||
|
loading='lazy'
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
|
</Stack>
|
||||||
</Stack>
|
</Stack>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||