text size and hero2 heart image size updated
This commit is contained in:
@@ -343,7 +343,7 @@ function Advantages() {
|
|||||||
<MotionText
|
<MotionText
|
||||||
w={{ base: '90%', sm: '80%', md: '90%', lg: '80%', xl: '80%' }}
|
w={{ base: '90%', sm: '80%', md: '90%', lg: '80%', xl: '80%' }}
|
||||||
className="font-noto-sans font-demi-light"
|
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"
|
color="white"
|
||||||
flex={{ md: 0.5, lg: 0.6, xl: 0.6 }}
|
flex={{ md: 0.5, lg: 0.6, xl: 0.6 }}
|
||||||
ml={14}
|
ml={14}
|
||||||
@@ -455,7 +455,7 @@ function Advantages() {
|
|||||||
<MotionText
|
<MotionText
|
||||||
w={{ base: '90%', sm: '80%', md: '80%', lg: '80%', xl: '80%' }}
|
w={{ base: '90%', sm: '80%', md: '80%', lg: '80%', xl: '80%' }}
|
||||||
className="font-noto-sans font-demi-light"
|
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"
|
color="white"
|
||||||
lineHeight="1.8"
|
lineHeight="1.8"
|
||||||
textAlign="left"
|
textAlign="left"
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ function Hero2() {
|
|||||||
<Stack
|
<Stack
|
||||||
position="relative"
|
position="relative"
|
||||||
w="100%"
|
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')"}
|
bgImage={"url('/images/new/hero2bg.webp')"}
|
||||||
bgSize="cover"
|
bgSize="cover"
|
||||||
backgroundPosition="center"
|
backgroundPosition="center"
|
||||||
@@ -40,9 +40,9 @@ function Hero2() {
|
|||||||
src="/images/new/hero2subtitle.webp"
|
src="/images/new/hero2subtitle.webp"
|
||||||
position={'absolute'}
|
position={'absolute'}
|
||||||
zIndex={1}
|
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" }}
|
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 }}
|
initial={{ opacity: 0, x: 30 }}
|
||||||
whileInView={{ opacity: 1, x: 0 }}
|
whileInView={{ opacity: 1, x: 0 }}
|
||||||
viewport={{ once: true, amount: 0.3 }}
|
viewport={{ once: true, amount: 0.3 }}
|
||||||
@@ -55,7 +55,7 @@ function Hero2() {
|
|||||||
position={'absolute'}
|
position={'absolute'}
|
||||||
left="50%"
|
left="50%"
|
||||||
bottom={0}
|
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%' }}
|
initial={{ opacity: 0, y: 50, x: '-50%' }}
|
||||||
whileInView={{ opacity: 1, y: 0, x: '-50%' }}
|
whileInView={{ opacity: 1, y: 0, x: '-50%' }}
|
||||||
viewport={{ once: true, amount: 0.3 }}
|
viewport={{ once: true, amount: 0.3 }}
|
||||||
|
|||||||
@@ -160,7 +160,7 @@ function Info() {
|
|||||||
pb={{ base: 5, sm: 5, md: 6, lg: 9, xl: 9 }}>
|
pb={{ base: 5, sm: 5, md: 6, lg: 9, xl: 9 }}>
|
||||||
<Text
|
<Text
|
||||||
className="font-noto-sans font-regular"
|
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"
|
color="#3D6741"
|
||||||
lineHeight="1.8"
|
lineHeight="1.8"
|
||||||
textAlign="left"
|
textAlign="left"
|
||||||
|
|||||||
Reference in New Issue
Block a user