add accessibility text for SEO and screen readers in new UI components

src/components/new_ui/advantages.tsx

@@ -192,6 +192,9 @@ function Advantages() {
             animate={isMainInView ? { opacity: 1 } : { opacity: 0 }}
             transition={{ duration: 0.8, ease: "easeOut" }}
         >
+            <h2 style={{ position: 'absolute', width: '1px', height: '1px', padding: 0, margin: '-1px', overflow: 'hidden', clip: 'rect(0,0,0,0)', whiteSpace: 'nowrap', border: 0 }}>
+                獅球嘜營萃護心油四大優勢 — 黃金比例Omega脂肪酸、高煙點、降膽固醇、適合三高人士
+            </h2>
 
             <Stack
                 position="relative"

src/components/new_ui/hero1.tsx

@@ -50,6 +50,9 @@ function Hero1() {
       justifyContent={"center"}
       pt={`${headerHeight}px`}
     >
+      <h1 style={{ position: 'absolute', width: '1px', height: '1px', padding: 0, margin: '-1px', overflow: 'hidden', clip: 'rect(0,0,0,0)', whiteSpace: 'nowrap', border: 0 }}>
+        獅球嘜營萃護心油 — 專業配方食用油，關注三高心血管健康
+      </h1>
       {/* Global keyframes for all animations */}
       <style>
         {`

src/components/new_ui/hero2.tsx

@@ -12,6 +12,9 @@ function Hero2() {
             justifyContent={"center"}
 
         >
+            <h2 style={{ position: 'absolute', width: '1px', height: '1px', padding: 0, margin: '-1px', overflow: 'hidden', clip: 'rect(0,0,0,0)', whiteSpace: 'nowrap', border: 0 }}>
+                獅球嘜營萃護心油產品介紹 — 黃金比例脂肪酸，降壞膽固醇，零反式脂肪
+            </h2>
             <Stack gap={0}>
                 <Stack
                     position="relative"

src/components/new_ui/info.tsx

@@ -76,6 +76,9 @@ function Info() {
             overflow="hidden"
             justifyItems={'center'}
         >
+            <h2 style={{ position: 'absolute', width: '1px', height: '1px', padding: 0, margin: '-1px', overflow: 'hidden', clip: 'rect(0,0,0,0)', whiteSpace: 'nowrap', border: 0 }}>
+                錯誤食油習慣對健康的影響 — 膽固醇超標、脂肪肝、皮膚問題、疲倦
+            </h2>
             <Stack alignItems={'center'} gap={{ base: 4, sm: 4, md: 6, lg: 8, xl: 8 }}>
                 <MotionImage
                     src='/images/new/info_title.webp'

src/components/new_ui/oilInfo.tsx

@@ -36,6 +36,9 @@ function OilInfo() {
             animate={isMainInView ? { opacity: 1 } : { opacity: 0 }}
             transition={{ duration: 0.8, ease: "easeOut" }}
         >
+            <h2 style={{ position: 'absolute', width: '1px', height: '1px', padding: 0, margin: '-1px', overflow: 'hidden', clip: 'rect(0,0,0,0)', whiteSpace: 'nowrap', border: 0 }}>
+                獅球嘜營萃護心油烹調方法 — 適合煎、炒、煮、炸等多種烹調方式
+            </h2>
 
             <MotionSimpleGrid
                 columns={{ base: 1, sm: 1, md: 2 }}

src/components/new_ui/truth.tsx

@@ -125,6 +125,9 @@ function Truth() {
             animate={isMainInView ? { opacity: 1 } : { opacity: 0 }}
             transition={{ duration: 0.5, ease: "easeOut" }}
         >
+            <h2 style={{ position: 'absolute', width: '1px', height: '1px', padding: 0, margin: '-1px', overflow: 'hidden', clip: 'rect(0,0,0,0)', whiteSpace: 'nowrap', border: 0 }}>
+                食用油健康真相與獅球嘜購買連結 — 百佳、惠康、HKTVmall有售
+            </h2>
 
             <MotionText
                 className='font-melle font-xbold'