From 2d9d479bbc4b79d3d98ee9c00d65345635f7d10d Mon Sep 17 00:00:00 2001
From: VividTruthKeeper <mr.aydogdy02@gmail.com>
Date: Fri, 19 Aug 2022 22:18:29 +0500
Subject: [PATCH] google map added

---
 src/components/global/Map.tsx | 18 ++++++++++++++++++
 src/pages/Contact.tsx         |  2 ++
 src/pages/Nav.jsx             | 36 -----------------------------------
 src/styles/_contact.scss      |  6 ++++++
 src/styles/_map.scss          |  5 +++++
 src/styles/style.scss         |  1 +
 6 files changed, 32 insertions(+), 36 deletions(-)
 create mode 100644 src/components/global/Map.tsx
 delete mode 100644 src/pages/Nav.jsx
 create mode 100644 src/styles/_map.scss

diff --git a/src/components/global/Map.tsx b/src/components/global/Map.tsx
new file mode 100644
index 0000000..768e56a
--- /dev/null
+++ b/src/components/global/Map.tsx
@@ -0,0 +1,18 @@
+const Map = () => {
+  return (
+    <section className="map">
+      <iframe
+        title="Map"
+        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d960.0379102526645!2d58.37554612924545!3d37.91802585671859!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3f6ffdca3f21a6e5%3A0x63cc9bd1c5a0b35f!2z0KjQsNGF0LzQsNGC0L3QsNGPINC4INGI0LDRiNC10YfQvdCw0Y8g0YjQutC-0LvQsA!5e1!3m2!1sen!2s!4v1660928532968!5m2!1sen!2s"
+        width="800"
+        height="600"
+        style={{ border: 0 }}
+        allowFullScreen={false}
+        loading="lazy"
+        referrerPolicy="no-referrer-when-downgrade"
+      ></iframe>
+    </section>
+  );
+};
+
+export default Map;
diff --git a/src/pages/Contact.tsx b/src/pages/Contact.tsx
index 808e8e3..ef8c26b 100644
--- a/src/pages/Contact.tsx
+++ b/src/pages/Contact.tsx
@@ -6,6 +6,7 @@ import bg from "../icons/green-bg.svg";
 
 // Components
 import ContactForm from "../components/contact/ContactForm";
+import Map from "../components/global/Map";
 
 const Contacts = () => {
   useEffect(() => {
@@ -19,6 +20,7 @@ const Contacts = () => {
       <div className="container">
         <div className="contact-inner">
           <ContactForm />
+          <Map />
         </div>
       </div>
     </main>
diff --git a/src/pages/Nav.jsx b/src/pages/Nav.jsx
deleted file mode 100644
index f17d036..0000000
--- a/src/pages/Nav.jsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useState } from "react";
-
-const Nav = () => {
-  const [sidebarParams, setSidebarParams] = useState({
-    sidebar_1: false,
-    sidebar_2: false,
-    // yene nace bar bolsa...
-  });
-
-  return (
-    <nav className="nav">
-      <div
-        className={sidebarParams.sidebar_1 ? "sidebar-1 active" : "sidebar-1"}
-      ></div>
-      <div
-        className={sidebarParams.sidebar_2 ? "sidebar-2 active" : "sidebar-2"}
-      ></div>
-      <button
-        className="sidebar-1-btn"
-        onClick={() => {
-          // State -yn ichinde bashga acharlara degman, ozune gereklerini update etmek
-          setSidebarParams({ ...sidebarParams, sidebar_1: !sidebar_1 });
-        }}
-      ></button>
-      <button
-        className="sidebar-2-btn"
-        onClick={() => {
-          // State -yn ichinde bashga acharlara degman, ozune gereklerini update etmek
-          setSidebarParams({ ...sidebarParams, sidebar_2: !sidebar_2 });
-        }}
-      ></button>
-    </nav>
-  );
-};
-
-export default Nav;
diff --git a/src/styles/_contact.scss b/src/styles/_contact.scss
index bb11db4..90cc68e 100644
--- a/src/styles/_contact.scss
+++ b/src/styles/_contact.scss
@@ -3,6 +3,9 @@
 }
 
 .contact-inner {
+  display: flex;
+  flex-direction: column;
+  gap: 8rem;
   padding: 8rem 0 16rem 0;
   position: relative;
 }
@@ -217,6 +220,9 @@
       font-size: 3.3rem;
     }
   }
+  .contact-inner {
+    gap: 4rem;
+  }
   .contact-form-right {
     padding: 3.2rem 1.5rem;
     gap: 3.2rem;
diff --git a/src/styles/_map.scss b/src/styles/_map.scss
new file mode 100644
index 0000000..a720c1f
--- /dev/null
+++ b/src/styles/_map.scss
@@ -0,0 +1,5 @@
+.map {
+  iframe {
+    width: 100%;
+  }
+}
diff --git a/src/styles/style.scss b/src/styles/style.scss
index 618dc2c..52f5324 100644
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -20,3 +20,4 @@
 @import "./burger";
 @import "./player-profile";
 @import "./loader";
+@import "./map";