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

maps

Browse Source
This commit is contained in:
Davron Chetin
2025-10-08 15:11:25 +05:00
parent 1b3b79c217
commit cdc6633091
11 changed files with 204 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/pageParts/faq.tsx
View File

@@ -1,7 +1,7 @@
import type { CollapseProps } from "antd";
import { Collapse } from "antd";
import Text from "../text";
import Title from "../tools/title";
import Title from "../title";
const FaqTexts: CollapseProps["items"] = [
{

42
components/pageParts/map.tsx Normal file
View File

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

2
components/pageParts/offer.tsx
View File

@@ -1,5 +1,5 @@
import Image from "next/image";
import Title from "../tools/title";
import Title from "../title";
import Text from "../text";
import { Ekskavator_offer } from "@/assets";

9
components/pageParts/partners.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import Title from "../tools/title";
import Title from "../title";
import React from "react";
// Import Swiper React components
@@ -37,12 +37,17 @@ export default function Partners() {
<div className="my-10">
<Swiper
autoplay={{
reverseDirection:true,
reverseDirection: true,
delay: 2500,
disableOnInteraction: false,
}}
modules={[Autoplay]}
slidesPerView={4}
breakpoints={{
320: { slidesPerView: 1 },
640: { slidesPerView: 2 },
1024: { slidesPerView: 4 },
}}
className="mySwiper flex items-center justify-center"
>
{images.map((item, index) => (

2
components/pageParts/products.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import React, { useState } from "react";
import Title from "../tools/title";
import Title from "../title";
import Text from "../text";
import { Asphalt, Ekskavator, Forklift, Kran, Truck } from "@/assets";
import Image from "next/image";

15
components/pageParts/texnika.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import Title from "../tools/title";
import Title from "../title";
import { Gehl, Hyundai, JCB, Lonking, Mitsubishi, XCMG } from "@/assets";
import Image, { StaticImageData } from "next/image";
@@ -28,30 +28,33 @@ const slideImage: StaticImageData[] = [
export default function Texnika() {
return (
<div className="flex flex-col items-center justify-center gap-20 mt-20 max-w-[1200px] w-full mx-auto">
<div className="my-20 max-w-[1100px] w-full mx-auto">
{/* title */}
<div className="mb-4">
<Title text="brand-h2" />
</div>
{/* slider */}
<div className="my-10">
<div className="my-20">
<Swiper
autoplay={{
reverseDirection: true,
delay: 2500,
disableOnInteraction: false,
}}
loop={true}
modules={[Autoplay]}
slidesPerView={4}
className="mySwiper flex items-center justify-center"
className="mySwiper flex items-center justify-around"
>
{slideImage.map((item, index) => (
<SwiperSlide key={index}>
<SwiperSlide key={index} className="!w-[200px] mx-10 " >
<Image
src={item}
alt="Partner images"
className="w-[200px] h-[200px] object-contain"
width={200}
height={200}
className="object-contain mx-auto max-w-[200px] h-auto"
/>
</SwiperSlide>
))}