fix message, add privacy policy

src/app/[locale]/contacts/page.tsx

@@ -28,6 +28,7 @@ export default function Contacts() {
   const {
     register,
     handleSubmit,
+    reset,
     formState: { errors, isSubmitting },
   } = useForm<FormFields>({
     resolver: zodResolver(appealFormScheme),
@@ -41,6 +42,7 @@ export default function Contacts() {
       const response = await apiInstance.post("/appeal_response/", data);
       console.log(response);
       toast.success(t("successMessage"));
+      reset();
     } catch (error) {
       if (error instanceof AxiosError) {
         if (

src/app/[locale]/privacy/page.jsx

@@ -0,0 +1,88 @@
+import "./privacy.css";
+import { useTranslations } from "next-intl";
+const PrivacyPolicy = () => {
+  const t = useTranslations("privacyPolicy");
+  const formattedText1 = t("text1").replace(
+    "https://jmd.kg/",
+    "<a href='https://jmd.kg/' target='_blank' rel='noopener noreferrer'>https://jmd.kg/</a>"
+  );
+  return (
+    <div className='about container'>
+      {/*
+      <div className='about__image'>
+        <img src={MainImage} alt="main" />
+      </div>*/}
+      <div className='about__info'>
+        <div>
+          <h1>{t("text1h1")}</h1>
+        </div>
+        <div>
+          <h2>{t("text1h2")}</h2>
+          <p dangerouslySetInnerHTML={{ __html: formattedText1 }} />
+        </div>
+
+        <div>
+          <h2>{t("text2h2")}</h2>
+          <p>{t("text2")}</p>
+        </div>
+
+        <div>
+          <h2>{t("text3h2")}</h2>
+          <p>{t("text3")}</p>
+        </div>
+
+        <div>
+          <h2>{t("text4h2")}</h2>
+          <p>{t("text4")}</p>
+        </div>
+
+        <div>
+          <h2>{t("text5h2")}</h2>
+          <p>{t("text5")}</p>
+        </div>
+
+        <div>
+          <h2>{t("text6h2")}</h2>
+          <p>{t("text6")}</p>
+        </div>
+        <div>
+          <h2>{t("text7h2")}</h2>
+          <p>{t("text7")}</p>
+        </div>
+
+        <div>
+          <h2>{t("text8h2")}</h2>
+          <p>{t("text8")}</p>
+        </div>
+
+        <div>
+          <h2>{t("text9h2")}</h2>
+          <p>{t("text9")}</p>
+        </div>
+
+        <div>
+          <h2>{t("text10h2")}</h2>
+          <p>{t("text10")}</p>
+        </div>
+
+        <div>
+          <h2>{t("text11h2")}</h2>
+          <p>{t("text11")}</p>
+        </div>
+
+        <div>
+          <h2>{t("text12h2")}</h2>
+          <p>{t("text12")}</p>
+        </div>
+
+        <div>
+          <h2>{t("text13h2")}</h2>
+          <p>{t("text13")}</p>
+        </div>
+      </div>
+      <br />
+    </div>
+  )
+}
+
+export default PrivacyPolicy

src/app/[locale]/privacy/privacy.css

@@ -0,0 +1,118 @@
+.about {
+    margin-top: 6.25rem;
+    font-size: 1.125rem;
+}
+
+@media screen and (max-width: 768px) {
+    .about {
+        margin-top: 5rem;
+    }
+}
+
+.about__image img {
+    width: 90vw;
+    margin-bottom: 4.3rem;
+}
+
+.about__info {
+    display: flex;
+    flex-direction: column;
+    gap: 3rem;
+    padding-left: 5rem;
+}
+
+
+.about__info h1 {
+    font-size: 2rem;
+    font-weight: 700;
+}
+
+.about__info h2 {
+    font-size: 1.5rem;
+    font-weight: 600;
+}
+
+
+.about__info p {
+    font-size: 1rem;
+    line-height: 1.5;
+}
+
+.about__info a {
+    color: blue;
+    text-decoration: underline;
+}
+
+.about__info a:hover {
+    color: darkblue;
+    text-decoration: underline;
+}
+
+.about__questions {
+    margin: 7.2rem 0;
+}
+
+.about__questions h3 {
+    font-size: 1.875rem;
+    font-weight: 600;
+    line-height: 2.3rem;
+}
+
+@media screen and (max-width: 768px) {
+    .about__questions h3 {
+        text-align: center;
+    }
+}
+
+.about__blocks {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.about__block {
+    display: flex;
+    flex-direction: column;
+    gap: 1.2rem;
+}
+
+.about__block .about__item {
+    box-shadow: 0px 1px 4px 0px #E3EBFC;
+    padding: 1.75rem 1.5rem;
+    border-radius: 15px;
+    width: 40vw;
+}
+
+@media screen and (max-width: 768px) {
+    .about__block .about__item {
+        width: 80vw;
+    }
+}
+
+@media screen and (max-width: 425px) {
+    .about__block .about__item {
+        align-items: center;
+        padding: 1rem;
+    }
+}
+
+.about__block .about__item details summary {
+    display: flex;
+    align-items: center;
+}
+
+.about__block .about__item details summary img {
+    margin-left: 5rem;
+}
+
+@media screen and (max-width: 425px) {
+    .about__block .about__item details summary img {
+        margin-left: 1rem;
+    }
+}
+
+.about__block .about__item details p {
+    width: 487px;
+    height: 122px;
+}