wraning section updated

src/components/new_ui/hero2.tsx

@@ -10,6 +10,7 @@ function Hero2() {
             w="100%"
             alignItems={"center"}
             justifyContent={"center"}
+
         >
             <Stack gap={0}>
                 <Box
@@ -21,7 +22,7 @@ function Hero2() {
                     backgroundPosition="center"
                     justifyItems={'center'}
                     bgRepeat="no-repeat"
-                    zIndex={-1}
+
                 >
 
                     <MotionImage

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;

src/pages/main.tsx

@@ -1,6 +1,7 @@
 
 import Hero1 from '../components/new_ui/hero1'
 import Hero2 from '../components/new_ui/hero2'
+import Wraning from '@/components/new_ui/wraning'
 
 
 
@@ -10,6 +11,7 @@ function MainPage() {
     <>
       <Hero1 />
       <Hero2 />
+      <Wraning />
     </>
   )
 }