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`} src={`https://maps.googleapis.com/maps/api/js?key=${process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY}&callback=initMap`}
strategy="afterInteractive" 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() { export default function Footer() {
return ( 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> <div>
{/* logo */} {/* logo */}
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
@@ -109,7 +109,7 @@ export default function Footer() {
</div> </div>
</div> </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="group relative">
<div <div
className=" className="

36
components/nav_foot/header.tsx
View File

@@ -2,26 +2,32 @@ import { FaLocationDot } from "react-icons/fa6";
export default function Header() { export default function Header() {
return ( 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 Uzbekistan , Tashkent
<span className="text-[#f2a01c] text-[20px]"> <span className="text-[#f2a01c] text-[20px]">
<FaLocationDot /> <FaLocationDot />
</span> </span>
</div> </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>
</div> </div>
); );

4
components/pageParts/map.tsx
View File

@@ -7,14 +7,14 @@ import GoogleMap from "../google.map";
export default function Map() { export default function Map() {
return ( return (
<div dir="ltr" className="relative"> <div dir="ltr" className="relative flex items-start justify-center">
{/* map */} {/* map */}
<div className="w-full "> <div className="w-full ">
<GoogleMap /> <GoogleMap />
</div> </div>
{/* contact information */} {/* 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"> <div className="text-left flex w-full justify-start">
<Title text="contacts" /> <Title text="contacts" />
</div> </div>

50
components/pageParts/partners.tsx
View File

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