diff --git a/src/pages/Support/Message.tsx b/src/pages/Support/Message.tsx
new file mode 100644
index 0000000..d8e2f8b
--- /dev/null
+++ b/src/pages/Support/Message.tsx
@@ -0,0 +1,70 @@
+import { Box, Typography } from "@mui/material";
+
+
+interface Props {
+ isSelf: boolean;
+ text: string;
+ time: string;
+}
+
+export default function Message({ isSelf, text, time }: Props) {
+
+ return (
+
+ {time}
+
+
+ {text}
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/Support/Support.tsx b/src/pages/Support/Support.tsx
new file mode 100644
index 0000000..fc5604b
--- /dev/null
+++ b/src/pages/Support/Support.tsx
@@ -0,0 +1,153 @@
+import { Typography, Box, useTheme, InputBase } from "@mui/material";
+import { useState } from "react";
+import CustomButton from "../../components/CustomButton";
+import SectionWrapper from "../../components/SectionWrapper";
+import Message from "./Message";
+
+
+export default function Support() {
+ const theme = useTheme();
+ const [messageText, setMessageText] = useState("");
+
+ return (
+
+
+ {`Все тарифы — `}
+ Запрос в службу техподдержки
+
+ Запрос в службу техподдержки
+
+
+ Заголовок
+ Создан: 15.09.22 08:39
+
+
+
+
+
+
+ setMessageText(e.target.value)}
+ />
+
+
+
+ Отправить
+
+
+
+ );
+}
\ No newline at end of file