diff --git a/src/assets/fonts/BebasNeue Bold.ttf b/src/assets/fonts/BebasNeue Bold.ttf deleted file mode 100644 index 6fff6057..00000000 Binary files a/src/assets/fonts/BebasNeue Bold.ttf and /dev/null differ diff --git a/src/assets/fonts/BebasNeue-Regular.ttf b/src/assets/fonts/BebasNeue-Regular.ttf deleted file mode 100644 index d2190b51..00000000 Binary files a/src/assets/fonts/BebasNeue-Regular.ttf and /dev/null differ diff --git a/src/assets/fonts/BebasNeueBold.woff2 b/src/assets/fonts/BebasNeueBold.woff2 new file mode 100644 index 00000000..45fb89fb Binary files /dev/null and b/src/assets/fonts/BebasNeueBold.woff2 differ diff --git a/src/assets/fonts/BebasNeueBook.woff2 b/src/assets/fonts/BebasNeueBook.woff2 new file mode 100644 index 00000000..45e5a04d Binary files /dev/null and b/src/assets/fonts/BebasNeueBook.woff2 differ diff --git a/src/assets/fonts/BebasNeueLight.woff2 b/src/assets/fonts/BebasNeueLight.woff2 new file mode 100644 index 00000000..08c2b077 Binary files /dev/null and b/src/assets/fonts/BebasNeueLight.woff2 differ diff --git a/src/assets/fonts/BebasNeueRegular.woff2 b/src/assets/fonts/BebasNeueRegular.woff2 new file mode 100644 index 00000000..192005cf Binary files /dev/null and b/src/assets/fonts/BebasNeueRegular.woff2 differ diff --git a/src/assets/fonts/BebasNeueThin.woff2 b/src/assets/fonts/BebasNeueThin.woff2 new file mode 100644 index 00000000..ea739d05 Binary files /dev/null and b/src/assets/fonts/BebasNeueThin.woff2 differ diff --git a/src/assets/fonts/stylesheet.css b/src/assets/fonts/stylesheet.css index 578fc53f..6aaab745 100644 --- a/src/assets/fonts/stylesheet.css +++ b/src/assets/fonts/stylesheet.css @@ -1,409 +1,513 @@ @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-ThinItalic.eot'); - src: local('GT Eesti Pro Text Thin Italic'), local('GTEestiProText-ThinItalic'), - url('GTEestiProText-ThinItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProText-ThinItalic.woff2') format('woff2'), url('GTEestiProText-ThinItalic.woff') format('woff'), - url('GTEestiProText-ThinItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-ThinItalic.eot"); + src: local("GT Eesti Pro Text Thin Italic"), + local("GTEestiProText-ThinItalic"), + url("GTEestiProText-ThinItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-ThinItalic.woff2") format("woff2"), + url("GTEestiProText-ThinItalic.woff") format("woff"), + url("GTEestiProText-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-Medium.eot'); - src: local('GT Eesti Pro Text Medium'), local('GTEestiProText-Medium'), - url('GTEestiProText-Medium.eot?#iefix') format('embedded-opentype'), - url('GTEestiProText-Medium.woff2') format('woff2'), url('GTEestiProText-Medium.woff') format('woff'), - url('GTEestiProText-Medium.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-Medium.eot"); + src: local("GT Eesti Pro Text Medium"), local("GTEestiProText-Medium"), + url("GTEestiProText-Medium.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Medium.woff2") format("woff2"), + url("GTEestiProText-Medium.woff") format("woff"), + url("GTEestiProText-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-LightItalic.eot'); - src: local('GT Eesti Pro Text Light Italic'), local('GTEestiProText-LightItalic'), - url('GTEestiProText-LightItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProText-LightItalic.woff2') format('woff2'), url('GTEestiProText-LightItalic.woff') format('woff'), - url('GTEestiProText-LightItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-LightItalic.eot"); + src: local("GT Eesti Pro Text Light Italic"), + local("GTEestiProText-LightItalic"), + url("GTEestiProText-LightItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-LightItalic.woff2") format("woff2"), + url("GTEestiProText-LightItalic.woff") format("woff"), + url("GTEestiProText-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-Bold.eot'); - src: local('GT Eesti Pro Display Bold'), local('GTEestiProDisplay-Bold'), - url('GTEestiProDisplay-Bold.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-Bold.woff2') format('woff2'), url('GTEestiProDisplay-Bold.woff') format('woff'), - url('GTEestiProDisplay-Bold.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-Bold.eot"); + src: local("GT Eesti Pro Display Bold"), local("GTEestiProDisplay-Bold"), + url("GTEestiProDisplay-Bold.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-Bold.woff2") format("woff2"), + url("GTEestiProDisplay-Bold.woff") format("woff"), + url("GTEestiProDisplay-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-Light.eot'); - src: local('GT Eesti Pro Text Light'), local('GTEestiProText-Light'), - url('GTEestiProText-Light.eot?#iefix') format('embedded-opentype'), - url('GTEestiProText-Light.woff2') format('woff2'), url('GTEestiProText-Light.woff') format('woff'), - url('GTEestiProText-Light.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-Light.eot"); + src: local("GT Eesti Pro Text Light"), local("GTEestiProText-Light"), + url("GTEestiProText-Light.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Light.woff2") format("woff2"), + url("GTEestiProText-Light.woff") format("woff"), + url("GTEestiProText-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-MediumItalic.eot'); - src: local('GT Eesti Pro Display Medium Italic'), local('GTEestiProDisplay-MediumItalic'), - url('GTEestiProDisplay-MediumItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-MediumItalic.woff2') format('woff2'), - url('GTEestiProDisplay-MediumItalic.woff') format('woff'), - url('GTEestiProDisplay-MediumItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-MediumItalic.eot"); + src: local("GT Eesti Pro Display Medium Italic"), + local("GTEestiProDisplay-MediumItalic"), + url("GTEestiProDisplay-MediumItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-MediumItalic.woff2") format("woff2"), + url("GTEestiProDisplay-MediumItalic.woff") format("woff"), + url("GTEestiProDisplay-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-RegularItalic.eot'); - src: local('GT Eesti Pro Text Regular Italic'), local('GTEestiProText-RegularItalic'), - url('GTEestiProText-RegularItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProText-RegularItalic.woff2') format('woff2'), url('GTEestiProText-RegularItalic.woff') format('woff'), - url('GTEestiProText-RegularItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-RegularItalic.eot"); + src: local("GT Eesti Pro Text Regular Italic"), + local("GTEestiProText-RegularItalic"), + url("GTEestiProText-RegularItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-RegularItalic.woff2") format("woff2"), + url("GTEestiProText-RegularItalic.woff") format("woff"), + url("GTEestiProText-RegularItalic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Text Book'; - src: url('GTEestiProText-Book.eot'); - src: local('GT Eesti Pro Text Book'), local('GTEestiProText-Book'), - url('GTEestiProText-Book.eot?#iefix') format('embedded-opentype'), url('GTEestiProText-Book.woff2') format('woff2'), - url('GTEestiProText-Book.woff') format('woff'), url('GTEestiProText-Book.ttf') format('truetype'); + font-family: "GT Eesti Pro Text Book"; + src: url("GTEestiProText-Book.eot"); + src: local("GT Eesti Pro Text Book"), local("GTEestiProText-Book"), + url("GTEestiProText-Book.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Book.woff2") format("woff2"), + url("GTEestiProText-Book.woff") format("woff"), + url("GTEestiProText-Book.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-BoldItalic.eot'); - src: local('GT Eesti Pro Text Bold Italic'), local('GTEestiProText-BoldItalic'), - url('GTEestiProText-BoldItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProText-BoldItalic.woff2') format('woff2'), url('GTEestiProText-BoldItalic.woff') format('woff'), - url('GTEestiProText-BoldItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-BoldItalic.eot"); + src: local("GT Eesti Pro Text Bold Italic"), + local("GTEestiProText-BoldItalic"), + url("GTEestiProText-BoldItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-BoldItalic.woff2") format("woff2"), + url("GTEestiProText-BoldItalic.woff") format("woff"), + url("GTEestiProText-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-UltraLightItalic.eot'); - src: local('GT Eesti Pro Text UltraLight Italic'), local('GTEestiProText-UltraLightItalic'), - url('GTEestiProText-UltraLightItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProText-UltraLightItalic.woff2') format('woff2'), - url('GTEestiProText-UltraLightItalic.woff') format('woff'), - url('GTEestiProText-UltraLightItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-UltraLightItalic.eot"); + src: local("GT Eesti Pro Text UltraLight Italic"), + local("GTEestiProText-UltraLightItalic"), + url("GTEestiProText-UltraLightItalic.eot?#iefix") + format("embedded-opentype"), + url("GTEestiProText-UltraLightItalic.woff2") format("woff2"), + url("GTEestiProText-UltraLightItalic.woff") format("woff"), + url("GTEestiProText-UltraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-Thin.eot'); - src: local('GT Eesti Pro Display Thin'), local('GTEestiProDisplay-Thin'), - url('GTEestiProDisplay-Thin.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-Thin.woff2') format('woff2'), url('GTEestiProDisplay-Thin.woff') format('woff'), - url('GTEestiProDisplay-Thin.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-Thin.eot"); + src: local("GT Eesti Pro Display Thin"), local("GTEestiProDisplay-Thin"), + url("GTEestiProDisplay-Thin.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-Thin.woff2") format("woff2"), + url("GTEestiProDisplay-Thin.woff") format("woff"), + url("GTEestiProDisplay-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-Regular.eot'); - src: local('GT Eesti Pro Text Regular'), local('GTEestiProText-Regular'), - url('GTEestiProText-Regular.eot?#iefix') format('embedded-opentype'), - url('GTEestiProText-Regular.woff2') format('woff2'), url('GTEestiProText-Regular.woff') format('woff'), - url('GTEestiProText-Regular.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-Regular.eot"); + src: local("GT Eesti Pro Text Regular"), local("GTEestiProText-Regular"), + url("GTEestiProText-Regular.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Regular.woff2") format("woff2"), + url("GTEestiProText-Regular.woff") format("woff"), + url("GTEestiProText-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-Light.eot'); - src: local('GT Eesti Pro Display Light'), local('GTEestiProDisplay-Light'), - url('GTEestiProDisplay-Light.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-Light.woff2') format('woff2'), url('GTEestiProDisplay-Light.woff') format('woff'), - url('GTEestiProDisplay-Light.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-Light.eot"); + src: local("GT Eesti Pro Display Light"), local("GTEestiProDisplay-Light"), + url("GTEestiProDisplay-Light.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-Light.woff2") format("woff2"), + url("GTEestiProDisplay-Light.woff") format("woff"), + url("GTEestiProDisplay-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-UltraBold.eot'); - src: local('GT Eesti Pro Display UltraBold'), local('GTEestiProDisplay-UltraBold'), - url('GTEestiProDisplay-UltraBold.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-UltraBold.woff2') format('woff2'), url('GTEestiProDisplay-UltraBold.woff') format('woff'), - url('GTEestiProDisplay-UltraBold.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-UltraBold.eot"); + src: local("GT Eesti Pro Display UltraBold"), + local("GTEestiProDisplay-UltraBold"), + url("GTEestiProDisplay-UltraBold.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-UltraBold.woff2") format("woff2"), + url("GTEestiProDisplay-UltraBold.woff") format("woff"), + url("GTEestiProDisplay-UltraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-UltraBoldItalic.eot'); - src: local('GT Eesti Pro Display UltraBold Italic'), local('GTEestiProDisplay-UltraBoldItalic'), - url('GTEestiProDisplay-UltraBoldItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-UltraBoldItalic.woff2') format('woff2'), - url('GTEestiProDisplay-UltraBoldItalic.woff') format('woff'), - url('GTEestiProDisplay-UltraBoldItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-UltraBoldItalic.eot"); + src: local("GT Eesti Pro Display UltraBold Italic"), + local("GTEestiProDisplay-UltraBoldItalic"), + url("GTEestiProDisplay-UltraBoldItalic.eot?#iefix") + format("embedded-opentype"), + url("GTEestiProDisplay-UltraBoldItalic.woff2") format("woff2"), + url("GTEestiProDisplay-UltraBoldItalic.woff") format("woff"), + url("GTEestiProDisplay-UltraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-Medium.eot'); - src: local('GT Eesti Pro Display Medium'), local('GTEestiProDisplay-Medium'), - url('GTEestiProDisplay-Medium.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-Medium.woff2') format('woff2'), url('GTEestiProDisplay-Medium.woff') format('woff'), - url('GTEestiProDisplay-Medium.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-Medium.eot"); + src: local("GT Eesti Pro Display Medium"), local("GTEestiProDisplay-Medium"), + url("GTEestiProDisplay-Medium.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-Medium.woff2") format("woff2"), + url("GTEestiProDisplay-Medium.woff") format("woff"), + url("GTEestiProDisplay-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-UltraLight.eot'); - src: local('GT Eesti Pro Display UltraLight'), local('GTEestiProDisplay-UltraLight'), - url('GTEestiProDisplay-UltraLight.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-UltraLight.woff2') format('woff2'), url('GTEestiProDisplay-UltraLight.woff') format('woff'), - url('GTEestiProDisplay-UltraLight.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-UltraLight.eot"); + src: local("GT Eesti Pro Display UltraLight"), + local("GTEestiProDisplay-UltraLight"), + url("GTEestiProDisplay-UltraLight.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-UltraLight.woff2") format("woff2"), + url("GTEestiProDisplay-UltraLight.woff") format("woff"), + url("GTEestiProDisplay-UltraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-RegularItalic.eot'); - src: local('GT Eesti Pro Display Regular Italic'), local('GTEestiProDisplay-RegularItalic'), - url('GTEestiProDisplay-RegularItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-RegularItalic.woff2') format('woff2'), - url('GTEestiProDisplay-RegularItalic.woff') format('woff'), - url('GTEestiProDisplay-RegularItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-RegularItalic.eot"); + src: local("GT Eesti Pro Display Regular Italic"), + local("GTEestiProDisplay-RegularItalic"), + url("GTEestiProDisplay-RegularItalic.eot?#iefix") + format("embedded-opentype"), + url("GTEestiProDisplay-RegularItalic.woff2") format("woff2"), + url("GTEestiProDisplay-RegularItalic.woff") format("woff"), + url("GTEestiProDisplay-RegularItalic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-LightItalic.eot'); - src: local('GT Eesti Pro Display Light Italic'), local('GTEestiProDisplay-LightItalic'), - url('GTEestiProDisplay-LightItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-LightItalic.woff2') format('woff2'), url('GTEestiProDisplay-LightItalic.woff') format('woff'), - url('GTEestiProDisplay-LightItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-LightItalic.eot"); + src: local("GT Eesti Pro Display Light Italic"), + local("GTEestiProDisplay-LightItalic"), + url("GTEestiProDisplay-LightItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-LightItalic.woff2") format("woff2"), + url("GTEestiProDisplay-LightItalic.woff") format("woff"), + url("GTEestiProDisplay-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-Bold.eot'); - src: local('GT Eesti Pro Text Bold'), local('GTEestiProText-Bold'), - url('GTEestiProText-Bold.eot?#iefix') format('embedded-opentype'), url('GTEestiProText-Bold.woff2') format('woff2'), - url('GTEestiProText-Bold.woff') format('woff'), url('GTEestiProText-Bold.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-Bold.eot"); + src: local("GT Eesti Pro Text Bold"), local("GTEestiProText-Bold"), + url("GTEestiProText-Bold.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Bold.woff2") format("woff2"), + url("GTEestiProText-Bold.woff") format("woff"), + url("GTEestiProText-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-Thin.eot'); - src: local('GT Eesti Pro Text Thin'), local('GTEestiProText-Thin'), - url('GTEestiProText-Thin.eot?#iefix') format('embedded-opentype'), url('GTEestiProText-Thin.woff2') format('woff2'), - url('GTEestiProText-Thin.woff') format('woff'), url('GTEestiProText-Thin.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-Thin.eot"); + src: local("GT Eesti Pro Text Thin"), local("GTEestiProText-Thin"), + url("GTEestiProText-Thin.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Thin.woff2") format("woff2"), + url("GTEestiProText-Thin.woff") format("woff"), + url("GTEestiProText-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-UltraLightItalic.eot'); - src: local('GT Eesti Pro Display UltraLight Italic'), local('GTEestiProDisplay-UltraLightItalic'), - url('GTEestiProDisplay-UltraLightItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-UltraLightItalic.woff2') format('woff2'), - url('GTEestiProDisplay-UltraLightItalic.woff') format('woff'), - url('GTEestiProDisplay-UltraLightItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-UltraLightItalic.eot"); + src: local("GT Eesti Pro Display UltraLight Italic"), + local("GTEestiProDisplay-UltraLightItalic"), + url("GTEestiProDisplay-UltraLightItalic.eot?#iefix") + format("embedded-opentype"), + url("GTEestiProDisplay-UltraLightItalic.woff2") format("woff2"), + url("GTEestiProDisplay-UltraLightItalic.woff") format("woff"), + url("GTEestiProDisplay-UltraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-BoldItalic.eot'); - src: local('GT Eesti Pro Display Bold Italic'), local('GTEestiProDisplay-BoldItalic'), - url('GTEestiProDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-BoldItalic.woff2') format('woff2'), url('GTEestiProDisplay-BoldItalic.woff') format('woff'), - url('GTEestiProDisplay-BoldItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-BoldItalic.eot"); + src: local("GT Eesti Pro Display Bold Italic"), + local("GTEestiProDisplay-BoldItalic"), + url("GTEestiProDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-BoldItalic.woff2") format("woff2"), + url("GTEestiProDisplay-BoldItalic.woff") format("woff"), + url("GTEestiProDisplay-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-MediumItalic.eot'); - src: local('GT Eesti Pro Text Medium Italic'), local('GTEestiProText-MediumItalic'), - url('GTEestiProText-MediumItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProText-MediumItalic.woff2') format('woff2'), url('GTEestiProText-MediumItalic.woff') format('woff'), - url('GTEestiProText-MediumItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-MediumItalic.eot"); + src: local("GT Eesti Pro Text Medium Italic"), + local("GTEestiProText-MediumItalic"), + url("GTEestiProText-MediumItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-MediumItalic.woff2") format("woff2"), + url("GTEestiProText-MediumItalic.woff") format("woff"), + url("GTEestiProText-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Text Book'; - src: url('GTEestiProText-BookItalic.eot'); - src: local('GT Eesti Pro Text Book Italic'), local('GTEestiProText-BookItalic'), - url('GTEestiProText-BookItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProText-BookItalic.woff2') format('woff2'), url('GTEestiProText-BookItalic.woff') format('woff'), - url('GTEestiProText-BookItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Text Book"; + src: url("GTEestiProText-BookItalic.eot"); + src: local("GT Eesti Pro Text Book Italic"), + local("GTEestiProText-BookItalic"), + url("GTEestiProText-BookItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-BookItalic.woff2") format("woff2"), + url("GTEestiProText-BookItalic.woff") format("woff"), + url("GTEestiProText-BookItalic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { - font-family: 'GT Eesti Pro Text'; - src: url('GTEestiProText-UltraLight.eot'); - src: local('GT Eesti Pro Text UltraLight'), local('GTEestiProText-UltraLight'), - url('GTEestiProText-UltraLight.eot?#iefix') format('embedded-opentype'), - url('GTEestiProText-UltraLight.woff2') format('woff2'), url('GTEestiProText-UltraLight.woff') format('woff'), - url('GTEestiProText-UltraLight.ttf') format('truetype'); + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-UltraLight.eot"); + src: local("GT Eesti Pro Text UltraLight"), local("GTEestiProText-UltraLight"), + url("GTEestiProText-UltraLight.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-UltraLight.woff2") format("woff2"), + url("GTEestiProText-UltraLight.woff") format("woff"), + url("GTEestiProText-UltraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-Regular.eot'); - src: local('GT Eesti Pro Display Regular'), local('GTEestiProDisplay-Regular'), - url('GTEestiProDisplay-Regular.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-Regular.woff2') format('woff2'), url('GTEestiProDisplay-Regular.woff') format('woff'), - url('GTEestiProDisplay-Regular.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-Regular.eot"); + src: local("GT Eesti Pro Display Regular"), local("GTEestiProDisplay-Regular"), + url("GTEestiProDisplay-Regular.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-Regular.woff2") format("woff2"), + url("GTEestiProDisplay-Regular.woff") format("woff"), + url("GTEestiProDisplay-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { - font-family: 'GT Eesti Pro Display'; - src: url('GTEestiProDisplay-ThinItalic.eot'); - src: local('GT Eesti Pro Display Thin Italic'), local('GTEestiProDisplay-ThinItalic'), - url('GTEestiProDisplay-ThinItalic.eot?#iefix') format('embedded-opentype'), - url('GTEestiProDisplay-ThinItalic.woff2') format('woff2'), url('GTEestiProDisplay-ThinItalic.woff') format('woff'), - url('GTEestiProDisplay-ThinItalic.ttf') format('truetype'); + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-ThinItalic.eot"); + src: local("GT Eesti Pro Display Thin Italic"), + local("GTEestiProDisplay-ThinItalic"), + url("GTEestiProDisplay-ThinItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-ThinItalic.woff2") format("woff2"), + url("GTEestiProDisplay-ThinItalic.woff") format("woff"), + url("GTEestiProDisplay-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { - font-family: 'Circle'; - src: url('BasierCircle-Regular.woff2') format('woff2'), url('BasierCircle-Regular.woff') format('woff'), - url('BasierCircle-Regular.ttf') format('truetype'); + font-family: "Circle"; + src: url("BasierCircle-Regular.woff2") format("woff2"), + url("BasierCircle-Regular.woff") format("woff"), + url("BasierCircle-Regular.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { - font-family: 'Muller'; - src: local('Muller Bold'), local('Muller-Bold'), - url('MullerBold.woff2') format('woff2'), - url('MullerBold.woff') format('woff'), - url('MullerBold.ttf') format('truetype'); + font-family: "Muller"; + src: local("Muller Bold"), local("Muller-Bold"), + url("MullerBold.woff2") format("woff2"), + url("MullerBold.woff") format("woff"), + url("MullerBold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { - font-family: 'Muller'; - src: local('Muller Regular'), local('Muller-Regular'), - url('MullerRegular.woff2') format('woff2'), - url('MullerRegular.woff') format('woff'), - url('MullerRegular.ttf') format('truetype'); + font-family: "Muller"; + src: local("Muller Regular"), local("Muller-Regular"), + url("MullerRegular.woff2") format("woff2"), + url("MullerRegular.woff") format("woff"), + url("MullerRegular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { - font-family: 'Muller'; - src: local('Muller Light'), local('Muller-Light'), - url('MullerLight.woff2') format('woff2'), - url('MullerLight.woff') format('woff'), - url('MullerLight.ttf') format('truetype'); + font-family: "Muller"; + src: local("Muller Light"), local("Muller-Light"), + url("MullerLight.woff2") format("woff2"), + url("MullerLight.woff") format("woff"), + url("MullerLight.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { - font-family: 'CeraPro'; - src: url('CeraPro-Bold.woff2') format('woff2'), url('CeraPro-Bold.woff') format('woff'), - url('CeraPro-Bold.ttf') format('truetype'); + font-family: "CeraPro"; + src: url("CeraPro-Bold.woff2") format("woff2"), + url("CeraPro-Bold.woff") format("woff"), + url("CeraPro-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } - @font-face { - font-family: 'LabGrotesque'; - src: url('LabGrotesque-Regular.eot'); - src: local('LabGrotesque-Regular'), local('LabGrotesque-Regular'), - url('LabGrotesque-Regular.eot?#iefix') format('embedded-opentype'), - url('LabGrotesque-Regular.woff2') format('woff2'), url('LabGrotesque-Regular.woff') format('woff'), - url('LabGrotesque-Regular.ttf') format('truetype'); + font-family: "LabGrotesque"; + src: url("LabGrotesque-Regular.eot"); + src: local("LabGrotesque-Regular"), local("LabGrotesque-Regular"), + url("LabGrotesque-Regular.eot?#iefix") format("embedded-opentype"), + url("LabGrotesque-Regular.woff2") format("woff2"), + url("LabGrotesque-Regular.woff") format("woff"), + url("LabGrotesque-Regular.ttf") format("truetype"); font-weight: 400; } @font-face { - font-family: 'LabGrotesque'; - src: url('LabGrotesque-Medium.eot'); - src: local('LabGrotesque-Medium'), local('LabGrotesque-Medium'), - url('LabGrotesque-Medium.eot?#iefix') format('embedded-opentype'), - url('LabGrotesque-Medium.woff2') format('woff2'), url('LabGrotesque-Medium.woff') format('woff'), - url('LabGrotesque-Medium.ttf') format('truetype'); + font-family: "LabGrotesque"; + src: url("LabGrotesque-Medium.eot"); + src: local("LabGrotesque-Medium"), local("LabGrotesque-Medium"), + url("LabGrotesque-Medium.eot?#iefix") format("embedded-opentype"), + url("LabGrotesque-Medium.woff2") format("woff2"), + url("LabGrotesque-Medium.woff") format("woff"), + url("LabGrotesque-Medium.ttf") format("truetype"); font-weight: 500; } @font-face { - font-family: 'LabGrotesque'; - src: url('LabGrotesque-Bold.eot'); - src: local('LabGrotesque-Bold'), local('LabGrotesque-Bold'), - url('LabGrotesque-Bold.eot?#iefix') format('embedded-opentype'), - url('LabGrotesque-Bold.woff2') format('woff2'), url('LabGrotesque-Bold.woff') format('woff'), - url('LabGrotesque-Bold.ttf') format('truetype'); + font-family: "LabGrotesque"; + src: url("LabGrotesque-Bold.eot"); + src: local("LabGrotesque-Bold"), local("LabGrotesque-Bold"), + url("LabGrotesque-Bold.eot?#iefix") format("embedded-opentype"), + url("LabGrotesque-Bold.woff2") format("woff2"), + url("LabGrotesque-Bold.woff") format("woff"), + url("LabGrotesque-Bold.ttf") format("truetype"); font-weight: 700; } @font-face { - font-family: 'LabGrotesque'; - src: url('LabGrotesque-Light.eot'); - src: local('LabGrotesque-Light'), local('LabGrotesque-Light'), - url('LabGrotesque-Light.eot?#iefix') format('embedded-opentype'), - url('LabGrotesque-Light.woff2') format('woff2'), url('LabGrotesque-Light.woff') format('woff'), - url('LabGrotesque-Light.ttf') format('truetype'); + font-family: "LabGrotesque"; + src: url("LabGrotesque-Light.eot"); + src: local("LabGrotesque-Light"), local("LabGrotesque-Light"), + url("LabGrotesque-Light.eot?#iefix") format("embedded-opentype"), + url("LabGrotesque-Light.woff2") format("woff2"), + url("LabGrotesque-Light.woff") format("woff"), + url("LabGrotesque-Light.ttf") format("truetype"); font-weight: 300; } @font-face { - font-family: 'Geraspoheko'; - src: url('GeraspohekoRegular.eot'); - src: local('Geraspoheko'), local('GeraspohekoRegular'), - url('GeraspohekoRegular.eot?#iefix') format('embedded-opentype'), - url('GeraspohekoRegular.woff2') format('woff2'), - url('GeraspohekoRegular.woff') format('woff'), - url('GeraspohekoRegular.ttf') format('truetype'); + font-family: "Geraspoheko"; + src: url("GeraspohekoRegular.eot"); + src: local("Geraspoheko"), local("GeraspohekoRegular"), + url("GeraspohekoRegular.eot?#iefix") format("embedded-opentype"), + url("GeraspohekoRegular.woff2") format("woff2"), + url("GeraspohekoRegular.woff") format("woff"), + url("GeraspohekoRegular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } + +@font-face { + font-family: "Geraspoheko"; + src: url("GeraspohekoRegular.eot"); + src: local("Geraspoheko"), local("GeraspohekoRegular"), + url("GeraspohekoRegular.eot?#iefix") format("embedded-opentype"), + url("GeraspohekoRegular.woff2") format("woff2"), + url("GeraspohekoRegular.woff") format("woff"), + url("GeraspohekoRegular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Bebas Neue"; + src: url("BebasNeueThin.woff2") format("woff2"); + font-weight: 100; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Bebas Neue"; + src: url("BebasNeueLight.woff2") format("woff2"); + font-weight: 200; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Bebas Neue"; + src: url("BebasNeueBook.woff2") format("woff2"); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Bebas Neue"; + src: url("BebasNeueRegular.woff2") format("woff2"); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Bebas Neue"; + src: url("BebasNeueBold.woff2") format("woff2"); + font-weight: 700; + font-style: normal; + font-display: swap; +} diff --git a/src/assets/icons/tgFooter.svg b/src/assets/icons/tgFooter.svg index 2f482db1..88d96939 100644 --- a/src/assets/icons/tgFooter.svg +++ b/src/assets/icons/tgFooter.svg @@ -1,10 +1,3 @@ - - - - - - - - - + + diff --git a/src/assets/icons/vkLogo.svg b/src/assets/icons/vkLogo.svg index 2ccb8ab1..e7ee8482 100644 --- a/src/assets/icons/vkLogo.svg +++ b/src/assets/icons/vkLogo.svg @@ -1,11 +1,3 @@ - - - - - - - - - + diff --git a/src/components/Common/Footer/Footer.jsx b/src/components/Common/Footer/Footer.jsx index 5df51745..c344940d 100644 --- a/src/components/Common/Footer/Footer.jsx +++ b/src/components/Common/Footer/Footer.jsx @@ -1,10 +1,10 @@ import React from "react"; -import email from "assets/icons/emailLogo.svg"; +// import email from "assets/icons/emailLogo.svg"; import tg from "assets/icons/tgFooter.svg"; import vk from "assets/icons/vkLogo.svg"; -import logo from "assets/images/logo/ITguild.svg"; +// import logo from "assets/images/logo/ITguild.svg"; import "./footer.scss"; export const Footer = () => { @@ -12,7 +12,7 @@ export const Footer = () => {
-
+ {/*
logo

Подберем и документально оформим IT-специалистов, после чего @@ -20,10 +20,7 @@ export const Footer = () => { управление над сотрудниками, имея возможность контролировать и заменять IT штат.

-
- © {new Date().getFullYear()} - Все права защищены -
-
+
*/}
@@ -34,14 +31,16 @@ export const Footer = () => { tg
-

Присоединиться к команде

+ office@itguild.info
- email - office@itguild.info + {/* email */} + Присоединиться к команде
- Политика конфиденциальности +

+ © {new Date().getFullYear()} - Outstaffing. Все права защищены +

diff --git a/src/components/Common/Footer/footer.scss b/src/components/Common/Footer/footer.scss index 699e09b1..c092ea5f 100644 --- a/src/components/Common/Footer/footer.scss +++ b/src/components/Common/Footer/footer.scss @@ -1,14 +1,35 @@ footer { - border-top: 1px solid #ebebeb; padding: 35px 0 50px; + + @media (max-width: 772px) { + padding: 56px 0 35px; + background: #1e1e1e; + } } .footer { + p, + a { + max-width: 620px; + text-decoration: underline; + color: #838383; + font-family: GT Eesti Pro Display; + font-size: 12px; + font-weight: 400; + line-height: 13.92px; + letter-spacing: 0.01em; + + @media (max-width: 772px) { + margin-left: 0; + text-align: center; + } + } + &__top { display: flex; align-items: start; - @media (max-width: 620px) { + @media (max-width: 772px) { flex-direction: column; align-items: center; row-gap: 15px; @@ -17,29 +38,14 @@ footer { .logo { width: 83px; } - - p { - max-width: 620px; - margin-left: 33px; - font-weight: 400; - font-size: 12px; - line-height: 16px; - color: #5b6871; - - @media (max-width: 620px) { - margin-left: 0; - text-align: center; - } - } } &__bottom { display: flex; align-items: center; - margin-top: 22px; justify-content: space-between; - @media (max-width: 590px) { + @media (max-width: 772px) { flex-direction: column; } } @@ -47,9 +53,10 @@ footer { &__social { display: flex; align-items: center; + column-gap: 23px; - @media (max-width: 590px) { - flex-direction: column; + @media (max-width: 772px) { + margin: 0 0 60px 0; justify-content: center; } @@ -58,15 +65,10 @@ footer { column-gap: 10px; } - p { - cursor: pointer; - margin-left: 60px; - font-weight: 500; - font-size: 14px; - line-height: 33px; - - @media (max-width: 590px) { - margin-left: 0; + a { + @media (max-width: 772px) { + font-size: 16px; + line-height: 18.56px; } } } @@ -74,6 +76,22 @@ footer { &__info { display: flex; align-items: center; + column-gap: 104px; + + @media (max-width: 772px) { + display: flex; + flex-direction: column; + align-items: center; + row-gap: 76px; + } + + p { + @media (max-width: 772px) { + font-size: 14px; + line-height: 16.24px; + text-decoration: none; + } + } } &__mail { @@ -82,41 +100,11 @@ footer { column-gap: 5px; a { - font-weight: 400; - font-size: 14px; - line-height: 16px; - color: #5b6871; - } - } - - &__policy { - font-weight: 400; - font-size: 13px; - line-height: 16px; - color: #5b6871; - margin-left: 150px; - - @media (max-width: 720px) { - margin-left: 30px; - } - - &:hover { - color: #5b6871; - text-decoration: none; - } - } - - &__copyright { - margin-left: auto; - font-size: 13px; - - @media (max-width: 910px) { - min-width: 142px; - margin-left: 15px; - } - - @media (max-width: 620px) { - margin-left: 0; + @media (max-width: 772px) { + color: #a7ca60; + font-size: 17px; + line-height: 19.72px; + } } } } diff --git a/src/pages/Landing/Landing.jsx b/src/pages/Landing/Landing.jsx index 16317bda..024644d2 100644 --- a/src/pages/Landing/Landing.jsx +++ b/src/pages/Landing/Landing.jsx @@ -20,8 +20,10 @@ export const Landing = () => { const toggleBar = () => { if (active) { setActive(false); + document.body.style.overflow = "auto"; } else { setActive(true); + document.body.style.overflow = "hidden"; } }; diff --git a/src/pages/Landing/landing.scss b/src/pages/Landing/landing.scss index d3c3810c..ee54d2b4 100644 --- a/src/pages/Landing/landing.scss +++ b/src/pages/Landing/landing.scss @@ -22,6 +22,7 @@ @media (max-width: 431px) { padding: 0 24px; + z-index: auto; } .head { @@ -126,6 +127,7 @@ @media (max-width: 431px) { margin: 0; + z-index: 9; } &__logo { @@ -180,7 +182,7 @@ visibility: hidden; transition: 0.2s ease-in-out; opacity: 0; - z-index: 99; + z-index: 8; position: absolute; top: 0; left: 0; @@ -196,6 +198,10 @@ img { width: 160px; + + @media (max-width: 431px) { + width: 120px; + } } } @@ -203,8 +209,11 @@ margin-top: 28px; padding: 0; list-style: none; - font-size: 20px; - line-height: 33px; + font-size: 14px; + line-height: 20px; + display: flex; + flex-direction: column; + row-gap: 15px; a, a:hover, @@ -218,6 +227,10 @@ font-size: 14px; line-height: 22px; color: #000000; + + @media (max-width: 431px) { + font-size: 11px; + } } &__contacts { @@ -238,8 +251,9 @@ transition: 0.1s ease-in-out; opacity: 1; display: flex; - width: 24%; + width: calc(100vw / 2.5); left: 0; + overflow: hidden; } &__info { @@ -486,7 +500,19 @@ bottom: auto; } } + @media (max-width: 431px) { + &:hover { + p { + font-weight: 700; + color: rgba(74, 74, 74, 1); + max-width: 165px; + span { + color: rgba(167, 202, 96, 1); + } + } + } + } @media (min-width: 432px) { &:hover { padding: 16px 12px 14px 2px; diff --git a/src/pages/Stack/Stack.jsx b/src/pages/Stack/Stack.jsx index f66e725e..926159f3 100644 --- a/src/pages/Stack/Stack.jsx +++ b/src/pages/Stack/Stack.jsx @@ -1,7 +1,8 @@ -import React from "react"; +import React, { useState } from "react"; import SVG from "react-inlinesvg"; import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader"; +import { Footer } from "@components/Common/Footer/Footer"; import arrowReviewsLeft from "assets/icons/arrows/arrowReviewsLeft.png"; import arrowReviewsRight from "assets/icons/arrows/arrowReviewsRight.png"; @@ -99,6 +100,65 @@ export const Stack = () => { } ]; + const [error, setError] = useState({ + name: false, + companyName: false, + email: false, + phoneNumber: false, + requestDescription: false, + agreement: false + }); + + const [formData, setFormData] = useState({ + name: "", + companyName: "", + email: "", + phoneNumber: "", + requestDescription: "", + file: null, + agreement: false + }); + + const handleChange = (e) => { + const { name, value, type, checked } = e.target; + setFormData((prevState) => ({ + ...prevState, + [name]: type === "checkbox" ? checked : value + })); + }; + + const handleSubmit = (e) => { + e.preventDefault(); + + const newError = { + name: !formData.name.trim(), + companyName: !formData.companyName.trim(), + email: !formData.email.trim(), + phoneNumber: !formData.phoneNumber.trim(), + requestDescription: !formData.requestDescription.trim(), + agreement: !formData.agreement + }; + + setError(newError); + const isValid = !Object.values(newError).some((err) => err); + if (isValid) { + // Данные формы валидны, можно отправлять форму + console.log("Форма отправлена", formData); + setFormData({ + name: "", + companyName: "", + email: "", + phoneNumber: "", + requestDescription: "", + file: null, + agreement: false + }); + } else { + // Данные формы невалидны, показываем ошибки + console.log("Форма содержит ошибки"); + } + }; + return (
@@ -335,8 +395,142 @@ export const Stack = () => { />
+
-
+ + +
+ + +
+
+ clue +

ПОИСК

+
+

+ Заполните, пожалуйста, форму и наш
менеджер обязательно + с вами свяжется +

+

Нужен специалист?

+ Посмотрите и другие продукты ITGUILD +
+ + +
+
+
+
+ + Окунитесь в экосистему ITGUIL + +
+

+ Пожалуйста, заполните форму и наш менеджер обязательно с вами + свяжется +

+
+
+ + {error.name && ( + + Поле обязательно для заполнения + + )} +
+
+ + {error.companyName && ( + + Поле обязательно для заполнения + + )} +
+
+ + {error.email && ( + + Поле обязательно для заполнения + + )} +
+
+ + {error.phoneNumber && ( + + Поле обязательно для заполнения + + )} +
+
+
+