last updated

This commit is contained in:
philipcheung 2025-03-19 19:39:18 +08:00
parent bcf1a39bea
commit 53e3f86b10
12 changed files with 42 additions and 22 deletions

View File

@ -2,11 +2,12 @@
<html lang="en">
<head>
<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="description" content="Healthy Oil - Your description here" />
<meta name="keywords" content="healthy oil, organic oil, cooking oil" />
<title>Healthy Oil</title>
<meta name="description" content="健康革新世衛黃金比例調配" />
<meta name="keywords" content="獅球嘜,營萃護心油, organic oil, cooking oil" />
<title>獅球嘜 | 營萃護心油</title>
</head>
<body>
<div id="root"></div>

BIN
public/Lion_ head.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
public/images/facebook.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 124 KiB

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 75 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 110 KiB

View File

@ -77,6 +77,7 @@ function Hero2() {
gap="25px"
columns={{ base: 1, md: 1, lg: 2, xl: 2 }}
px="4"
mb = {10}
maxW="full"
mx="0"
marginTop={{ base: -7, md: -3, lg: 0, xl: 0 }}

View File

@ -51,7 +51,7 @@ function Oil_info() {
return text.split('\n').map((line, i) => (
<Box key={i}
color={'white'}
fontSize='9px'
fontSize='8px'
mt={-2}
className='font-noto-sans font-regular'
>
@ -97,7 +97,7 @@ function Oil_info() {
fit='contain'
w='100%'
h='auto'
loading="lazy"
loading="lazy"
></Image>
</Stack>
<Stack
@ -152,7 +152,7 @@ function Oil_info() {
<Image src={oilinfotitle}
w='400px'
mt={{ base: 2, sm: 2, md: -12 }}
loading="lazy"
loading="lazy"
/>
</Flex>
@ -164,37 +164,38 @@ function Oil_info() {
>
<Image src="/images/oilinfooil.webp"
w={{ base: '70%', sm: '80%', md: '350px' }}
loading="lazy"
loading="lazy"
/>
<Stack
justify={"center"}
w={{ base: '80%', sm: '80%', md: '500px' }}
w={{ base: '80%', sm: '80%', md: '550px' }}
>
<Stack
display={{ base: 'flex', sm: 'flex', md: 'none' }}
>
{formatText(`*獅球嘜品牌產品系列中首次推出之護心食用油
{formatText(`**營萃護心油成分含世界衛生組織建議之人體每日脂肪酸攝取比例其Omega-3比例較一般花生油、粟米油高特別有助平衡外出用餐多的都市人其身體脂肪酸比例增加抗發炎、抗氧化的能力維持心血管健康。
^調25%`)}
</Stack>
<Stack
display={{ base: 'none', sm: 'none', md: 'flex' }}
>
<Image src='/images/mboilinfotitle.webp'
w='400px'
loading="lazy"
<Image src='/images/oilinfotitle.webp'
w='550px'
loading="lazy"
/>
</Stack>
<Text
w={{ base: '100%', sm: '100%', md: '500px' }}
color='white'
className='NotoSansCJKtc font-medium'
mb={10}
lineHeight={1.5}
fontSize={'lg'}
>
<Box as="span" className='NotoSansCJKtc font-xbold' display="inline"></Box>
{"人體應攝取良好的脂肪酸比例,這可由食油中攝取,從而調節膽固醇,保護心血管健康。"}
<Box as="span" className='NotoSansCJKtc font-xbold' display="inline"></Box>
{"根據世界衛生組織建議之黃金比例脂肪酸調製,有助調節膽固醇,保護心血管健康,並預防與飲食相關的慢性疾病。"}
</Text>
{/* <Text
color='white'
@ -208,7 +209,7 @@ function Oil_info() {
<Stack
display={{ base: 'none', sm: 'none', md: 'flex' }}
mt={-5}>
{formatText(`*獅球嘜品牌產品系列中首次推出之護心食用油
{formatText(`**營萃護心油成分含世界衛生組織建議之人體每日脂肪酸攝取比例其Omega-3比例較一般花生油、粟米油高特別有助平衡外出用餐多的都市人其身體脂肪酸比例增加抗發炎、抗氧化的能力維持心血管健康。
^調25%`)}
</Stack>
</Stack>
@ -242,8 +243,8 @@ function Oil_info() {
>
<Image
src={oilinfogroup}
w={{ base: "80%", sm: "80%", md: '850px' }}
loading="lazy"
w={{ base: "80%", sm: "80%", md: '500px' }}
loading="lazy"
/>
</motion.div>
</Stack>

View File

@ -12,7 +12,7 @@ const questions = [
{
image: '/images/q2.png',
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',

View File

@ -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 { useEffect, useRef } from 'react';
import { motion, useInView } from 'framer-motion'
@ -114,7 +114,7 @@ function Salespoint() {
</Flex>
{/* Facebook Page Plugin */}
<motion.div
{/* <motion.div
initial={{ opacity: 0, scale: 0.9 }}
whileInView={{ opacity: 1, scale: 1 }}
viewport={{ once: true }}
@ -141,7 +141,24 @@ function Salespoint() {
data-tabs="timeline"
></div>
</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>
)
}