diff --git a/src/components/footer/contactsContainer.tsx b/src/components/footer/contactsContainer.tsx new file mode 100644 index 0000000..cf63cf9 --- /dev/null +++ b/src/components/footer/contactsContainer.tsx @@ -0,0 +1,13 @@ +import React from "react"; + +type TProps = { + title: string + href?: string + pairData: Array<{value1: string, value2: string}> +} + +export const ContactContainer:React.FC = React.memo((props) => { + return
+ +
+}) \ No newline at end of file diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css new file mode 100644 index 0000000..41961d9 --- /dev/null +++ b/src/components/footer/footer.css @@ -0,0 +1,8 @@ +.footer-container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + background-color: #1E1630; +} \ No newline at end of file diff --git a/src/components/footer/footer.tsx b/src/components/footer/footer.tsx new file mode 100644 index 0000000..672ac46 --- /dev/null +++ b/src/components/footer/footer.tsx @@ -0,0 +1,12 @@ +import React from "react"; +import './footer.css'; +import whiteLogo from './logoWhiteIcon.svg'; + +export const Footer:React.FC = React.memo(() => { + return
+
+ logo + +
+
+}) \ No newline at end of file diff --git a/src/components/footer/logoWhiteIcon.svg b/src/components/footer/logoWhiteIcon.svg new file mode 100644 index 0000000..903ee14 --- /dev/null +++ b/src/components/footer/logoWhiteIcon.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/components/mainPart/backgroundImage.svg b/src/components/mainPart/backgroundImage.svg new file mode 100644 index 0000000..90306e1 --- /dev/null +++ b/src/components/mainPart/backgroundImage.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/components/mainPart/logoWhiteIcon.svg b/src/components/mainPart/logoWhiteIcon.svg new file mode 100644 index 0000000..903ee14 --- /dev/null +++ b/src/components/mainPart/logoWhiteIcon.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/components/mainPart/mainPart.css b/src/components/mainPart/mainPart.css new file mode 100644 index 0000000..96d1eeb --- /dev/null +++ b/src/components/mainPart/mainPart.css @@ -0,0 +1,106 @@ +.main-part-container { + position: relative; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-content: space-between; + color: #FFFFFF; + padding: 50px 200px 16px 200px; + box-sizing: border-box; +} + +.background-image { + z-index: -1; + top: 0; + left: 0; + position: absolute; + width: 100%; + height: 100%; + background: url('backgroundImage.svg') 50% 50% no-repeat; + background-size: auto 100%; +} + +.main-part-header { + box-sizing: border-box; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; +} + +.main-part-header-logo { + width: 53px; + height: 85px; +} + +.main-part-header-lang { + font-weight: 400; + font-size: 18px; + line-height: 22px; + width: 90px; + display: flex; + justify-content: space-between; + gap: 8px; +} + +.main-part-header-lang { + display: flex; + justify-content: center; + align-items: center; + border-radius: 4px; +} + +.main-part-header-lang.ru { + background-color: #CE56C2; +} + +.main-part-text-container { + width: 800px; + display: flex; + flex-direction: column; + gap: 40px; +} + +.main-part-text-title { + font-weight: 700; + font-size: 56px; + line-height: 100%; + max-width: 570px; +} + +.main-part-text-descript { + font-weight: 400; + font-size: 18px; + line-height: 130%; + max-width: 450px; +} + +.main-part-text-button { + width: 320px; + height: 60px; + display: flex; + justify-content: center; + align-items: center; + font-weight: 700; + font-size: 17px; + line-height: 21px; + background: #CE56C2; + border-radius: 8px; + border: none; + color: #FFFFFF; +} + +.main-part-footer-container { + font-weight: 500; + font-size: 14px; + line-height: 130%; + color: #F2F2F2; + display: flex; + flex-direction: column; + position: relative; +} + +.main-part-footer-text::before { + content: '*'; +} \ No newline at end of file diff --git a/src/components/mainPart/mainPart.tsx b/src/components/mainPart/mainPart.tsx new file mode 100644 index 0000000..7d3f665 --- /dev/null +++ b/src/components/mainPart/mainPart.tsx @@ -0,0 +1,34 @@ +import React from "react"; +import './mainPart.css'; +import whiteLogo from './logoWhiteIcon.svg'; + +export const MainPart: React.FC = React.memo(() => { + return
+
+
+ logo +
+ EN + / + RU +
+
+
+ + Удаленная демонстрация жилого комплекса + + + Основанная на стриминге технология удаленной демонстрации позволяет познакомиться с жилым комплексом, не посещая офис продаж. + + +
+
+ + Данная технология находится на стадии разработки. Если подключиться к демонстрации не удалось, свяжитесь с нами. + + + +7 800 770 00 67 (Россия) / +971 50 983 8902 (ОАЭ) + +
+
+}) \ No newline at end of file