{t("about_us.amount_completed")}
diff --git a/src/components/about/about.style.scss b/src/components/about/about.style.scss index 3d1db94..73651d3 100644 --- a/src/components/about/about.style.scss +++ b/src/components/about/about.style.scss @@ -3,8 +3,13 @@ @use "../../assets/stylesheets/abstracts/variables" as *; @use "../../assets/stylesheets/abstracts/mixins" as *; +#about-us { + scroll-margin-block-start: 120px; +} + .about-us { margin-top: -80px; + > div { &:first-child { grid-column: 1/7; @@ -35,18 +40,10 @@ } @include for-mobile { - display: none; - } - } - - .swiper { - display: none; - margin-left: -20px; - margin-right: -20px; - - @include for-mobile { - display: flex; - margin: 64px auto 0; + text-align: center; + & > div { + padding: 4px; + } } } diff --git a/src/components/contact-form/contact-form.component.jsx b/src/components/contact-form/contact-form.component.jsx index f8e7477..647512a 100644 --- a/src/components/contact-form/contact-form.component.jsx +++ b/src/components/contact-form/contact-form.component.jsx @@ -9,25 +9,14 @@ import YellowPlanet from "../../assets/images/main/contact-form/Planet Yellow.sv import FormInput from "../form-input/form-input.component"; import CustomButton from "../custom-button/custom-button.component"; -const postForm = async (data) => { +const newPost = async (data) => { return axios - .post( - "https://api.midcreative.eu/api/email/", - { - to: "sergei.kozinecs@gmail.com", - from: "info@midcreative.eu", - subject: "Midcreative Submit Form", - html: `Name: ${data.name}Email: ${data.email}
Phone: ${data.phone}
`, + .post("http://127.0.0.1:3000/mail/", data, { + headers: { + "Content-Type": "application/json", }, - { - headers: { - "Content-Type": "application/json", - }, - } - ) - .then(() => { - return true; }) + .then((res) => true) .catch((err) => err); }; @@ -67,7 +56,7 @@ const ContactForm = () => { const handlePost = (e) => { e.preventDefault(); - postForm(formData).then((res) => { + newPost(formData).then((res) => { if (res === true) { cleanFields(); setError(false); diff --git a/src/components/contacts/contacts.component.jsx b/src/components/contacts/contacts.component.jsx index 2876769..cb56279 100644 --- a/src/components/contacts/contacts.component.jsx +++ b/src/components/contacts/contacts.component.jsx @@ -9,10 +9,10 @@ const Contacts = () => { return (
diff --git a/src/components/contacts/contacts.style.scss b/src/components/contacts/contacts.style.scss
index 627205b..88bbd8e 100644
--- a/src/components/contacts/contacts.style.scss
+++ b/src/components/contacts/contacts.style.scss
@@ -1,6 +1,10 @@
@use "../../assets/stylesheets/abstracts/mixins" as *;
// @use "../../assets/stylesheets/abstracts/variables";
+#contact-us {
+ scroll-margin-block-start: 120px;
+}
+
.contacts {
display: flex;
flex-direction: row;
diff --git a/src/components/footer/footer.component.jsx b/src/components/footer/footer.component.jsx
index a3ddb73..7ef4d37 100644
--- a/src/components/footer/footer.component.jsx
+++ b/src/components/footer/footer.component.jsx
@@ -1,11 +1,15 @@
import React from "react";
import "./footer.style.scss";
+
+import { useTranslation } from "react-i18next";
+
import Contacts from "../contacts/contacts.component";
import TopLine from "../../assets/images/main/footer/top-line.png";
import Logo from "../../assets/images/main/footer/logo.svg";
-
const MidFooter = () => {
+ const { t } = useTranslation();
+
return (
- )
-}
+ );
+};
-export default MidFooter
\ No newline at end of file
+export default MidFooter;
diff --git a/src/components/footer/footer.style.scss b/src/components/footer/footer.style.scss
index 0bec430..d1857e7 100644
--- a/src/components/footer/footer.style.scss
+++ b/src/components/footer/footer.style.scss
@@ -1,7 +1,11 @@
@use "../../assets/stylesheets/abstracts/mixins" as *;
footer {
- background: radial-gradient(62.99% 90.27% at 50% 0%, rgba(225, 104, 154, 0.32) 0%, rgba(141, 162, 243, 0) 65.06%);
+ background: radial-gradient(
+ 62.99% 90.27% at 50% 0%,
+ rgba(225, 104, 154, 0.32) 0%,
+ rgba(141, 162, 243, 0) 65.06%
+ );
margin-top: 192px;
.line {
@@ -10,7 +14,6 @@ footer {
transform: translateY(-50px);
}
-
.info {
margin-top: 68px;
padding-bottom: 237px;
@@ -57,7 +60,9 @@ footer {
padding-bottom: 110px;
justify-items: center;
- div:first-child, div:last-child, nav {
+ div:first-child,
+ div:last-child,
+ nav {
grid-column: 1/7;
grid-row: unset;
text-align: center;
diff --git a/src/components/form-input/form-input.component.jsx b/src/components/form-input/form-input.component.jsx
index 115ad15..185c02c 100644
--- a/src/components/form-input/form-input.component.jsx
+++ b/src/components/form-input/form-input.component.jsx
@@ -36,7 +36,7 @@ const FormInput = forwardRef(
/>
);
- }
+ },
);
export default FormInput;
diff --git a/src/components/form-input/form-input.style.scss b/src/components/form-input/form-input.style.scss
index 6d46b08..21b24e0 100644
--- a/src/components/form-input/form-input.style.scss
+++ b/src/components/form-input/form-input.style.scss
@@ -12,7 +12,7 @@
position: absolute;
top: 6px;
opacity: 0.5;
- color: #FFF;
+ color: #fff;
text-transform: uppercase;
transition: 300ms ease all;
@@ -41,13 +41,10 @@
@include shrinkLabel();
}
}
-
-
}
-
input:autofill,
-input:utofill:hover,
+input:utofill:hover,
input:autofill:focus {
// border: 1px solid green;
-webkit-text-fill-color: $color-text-primary;
@@ -55,4 +52,3 @@ input:autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #111 inset;
// transition: background-color 5000s ease-in-out 0s;
}
-
diff --git a/src/components/header/header.component.jsx b/src/components/header/header.component.jsx
index 671c2c7..970e998 100644
--- a/src/components/header/header.component.jsx
+++ b/src/components/header/header.component.jsx
@@ -91,11 +91,11 @@ const MidHeader = () => {
@@ -110,6 +110,8 @@ const MidHeader = () => {
info@midcreative.eu
+
+