carType page over

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

View File

@@ -3,14 +3,17 @@
import { ProductTypes } from "@/types";
import Image from "next/image";
import Link from "next/link";
import Text from "../text";
import Text from "../lib_components/text";
import { useParams } from "next/navigation";
export default function ProductCard({data}:{data: ProductTypes}) {
const {lang} = useParams();
return (
<Link href={`/${lang}/${data.path}`} className="h-[400px] flex flex-col items-center justify-between rounded-sm hover:scale-105 hover:cursor-pointer hover:shadow-[0px_0px_5px_10px_#ebebeb]">
<div className="rounded-t-lg bg-white py-15 px-2" >
export default function ProductCard({ data }: { data: ProductTypes }) {
const { lang } = useParams();
return (
<Link
href={`/${lang}/${data.path}`}
className="h-[400px] flex flex-col items-center justify-between rounded-sm hover:scale-105 hover:cursor-pointer hover:shadow-[0px_0px_5px_10px_#ebebeb]"
>
<div className="rounded-t-lg bg-white py-15 px-2">
<Image
src={data.image}
alt={data.truck_name}
@@ -20,8 +23,12 @@ export default function ProductCard({data}:{data: ProductTypes}) {
/>
</div>
<div className="bg-[#fafafa] w-full py-5 rounded-b-lg flex flex-col items-center justify-center ">
<p><Text txt={data.truck_name}/></p>
<p className="text-secondary"><Text txt={data.desc}/></p>
<p>
<Text txt={data.truck_name} />
</p>
<p className="text-secondary">
<Text txt={data.desc} />
</p>
</div>
</Link>
);