From 2113724aaa3d1d898f071a8b0b8f22cfbeec3e40 Mon Sep 17 00:00:00 2001
From: philipcheung <zerophilip2013hk@gmail.com>
Date: Sun, 9 Nov 2025 22:17:21 +0800
Subject: [PATCH] text size and hero2 heart image size updated

---
 src/components/new_ui/advantages.tsx | 4 ++--
 src/components/new_ui/hero2.tsx      | 8 ++++----
 src/components/new_ui/info.tsx       | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/new_ui/advantages.tsx b/src/components/new_ui/advantages.tsx
index e199ded..48182af 100644
--- a/src/components/new_ui/advantages.tsx
+++ b/src/components/new_ui/advantages.tsx
@@ -343,7 +343,7 @@ function Advantages() {
                             <MotionText
                                 w={{ base: '90%', sm: '80%', md: '90%', lg: '80%', xl: '80%' }}
                                 className="font-noto-sans font-demi-light"
-                                fontSize={{ base: 'xl', sm: 'xl', md: 'lg', lg: 'lg', xl: 'lg' }}
+                                fontSize={{ base: 'xl', sm: 'xl', md: 'xl', lg: '2xl', xl: '2xl' }}
                                 color="white"
                                 flex={{ md: 0.5, lg: 0.6, xl: 0.6 }}
                                 ml={14}
@@ -455,7 +455,7 @@ function Advantages() {
                         <MotionText
                             w={{ base: '90%', sm: '80%', md: '80%', lg: '80%', xl: '80%' }}
                             className="font-noto-sans font-demi-light"
-                            fontSize={{ base: 'xl', sm: 'xl', md: 'xl', lg: '2xl', xl: '2xl' }}
+                           fontSize={{ base: 'xl', sm: 'xl', md: 'xl', lg: '2xl', xl: '2xl' }}
                             color="white"
                             lineHeight="1.8"
                             textAlign="left"
diff --git a/src/components/new_ui/hero2.tsx b/src/components/new_ui/hero2.tsx
index 0bc4f92..73c2049 100644
--- a/src/components/new_ui/hero2.tsx
+++ b/src/components/new_ui/hero2.tsx
@@ -16,7 +16,7 @@ function Hero2() {
                 <Stack
                     position="relative"
                     w="100%"
-                    minH={{ base: "110vw", sm: "110vw", md: "72vw", lg: "66vw", xl: "50vw" }}
+                    minH={{ base: "130vw", sm: "130vw", md: "72vw", lg: "66vw", xl: "50vw" }}
                     bgImage={"url('/images/new/hero2bg.webp')"}
                     bgSize="cover"
                     backgroundPosition="center"
@@ -40,9 +40,9 @@ function Hero2() {
                         src="/images/new/hero2subtitle.webp"
                         position={'absolute'}
                         zIndex={1}
-                        top={{ base: "30vw", sm: "30vw", md: "17vw", lg: "15vw", xl: "12vw" }}
+                        top={{ base: "35vw", sm: "35vw", md: "17vw", lg: "15vw", xl: "12vw" }}
                         right={{ base: "55vw", sm: "55vw", md: "24vw", lg: "25vw", xl: "30vw" }}
-                        w={{ base: "30vw", sm: "30vw", md: "22vw", lg: "22vw", xl: "18vw" }}
+                        w={{ base: "34vw", sm: "34vw", md: "22vw", lg: "22vw", xl: "18vw" }}
                         initial={{ opacity: 0, x: 30 }}
                         whileInView={{ opacity: 1, x: 0 }}
                         viewport={{ once: true, amount: 0.3 }}
@@ -55,7 +55,7 @@ function Hero2() {
                         position={'absolute'}
                         left="50%"
                         bottom={0}
-                        w={{ base: "85vw", sm: "85vw", md: "58vw", lg: "53vw", xl: "40vw" }}
+                        w={{ base: "150vw", sm: "150vw", md: "58vw", lg: "53vw", xl: "40vw" }}
                         initial={{ opacity: 0, y: 50, x: '-50%' }}
                         whileInView={{ opacity: 1, y: 0, x: '-50%' }}
                         viewport={{ once: true, amount: 0.3 }}
diff --git a/src/components/new_ui/info.tsx b/src/components/new_ui/info.tsx
index d1c51b9..fb76065 100644
--- a/src/components/new_ui/info.tsx
+++ b/src/components/new_ui/info.tsx
@@ -160,7 +160,7 @@ function Info() {
                         pb={{ base: 5, sm: 5, md: 6, lg: 9, xl: 9 }}>
                         <Text
                             className="font-noto-sans font-regular"
-                            fontSize={{ base: 'md', sm: 'lg', md: 'xl', lg: '2xl', xl: '2xl' }}
+                            fontSize={{ base: 'xl', sm: 'xl', md: 'xl', lg: '2xl', xl: '2xl' }}
                             color="#3D6741"
                             lineHeight="1.8"
                             textAlign="left"