google map added

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;

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>

src/pages/Nav.jsx

@@ -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;

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;

src/styles/_map.scss

@@ -0,0 +1,5 @@
+.map {
+  iframe {
+    width: 100%;
+  }
+}

src/styles/style.scss

@@ -20,3 +20,4 @@
 @import "./burger";
 @import "./player-profile";
 @import "./loader";
+@import "./map";