stuff done

components/shared/store/feature-card.tsx

@@ -1,20 +1,15 @@
-import {Star, StarHalf} from 'lucide-react'
 import Image from 'next/image'
 
 import CardBuyButton from '@/components/shared/store/card-buy-button'
 import RateStars from '@/components/shared/store/stars'
 import {Link} from '@/i18n/routing'
-import {Button} from '@/ui/button'
 import {Card, CardContent, CardFooter} from '@/ui/card'
 
-//import {CarouselItem} from '@/ui/carousel'
-
 export default function FeatureCard({card}: {card: any}) {
 	return (
 		<Card className='relative aspect-card overflow-hidden border-[2px] border-brand-violet transition duration-300 hover:shadow-lg hover:shadow-brand-violet/50'>
 			<Link href={`/product/${card.productId}-${card.slug}`}>
-				<CardContent className='relative flex h-[81%] flex-col justify-between overflow-hidden pt-4'>
-					{/*<CarouselItem>*/}
+				<CardContent className='relative flex h-[76%] flex-col justify-between overflow-hidden pt-4'>
 					<Image
 						className='transition duration-300 hover:scale-110'
 						src={card.image}
@@ -33,12 +28,12 @@ export default function FeatureCard({card}: {card: any}) {
 					<RateStars />
 				</CardContent>
 			</Link>
-			<div className='bw-card-footer flex h-[19%] items-center justify-between border-t-[2px] border-brand-violet px-4'>
+			<div className='bw-card-footer flex h-[24%] items-center justify-between border-t-[2px] border-brand-violet px-1'>
 				<div className=''>
-					<p className='ml-2 border-b border-b-brand-violet pl-2 pr-6'>
+					<p className='font-heading ml-1 border-b border-b-brand-violet pb-0.5 pl-1 pr-3'>
 						{card.title}
 					</p>
-					<p className='pl-4 text-[18px] font-bold text-brand-violet'>
+					<p className='pl-2 text-[18px] font-bold text-brand-violet'>
 						{parseFloat(card.price).toFixed(2)}
 					</p>
 				</div>