new car added and added some new features to header location icon and again added show case section
This commit is contained in:
@@ -24,12 +24,12 @@ export default function InnerProductcard({ data }: { data: innerCardTypes }) {
|
||||
boxShadow: "0px 0px 15px rgba(0,0,0,0.1)",
|
||||
}}
|
||||
whileTap={{ scale: 0.97 }}
|
||||
className="rounded-lg overflow-hidden bg-white transition-all"
|
||||
className="h-[420px] rounded-lg overflow-hidden bg-white transition-all"
|
||||
>
|
||||
<Link
|
||||
href={`/${route.lang}/${route.carType}/${data.name}`}
|
||||
onClick={() => setDetail(data)}
|
||||
className="flex flex-col items-center justify-between rounded-lg hover:cursor-pointer"
|
||||
className="h-full flex flex-col items-center justify-between rounded-lg hover:cursor-pointer"
|
||||
>
|
||||
{/* Rasm qismi */}
|
||||
<div className="rounded-t-lg bg-white">
|
||||
|
||||
@@ -17,34 +17,37 @@ export default function ProductCard({ data }: { data: ProductTypes }) {
|
||||
viewport={{ once: true, amount: 0.2 }}
|
||||
transition={{ duration: 0.3, ease: "easeOut" }}
|
||||
whileHover={{
|
||||
scale: 1.05,
|
||||
boxShadow: "0px 0px 15px rgba(0,0,0,0.1)",
|
||||
boxShadow: "0px 0px 15px rgba(0,0,0,0.8)",
|
||||
}}
|
||||
whileTap={{ scale: 0.98 }}
|
||||
className="rounded-xl border-2 border-primary h-[430px]"
|
||||
>
|
||||
<Link
|
||||
href={`/${lang}/${data.path}`}
|
||||
className="h-[400px] flex flex-col items-center justify-between rounded-lg bg-white transition-transform"
|
||||
className="h-full flex flex-col items-center justify-between rounded-lg bg-white transition-transform"
|
||||
>
|
||||
{/* Yuqori qism - rasm */}
|
||||
<div className="rounded-t-lg bg-white py-10 px-2 flex justify-center items-center">
|
||||
<Image
|
||||
src={data.image}
|
||||
alt={data.truck_name}
|
||||
width={200}
|
||||
width={260}
|
||||
height={200}
|
||||
className="object-contain max-h-[200px] h-full"
|
||||
className="object-contain max-h-[200px] h-full rounded-xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Pastki qism - matn */}
|
||||
<div className="bg-[#fafafa] w-full py-5 rounded-b-lg flex flex-col items-center justify-center space-y-1">
|
||||
<div className="font-medium text-gray-800 text-lg text-center">
|
||||
<div className="font-medium text-primary text-xl text-center">
|
||||
<Text txt={data.truck_name} />
|
||||
</div>
|
||||
<div className="text-secondary text-sm text-center">
|
||||
<div className="text-secondary text-md font-extrabold text-center">
|
||||
<Text txt={data.desc} />
|
||||
</div>
|
||||
<div className="text-center text-secondary bg-primary max-w-[200px] w-full rounded-xl text-lg py-2 hover:cursor-pointer">
|
||||
<Text txt="more" />
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
</motion.div>
|
||||
|
||||
Reference in New Issue
Block a user