123

src/pages/DeliveryPage.tsx

@@ -33,10 +33,10 @@ function DeliveryPage() {
         padding: "5vw",
       }}
     >
+      <Box sx={{ display: "flex", alignItems: "center", justifyContent: "center", flexDirection: isMobile ? "column" : "row"}}>
       <Box
         sx={{
           maxWidth: "80vw",
-          margin: "0 auto",
           textAlign: "left",
         }}
       >
@@ -88,8 +88,89 @@ function DeliveryPage() {
             }}
           />
         </Box>
+        </Box>
+        <Box
+        sx={{
+          maxWidth: "80vw",
+          mt: isMobile ? "5vw" : "0vw",
+          width: isMobile ? "80vw" : "29vw",
+          height: isMobile ? "52vw" : "23vw",
+          bgcolor: "transparent",
+          // position: "relative",
+          // top: isMobile ? "0vw" : "-29vw",
+          // left: isMobile ? "50%" : "56vw",
+          // transform: isMobile ? "translateX(-50%)" : "none",
+          borderRadius: isMobile ? "5vw" : "3vw",
+          border: "0.3vw solid #C27664",
+        }}
+      >
+        <Box>
+        <Typography
+          component="h2"
+          sx={{
+            fontFamily: "Unbounded",
+            fontSize: isMobile ? "5vw" : "2vw",
+            fontWeight: "bold",
+            color: "#C27664",
+            mt: isMobile ? "5vw" : "3vw",
+            ml: isMobile ? "4.5vw" : "2.5vw",
+            maxWidth: "80%",
+          }}
+        >
+          Не знаете какой авто выбрать?
+        </Typography>
+        <Typography
+          component="h2"
+          sx={{
+            fontFamily: "Unbounded",
+            fontSize: isMobile ? "4vw" : "1.5vw",
+            fontWeight: "light",
+            color: "#C27664",
+            ml: isMobile ? "4.5vw" : "2.5vw",
+            maxWidth: "60%",
+          }}
+        >
+          Подберите авто прямо сейчас!
+        </Typography>
+        </Box>
+        <Box 
+        sx={{ 
+          width: "100%", 
+          height: "40%", 
+          display: "flex", 
+          alignItems: "center", 
+          justifyContent: "center",
+          }}>
+        <Box
+          onClick={handleOpenFeedback}
+          sx={{
+            fontFamily: "Unbounded",
+            fontSize: isMobile ? "3vw" : "1.5vw",
+            color: "white",
+            bgcolor: "#C27664",
+            borderRadius: isMobile ? "5vw" : "3vw",
+            maxWidth: "60%",
+            cursor: "pointer",
+            // left: "50%",
+            // top: isMobile ? "75%" : "70%",
+            // position: "absolute",
+            // transform: "translateX(-50%)",
+            padding: isMobile ? "2vw 6vw 2vw 6vw" : "1vw 3vw 1vw 3vw",
+            width: isMobile ? "50vw" : "18vw",
+            textAlign: "center",
+            "&:hover": {
+              bgcolor: "#945B4D",
+              transform: "translateY(-5%)",
+            },
+            transition: "all 0.3s ease",
+          }}
+        >
+          Подобрать авто
+        </Box>
+        </Box>
       </Box>
-      <Box
+      </Box>
+      {/* <Box
         sx={{
           maxWidth: "80vw",
           mt: isMobile ? "5vw" : "0vw",
@@ -157,7 +238,7 @@ function DeliveryPage() {
         >
           Подобрать авто
         </Box>
-      </Box>
+      </Box> */}
 
       <Feedback
         open={feedbackOpen}

src/pages/MainPage.tsx

@@ -187,6 +187,7 @@ function MainPage() {
             </IconButton>
 
             <IconButton
+              onClick={() => window.open("https://t.me/autoBROcn", "_blank")}
               sx={{
                 color: "#C27664",
                 borderRadius: "50%",