maps

components/pageParts/map.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import Title from "../title";
+import { FaPhoneAlt, FaTelegram } from "react-icons/fa";
+import { BiTargetLock } from "react-icons/bi";
+import GoogleMap from "../google.map";
+
+export default function Map() {
+  return (
+    <div dir="ltr" className="relative">
+      {/* map */}
+      <div className="w-full ">
+        <GoogleMap />
+      </div>
+
+      {/* contact information */}
+      <div className="absolute flex flex-col gap-3 top-20 right-20 z-50 bg-white rounded-[15px] p-5 px-10 max-w-[400px] w-full text-left ">
+        <div className="text-left flex w-full justify-start">
+          <Title text="contacts" />
+        </div>
+        <div className="flex items-center justify-start gap-2 text-gray-500 text-[20px] ">
+          <span className="text-secondary">
+            <FaPhoneAlt />
+          </span>
+          +998 33 252-00-00
+        </div>
+        <div className="flex items-center justify-start gap-2 text-gray-500 text-[20px] ">
+          <span className="text-secondary">
+            <FaTelegram />
+          </span>
+          spes-texnika
+        </div>
+        <div className="flex items-center justify-start gap-2 text-gray-500 text-[20px] ">
+          <span className="text-secondary">
+            <BiTargetLock />
+          </span>
+          Yakkasaroy , Toshkent
+        </div>
+      </div>
+    </div>
+  );
+}