diff --git a/components/ArchitectureComponents/Architecture.jsx b/components/ArchitectureComponents/Architecture.jsx
new file mode 100644
index 0000000..4e71a83
--- /dev/null
+++ b/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;
diff --git a/components/ArchitectureComponents/architecture.module.scss b/components/ArchitectureComponents/architecture.module.scss
new file mode 100644
index 0000000..b3822dd
--- /dev/null
+++ b/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;
+        }
+      }
+    }
+  }
+}
diff --git a/pages/index.js b/pages/index.js
index 25270da..388d285 100644
--- a/pages/index.js
+++ b/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 />
     </>
-  )
+  );
 }
diff --git a/public/Sweetmavkascript.woff b/public/Sweetmavkascript.woff
new file mode 100644
index 0000000..005188a
Binary files /dev/null and b/public/Sweetmavkascript.woff differ
diff --git a/public/Sweetmavkascript.woff2 b/public/Sweetmavkascript.woff2
new file mode 100644
index 0000000..a54c80e
Binary files /dev/null and b/public/Sweetmavkascript.woff2 differ
diff --git a/public/slide1.png b/public/slide1.png
new file mode 100644
index 0000000..087b568
Binary files /dev/null and b/public/slide1.png differ
diff --git a/public/slide2.png b/public/slide2.png
new file mode 100644
index 0000000..b6c6c01
Binary files /dev/null and b/public/slide2.png differ
diff --git a/styles/globals.css b/styles/globals.css
index 064d277..605f335 100644
--- a/styles/globals.css
+++ b/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;
+}