import { Box, Stack, Image, Flex, useBreakpointValue, Text } from '@chakra-ui/react'
import { motion, useInView, useAnimation } from 'framer-motion'
import { useRef, useEffect } from 'react'
function Oil_info() {
const oilinfotitle = useBreakpointValue({
base: "/images/mboilinfotitle.webp",
sm: "/images/mboilinfotitle.webp",
md: "/images/oilinfotitle.webp",
});
const oilinfogroup = useBreakpointValue({
base: "/images/mboilinfogroup.webp",
sm: "/images/mboilinfogroup.webp",
md: "/images/pcoilinfogroup.webp",
});
// Animation controls for the header section
const headerControls = useAnimation();
const headerRef = useRef(null);
const headerInView = useInView(headerRef, { once: true, amount: 0.3 });
// Animation controls for the footer group image
const footerControls = useAnimation();
const footerRef = useRef(null);
const footerInView = useInView(footerRef, { once: true, amount: 0.3 });
// Trigger animations when elements come into view
useEffect(() => {
if (headerInView) {
headerControls.start({
opacity: 1,
y: 0,
transition: { duration: 0.8, ease: "easeOut" }
});
}
}, [headerInView, headerControls]);
useEffect(() => {
if (footerInView) {
footerControls.start({
opacity: 1,
y: 0,
transition: { duration: 0.8, ease: "easeOut" }
});
}
}, [footerInView, footerControls]);
// const formatText = (text: string) => {
// return text.split('\n').map((line, i) => (
//
// {line.split('\t').map((segment, j) => (
// j === 0 ? segment : {segment}
// ))}
// {i < text.split('\n').length - 1 &&
}
//
// ));
// };
return (
{"市場上食油選擇繁多，卻缺少一款真正符合人體對脂肪酸需求的「黃金比例」食油。長期依賴單一油種（如橄欖油、葵花籽油），可能導致脂肪酸及 Omega-3、6、9 攝取失衡。研究顯示，當人體吸收過多Omega-6，發炎風險可增 3 倍，無形中加重心血管負擔。"}
{/* Rest of the component remains the same until the footer image */}
{"市場上食油選擇繁多，卻缺少一款真正符合人體對脂肪酸需求的「黃金比例」食油。長期依賴單一油種（如橄欖油、葵花籽油），可能導致脂肪酸及 Omega-3、6、9 攝取失衡。研究顯示，當人體吸收過多Omega-6，發炎風險可增 3 倍，無形中加重心血管負擔。"}
{/*
{formatText(`*營萃護心油成分含世界衛生組織建議之人體每日脂肪酸攝取比例，其Omega-3比例較一般花生油、粟米油高，特別有助平衡外出用餐多的都市人其身體脂肪酸比例，增加抗發炎、抗氧化的能力，維持心血管健康。
^根據世界衛生組織建議每日人體脂肪酸攝取黃金比例而調製，配方以每日25%的總攝取能量計算`)}
*/}
獅球嘜營萃護心油，
{"根據世界衛生組織建議之黃金比例脂肪酸調製，有助調節膽固醇，保護心血管健康，並預防與飲食相關的慢性疾病。"}
{/*
{"獅球嘜「營萃護心油」採用黃金比例調配，讓每一滴都成為心血管的隱形防護網。"}
*/}
{/*
{formatText(`*營萃護心油成分含世界衛生組織建議之人體每日脂肪酸攝取比例，其Omega-3比例較一般花生油、粟米油高，特別有助平衡外出用餐多的都市人其身體脂肪酸比例，增加抗發炎、抗氧化的能力，維持心血管健康。
^根據世界衛生組織建議每日人體脂肪酸攝取黃金比例而調製，配方以每日25%的總攝取能量計算`)}
*/}
);
}
export default Oil_info;