From 20d2e20d37f07c2a4426330e004a01abc6261b58 Mon Sep 17 00:00:00 2001
From: keraemoe <weekera@gmail.com>
Date: Tue, 7 Feb 2023 21:00:02 +0600
Subject: [PATCH 1/2] add: LocationBlock

---
 components/LocationComponents/Location.jsx    | 26 +++++++++++++++++
 .../LocationComponents/location.module.scss   | 29 +++++++++++++++++++
 pages/index.js                                | 14 ++++-----
 3 files changed, 62 insertions(+), 7 deletions(-)
 create mode 100644 components/LocationComponents/Location.jsx
 create mode 100644 components/LocationComponents/location.module.scss

diff --git a/components/LocationComponents/Location.jsx b/components/LocationComponents/Location.jsx
new file mode 100644
index 0000000..7bca398
--- /dev/null
+++ b/components/LocationComponents/Location.jsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import s from './location.module.scss'
+
+const Location = () => {
+    const mapURL = "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2925.0102182985875!2d74.61234881571123!3d42.85151741191504!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x389eb6383aeb06c3%3A0x7f9125f0f4e0f063!2zNDQg0YPQuy4g0JzQtdC00LXRgNC-0LLQsCwg0JHQuNGI0LrQtdC6!5e0!3m2!1sru!2skg!4v1675778174193!5m2!1sru!2skg"
+    return (
+        <>
+            <div className={s.container}>
+                <div className={s.content}>
+                    <h1>Расположение</h1>
+                    <div className={s.map}>
+                        <iframe
+                            className={s.iframe}
+                            src={mapURL}
+                            allowfullscreen=""
+                            loading="lazy"
+                            referrerpolicy="no-referrer-when-downgrade">
+                        </iframe>
+                    </div>
+                </div>
+            </div>
+        </>
+    );
+};
+
+export default Location;
\ No newline at end of file
diff --git a/components/LocationComponents/location.module.scss b/components/LocationComponents/location.module.scss
new file mode 100644
index 0000000..937d8c2
--- /dev/null
+++ b/components/LocationComponents/location.module.scss
@@ -0,0 +1,29 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: 100px 100px 0px 100px;
+  .content {
+    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: 50px;
+    }
+    .map {
+      display: flex;
+      .iframe {
+        filter: drop-shadow(0px 0px 20px #c8b552);
+        border-radius: 20px;
+        width: 1184px;
+        height: 208px;
+        border: none;
+      }
+    }
+  }
+}
diff --git a/pages/index.js b/pages/index.js
index 25270da..6eb34b7 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 Location from "@/components/LocationComponents/Location";
 
 export default function Home() {
   return (
@@ -12,8 +12,8 @@ export default function Home() {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      
-      
+
+      <Location />
     </>
-  )
+  );
 }

From 5034ad46afe5c5927502521386d195bf6bb4c01e Mon Sep 17 00:00:00 2001
From: keraemoe <weekera@gmail.com>
Date: Tue, 7 Feb 2023 21:20:10 +0600
Subject: [PATCH 2/2] fix: bags

---
 components/LocationComponents/Location.jsx         |  1 +
 components/LocationComponents/location.module.scss | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/components/LocationComponents/Location.jsx b/components/LocationComponents/Location.jsx
index 7bca398..5ad0b20 100644
--- a/components/LocationComponents/Location.jsx
+++ b/components/LocationComponents/Location.jsx
@@ -17,6 +17,7 @@ const Location = () => {
                             referrerpolicy="no-referrer-when-downgrade">
                         </iframe>
                     </div>
+                    <h2>Улица Медерова 44 / Жукеева Пудовкина</h2>
                 </div>
             </div>
         </>
diff --git a/components/LocationComponents/location.module.scss b/components/LocationComponents/location.module.scss
index 937d8c2..ffbcff0 100644
--- a/components/LocationComponents/location.module.scss
+++ b/components/LocationComponents/location.module.scss
@@ -25,5 +25,16 @@
         border: none;
       }
     }
+    h2 {
+      margin-top: 20px;
+      margin-bottom: 48px;
+      font-family: "Montserrat";
+      font-style: normal;
+      font-weight: 700;
+      font-size: 20px;
+      line-height: 24px;
+      text-align: center;
+      color: rgba(57, 56, 63, 0.8);
+    }
   }
 }