philip-cat/healthy_oil
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

finish hero1 and add hero2 to main.tsx

Browse Source
This commit is contained in:
philipcheung
2025-10-25 19:42:17 +08:00
parent b09f08849f
commit 4456427e78
7 changed files with 254 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/new_ui/hero2.tsx
View File

@@ -11,7 +11,7 @@ function Hero2() {
<Box
position="relative"
w="100%"
minH={{ base: "100vh", sm: "100vh", md: "100vh", lg: "70vw", xl: "70vw" }}
minH={{ base: "115vw", sm: "105vw", md: "90vw", lg: "73vw", xl: "65vw" }}
bgImage={"url('/images/new/hero2bg.webp')"}
bgSize="cover"
backgroundPosition="center"
@@ -22,24 +22,24 @@ function Hero2() {
<Image src="/images/new/hero2title.webp"
position={'absolute'}
top={"50px"}
w={{ base: "80%", sm: "70%", md: "60%", lg: "50vw", xl: "40vw" }}
top={{ base: "10px", sm: "50px", md: "50px", lg: "50px", xl: "50px" }}
w={{ base: "70vw", sm: "60vw", md: "50vw", lg: "35vw", xl: "35vw" }}
/>
<Image src="/images/new/hero2subtitle.webp"
position={'absolute'}
zIndex={1}
top={"18vw"}
right={{ base: "10px", sm: "10px", md: "10px", lg: "3vw", xl: "27vw" }}
w={{ base: "80%", sm: "70%", md: "60%", lg: "50vw", xl: "20vw" }}
top={{ base: "30vw", sm: "35vw", md: "24vw", lg: "20vw", xl: "18vw" }}
right={{ base: "15vw", sm: "15vw", md: "20vw", lg: "28vw", xl: "30vw" }}
w={{ base: "30vw", sm: "30vw", md: "25vw", lg: "18vw", xl: "18vw" }}
/>
<Image src="/images/new/oil.webp"
zIndex={0}
position={'absolute'}
bottom={-20}
w={{ base: "80%", sm: "70%", md: "60%", lg: "50vw", xl: "44vw" }}
bottom={{ base: -10, sm: -20, md: -20, lg: -20, xl: -20 }}
w={{ base: "80vw", sm: "70vw", md: "60vw", lg: "50vw", xl: "40vw" }}
/>