responsive bug fixing2

components/google.map.tsx

@@ -71,7 +71,7 @@ export default function GoogleMap({
         src={`https://maps.googleapis.com/maps/api/js?key=${process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY}&callback=initMap`}
         strategy="afterInteractive"
       />
-      <div ref={mapRef} style={{ width: "100%", height: "500px", overflow: "hidden" }} />
+      <div ref={mapRef} style={{ width: "100%", height: "600px", overflow: "hidden" }} />
     </>
   );
 }

components/nav_foot/footer.tsx

@@ -14,9 +14,9 @@ import { FaLocationDot } from "react-icons/fa6";
 
 export default function Footer() {
   return (
-    <div dir="ltr" className="bg-primary">
+    <div dir="ltr" className="bg-primary relative">
-      <div className="max-w-[1200px] flex items-start w-full mx-auto pt-10 px-5">
+      <div className="max-w-[1200px] flex items-start justify-between w-full mx-auto pt-10 px-5">
-        <div className="flex flex-wrap items-start justify-between gap-5 max-sm:gap-10">
+        <div className="flex flex-wrap items-start justify-between lg:gap-15 gap-10">
           <div>
             {/* logo */}
             <div className="flex items-center gap-4">
@@ -109,7 +109,7 @@ export default function Footer() {
             </div>
           </div>
         </div>
-        <div className="group flex flex-col items-end justify-end pt-15">
+        <div className=" max-sm:absolute z-10 bottom-30 right-5  group flex flex-col items-end justify-end pt-15">
             <div className="group relative">
               <div
                 className="

components/nav_foot/header.tsx

@@ -2,26 +2,32 @@ import { FaLocationDot } from "react-icons/fa6";
 
 export default function Header() {
   return (
-    <div className="bg-primary  py-3 flex items-center justify-around">
+    <div
-      {/*  */}
+      dir="ltr"
-      <div className="max-w-[1500px] w-full mx-auto flex items-center justify-between ">
+      className="bg-primary  py-3 flex items-center sm:justify-around justify-center px-4"
-        {/*  */}
+    >
-        <div>
+      <div className="max-w-[1500px] w-full mx-auto flex items-center sm:justify-between justify-center gap-4 flex-wrap ">
-          <a href="tel:+998332520000" className="hover:cursor-pointer text-white flex flex-wrap justify-center items-center max-w-[250px] w-full ">
+
-            00 00 232 33 998+
+        <div className="flex justify-center items-center text-white max-w-[250px] w-full ">
-            <span className="text-[#f2a01c] text-[20px]">
-              <FaLocationDot />
-            </span>
-          </a>
-        </div>
-        {/*  */}
-        <div className="flex flex-wrap justify-center items-center text-white max-w-[250px] w-full ">
           Uzbekistan , Tashkent
           <span className="text-[#f2a01c] text-[20px]">
             <FaLocationDot />
           </span>
         </div>
-        {/*  */}
+
+        <div>
+          <a
+            href="tel:+998332520000"
+            className="hover:cursor-pointer text-white flex flex-wrap justify-center items-center max-w-[250px] w-full "
+          >
+
+            +998 33 232 00 00
+            {/* <span className="text-[#f2a01c] text-[20px]">
+              <FaLocationDot />
+            </span> */}
+          </a>
+        </div>
+
       </div>
     </div>
   );

components/pageParts/map.tsx

@@ -7,14 +7,14 @@ import GoogleMap from "../google.map";
 
 export default function Map() {
   return (
-    <div dir="ltr" className="relative">
+    <div dir="ltr" className="relative flex items-start justify-center">
       {/* 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="absolute flex flex-col gap-3 sm:top-20 top-5 sm: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>

components/pageParts/partners.tsx

@@ -47,7 +47,7 @@ export default function Partners() {
           className="mySwiper flex items-center justify-around"
         >
           {images.map((item, index) => (
-                  <SwiperSlide key={index} className="!w-[200px] mx-10 " >
+            <SwiperSlide key={index} className="!w-[200px] mx-10 ">
               <Image
                 src={item}
                 alt="Partner images"