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

carType page over

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-11-07 20:00:27 +05:00
parent 2207df3b8c
commit 051d9053dc
28 changed files with 774 additions and 336 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
components/pageParts/newsSlider.tsx
View File

@@ -4,7 +4,7 @@ import { Swiper, SwiperSlide } from "swiper/react";
import { Navigation } from "swiper/modules";
import "swiper/css";
import "swiper/css/navigation";
import Title from "../title";
import Title from "../lib_components/title";
import SliderCard from "../cards/sliderCard";
import { sliderData } from "@/data";
@@ -14,27 +14,35 @@ const navigationNextEl = ".custom-swiper-next";
export default function CustomSlider() {
return (
<div dir="ltr" className="max-w-[1400px] w-full mx-auto relative my-20 px-4">
<div
dir="ltr"
className="max-w-[1400px] w-full mx-auto relative my-20 px-4"
>
{/* Title */}
<div className="my-10 mb-20 flex items-center justify-between ">
<div className="">
<Title text="news-h2" />
</div>
{/* Custom buttons */}
<div className="flex gap-2 items-center justify-center">
<button
className={`${navigationPrevEl.replace('.', '')} w-10 h-10 p-0 bg-primary text-[30px] text-center text-white flex items-center justify-center hover:bg-secondary hover:cursor-pointer transition`}
>
‹
</button>
<button
className={`${navigationNextEl.replace('.', '')} w-10 h-10 bg-primary text-[30px] text-center text-white flex items-center justify-center hover:bg-secondary hover:cursor-pointer transition `}
>
›
</button>
</div>
{/* Custom buttons */}
<div className="flex gap-2 items-center justify-center">
<button
className={`${navigationPrevEl.replace(
".",
""
)} w-10 h-10 p-0 bg-primary text-[30px] text-center text-white flex items-center justify-center hover:bg-secondary hover:cursor-pointer transition`}
>
‹
</button>
<button
className={`${navigationNextEl.replace(
".",
""
)} w-10 h-10 bg-primary text-[30px] text-center text-white flex items-center justify-center hover:bg-secondary hover:cursor-pointer transition `}
>
›
</button>
</div>
</div>
{/* Swiper */}
@@ -60,7 +68,6 @@ export default function CustomSlider() {
</SwiperSlide>
))}
</Swiper>
</div>
);
}