From c13cc437ae536e787d5c994e75ce074e3a778b58 Mon Sep 17 00:00:00 2001
From: philipcheung <zerophilip2013hk@gmail.com>
Date: Fri, 1 May 2026 16:48:38 +0800
Subject: [PATCH] add accessibility text for SEO and screen readers in new UI
 components

---
 src/components/new_ui/advantages.tsx | 3 +++
 src/components/new_ui/hero1.tsx      | 3 +++
 src/components/new_ui/hero2.tsx      | 3 +++
 src/components/new_ui/info.tsx       | 3 +++
 src/components/new_ui/oilInfo.tsx    | 3 +++
 src/components/new_ui/truth.tsx      | 3 +++
 6 files changed, 18 insertions(+)

diff --git a/src/components/new_ui/advantages.tsx b/src/components/new_ui/advantages.tsx
index 2e6b2d9..cbb0ffe 100644
--- a/src/components/new_ui/advantages.tsx
+++ b/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"
diff --git a/src/components/new_ui/hero1.tsx b/src/components/new_ui/hero1.tsx
index 0879e8d..928b0d8 100644
--- a/src/components/new_ui/hero1.tsx
+++ b/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>
         {`
diff --git a/src/components/new_ui/hero2.tsx b/src/components/new_ui/hero2.tsx
index 0585c30..82e0ce2 100644
--- a/src/components/new_ui/hero2.tsx
+++ b/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"
diff --git a/src/components/new_ui/info.tsx b/src/components/new_ui/info.tsx
index 9335e65..ff32757 100644
--- a/src/components/new_ui/info.tsx
+++ b/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'
diff --git a/src/components/new_ui/oilInfo.tsx b/src/components/new_ui/oilInfo.tsx
index 9c958ce..85e0e46 100644
--- a/src/components/new_ui/oilInfo.tsx
+++ b/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 }}
diff --git a/src/components/new_ui/truth.tsx b/src/components/new_ui/truth.tsx
index 5014aa8..a027b86 100644
--- a/src/components/new_ui/truth.tsx
+++ b/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'