add: ArchitectureBlock 50%

components/ArchitectureComponents/Architecture.jsx

@@ -0,0 +1,33 @@
+import s from "./architecture.module.scss";
+import React from "react";
+
+const Architecture = () => {
+    return (
+        <>
+            <div className={s.container}>
+                <div className={s.content}>
+                    <h1>Архитектура</h1>
+                    <div className={s.slider}>
+
+                    </div>
+                    <div className={s.info}>
+                        <span className={s.tag}> <a>Внешний облик жилого</a> комплекса <a>BROOKLYN</a> - исполнен в американском стиле</span>
+                        <br />
+                        <span className={s.under_tag}>
+                            <br />
+                            <a>Фасад:</a> “Вентилируемый фасад” <br />
+                            Корзины для кондиционерных блоков <br />
+                            Клинкерный кирпич из Германии <br />
+                            Широкоформатный керамогранит <br />
+                            Благородные натуральные камни <br />
+                            Много стекла и металла <br />
+                            Панорамные окна
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </>
+    );
+};
+
+export default Architecture;

components/ArchitectureComponents/architecture.module.scss

@@ -0,0 +1,50 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: 0px 100px 0px 100px;
+  .content {
+    display: flex;
+    flex-direction: column;
+    h1 {
+      font-family: "Sweet Mavka Script";
+      font-style: normal;
+      font-weight: 500;
+      font-size: 50px;
+      line-height: 73px;
+      text-align: center;
+      color: rgba(57, 56, 63, 0.8);
+      margin-bottom: 57px;
+    }
+    .slider {
+      display: flex;
+    }
+    .info {
+      .tag {
+        font-family: "Montserrat";
+        font-style: normal;
+        font-weight: 400;
+        font-size: 20px;
+        line-height: 24px;
+        text-align: center;
+        color: rgba(57, 56, 63, 0.8);
+        a {
+          font-weight: 800;
+        }
+      }
+      .under_tag {
+        font-family: "Montserrat";
+        font-style: normal;
+        font-weight: 400;
+        font-size: 20px;
+        line-height: 24px;
+        text-align: center;
+        color: rgba(57, 56, 63, 0.8);
+        a {
+          font-weight: 800;
+        }
+      }
+    }
+  }
+}

pages/index.js

@@ -1,7 +1,7 @@
-import Head from 'next/head'
-import Image from 'next/image'
-import styles from '@/styles/Home.module.css'
-
+import Head from "next/head";
+import Image from "next/image";
+import styles from "@/styles/Home.module.css";
+import Architecture from "@/components/ArchitectureComponents/Architecture";
 
 export default function Home() {
   return (
@@ -12,8 +12,7 @@ export default function Home() {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-
-
+      <Architecture />
     </>
-  )
+  );
 }

styles/globals.css

@@ -12,3 +12,11 @@ p{
   padding: 0;
 }
 
+@font-face {
+  font-family: "Sweet Mavka Script";
+  src: local("Sweet Mavka Script"),
+    url("../public/Sweetmavkascript.woff2") format("woff2"),
+    url("../public/Sweetmavkascript.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+}