Davron/spestexnika
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive bug fixing2

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-11-04 16:34:55 +05:00
parent 0527b4bb20
commit 44ab51d914
5 changed files with 53 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/google.map.tsx
View File

@@ -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" }} />
</>
);
}

8
components/nav_foot/footer.tsx
View File

@@ -14,9 +14,9 @@ import { FaLocationDot } from "react-icons/fa6";
export default function Footer() {
return (
<div dir="ltr" className="bg-primary">
<div className="max-w-[1200px] flex items-start w-full mx-auto pt-10 px-5">
<div className="flex flex-wrap items-start justify-between gap-5 max-sm:gap-10">
<div dir="ltr" className="bg-primary relative">
<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 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="

36
components/nav_foot/header.tsx
View File

@@ -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 className="max-w-[1500px] w-full mx-auto flex items-center justify-between ">
{/* */}
<div>
<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+
<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 ">
<div
dir="ltr"
className="bg-primary py-3 flex items-center sm:justify-around justify-center px-4"
>
<div className="max-w-[1500px] w-full mx-auto flex items-center sm:justify-between justify-center gap-4 flex-wrap ">
<div className="flex 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>
);

4
components/pageParts/map.tsx
View File

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

50
components/pageParts/partners.tsx
View File

@@ -34,31 +34,31 @@ export default function Partners() {
</div>
{/* slider */}
<div className="my-20">
<Swiper
autoplay={{
reverseDirection: true,
delay: 2500,
disableOnInteraction: false,
}}
loop={true}
modules={[Autoplay]}
slidesPerView={4}
className="mySwiper flex items-center justify-around"
>
{images.map((item, index) => (
<SwiperSlide key={index} className="!w-[200px] mx-10 " >
<Image
src={item}
alt="Partner images"
width={200}
height={200}
className="object-contain mx-auto max-w-[200px] h-auto"
/>
</SwiperSlide>
))}
</Swiper>
</div>
<div className="my-20">
<Swiper
autoplay={{
reverseDirection: true,
delay: 2500,
disableOnInteraction: false,
}}
loop={true}
modules={[Autoplay]}
slidesPerView={4}
className="mySwiper flex items-center justify-around"
>
{images.map((item, index) => (
<SwiperSlide key={index} className="!w-[200px] mx-10 ">
<Image
src={item}
alt="Partner images"
width={200}
height={200}
className="object-contain mx-auto max-w-[200px] h-auto"
/>
</SwiperSlide>
))}
</Swiper>
</div>
</div>
);
}