diff --git a/public/images/new/bg_people.webp b/public/images/new/bg_people.webp
new file mode 100644
index 0000000..c751bc9
Binary files /dev/null and b/public/images/new/bg_people.webp differ
diff --git a/public/images/new/bg_people_mobile.webp b/public/images/new/bg_people_mobile.webp
new file mode 100644
index 0000000..61d6229
Binary files /dev/null and b/public/images/new/bg_people_mobile.webp differ
diff --git a/public/images/new/black_bg.webp b/public/images/new/black_bg.webp
new file mode 100644
index 0000000..40d1a93
Binary files /dev/null and b/public/images/new/black_bg.webp differ
diff --git a/public/images/new/bottle.webp b/public/images/new/bottle.webp
new file mode 100644
index 0000000..83ec9ab
Binary files /dev/null and b/public/images/new/bottle.webp differ
diff --git a/public/images/new/wraning_fat.webp b/public/images/new/wraning_fat.webp
new file mode 100644
index 0000000..82bbead
Binary files /dev/null and b/public/images/new/wraning_fat.webp differ
diff --git a/public/images/new/wraning_fat_1.webp b/public/images/new/wraning_fat_1.webp
new file mode 100644
index 0000000..f018824
Binary files /dev/null and b/public/images/new/wraning_fat_1.webp differ
diff --git a/public/images/new/wraning_o.webp b/public/images/new/wraning_o.webp
new file mode 100644
index 0000000..549b9a4
Binary files /dev/null and b/public/images/new/wraning_o.webp differ
diff --git a/public/images/new/wraning_three_high.webp b/public/images/new/wraning_three_high.webp
new file mode 100644
index 0000000..bfd368b
Binary files /dev/null and b/public/images/new/wraning_three_high.webp differ
diff --git a/src/components/new_ui/hero2.tsx b/src/components/new_ui/hero2.tsx
index eb9b1f9..a3668b8 100644
--- a/src/components/new_ui/hero2.tsx
+++ b/src/components/new_ui/hero2.tsx
@@ -10,6 +10,7 @@ function Hero2() {
             w="100%"
             alignItems={"center"}
             justifyContent={"center"}
+
         >
             <Stack gap={0}>
                 <Box
@@ -21,10 +22,10 @@ function Hero2() {
                     backgroundPosition="center"
                     justifyItems={'center'}
                     bgRepeat="no-repeat"
-                    zIndex={-1}
+
                 >
 
-                    <MotionImage 
+                    <MotionImage
                         src="/images/new/hero2title.webp"
                         position={'absolute'}
                         top={{ base: "10px", sm: "50px", md: "50px", lg: "50px", xl: "50px" }}
@@ -34,7 +35,7 @@ function Hero2() {
                         viewport={{ once: true, amount: 0.3 }}
                         transition={{ duration: 0.8, delay: 0.2 }}
                     />
-                    <MotionImage 
+                    <MotionImage
                         src="/images/new/hero2subtitle.webp"
                         position={'absolute'}
                         zIndex={1}
@@ -47,7 +48,7 @@ function Hero2() {
                         transition={{ duration: 0.8, delay: 0.5 }}
                     />
 
-                    <MotionImage 
+                    <MotionImage
                         src="/images/new/oil.webp"
                         zIndex={0}
                         position={'absolute'}
diff --git a/src/components/new_ui/wraning.tsx b/src/components/new_ui/wraning.tsx
new file mode 100644
index 0000000..b2e3817
--- /dev/null
+++ 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;
\ No newline at end of file
diff --git a/src/pages/main.tsx b/src/pages/main.tsx
index e09b96e..8441ee8 100644
--- a/src/pages/main.tsx
+++ b/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 />
     </>
   )
 }