wraning section updated

2025-10-26 09:04:32 +08:00
parent 8deb92c0ff
commit d99ea3a8db
11 changed files with 50 additions and 4 deletions
--- a/src/components/new_ui/wraning.tsx
+++ b/src/components/new_ui/wraning.tsx
@@ -0,0 +1,43 @@
+import { Box, Image, Stack } from '@chakra-ui/react'
+
+
+function Wraning() {
+
+  return (
+    <Box
+      position="relative"
+      w="100%"
+      alignItems={"center"}
+      justifyContent={"center"}
+
+    >
+
+      <Stack gap={0}>
+        <Box
+          position="relative"
+          w="100%"
+          minH={{ base: "170vw", sm: "170vw", md: "70vw", lg: "70vw", xl: "45vw" }}
+          bgImage={{ base: "url('/images/new/bg_people_mobile.webp')", sm: "url('/images/new/bg_people_mobile.webp')", md: "url('/images/new/bg_people.webp')", lg: "url('/images/new/bg_people.webp')", xl: "url('/images/new/bg_people.webp')" }}
+          bgSize="cover"
+          backgroundPosition="center"
+          justifyItems={'center'}
+          bgRepeat="no-repeat"
+          zIndex={3}
+          overflow="hidden"
+        >
+          <Image
+            src="/images/new/bottle.webp"
+            position="absolute"
+            top={{ base: "11vw", sm: "14vw", md: "7vw", lg: "8vw", xl: "3.5vw" }}
+            right={{ base: "43vw", sm: "45vw", md: "48vw", lg: "48vw", xl: "50vw" }}
+            w={{ base: "15vw", sm: "14vw", md: "8vw", lg: "7vw", xl: "5vw" }}
+          />
+
+
+        </Box>
+      </Stack >
+    </Box >
+  )
+}
+
+export default Wraning;