stuff done

components/shared/store/feature-card-front.tsx

@@ -1,14 +1,10 @@
-import {ProductResource} from '@prisma/client'
-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 {CategoryPageSqlSchema} from '@/lib/data/models/sqlSchemas'
-import {Button} from '@/ui/button'
 import {Card, CardContent, CardFooter} from '@/ui/card'
-import {CarouselItem} from '@/ui/carousel'
 
 export default function FeatureCardFront({
 	card
@@ -18,7 +14,7 @@ export default function FeatureCardFront({
 	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'>
+				<CardContent className='relative flex h-[76%] flex-col justify-between overflow-hidden pt-4'>
 					{/*<CarouselItem>*/}
 					<Image
 						className='transition duration-300 hover:scale-110'
@@ -39,12 +35,12 @@ export default function FeatureCardFront({
 					{/*</CarouselItem>*/}
 				</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-2'>
 				<div className=''>
-					<p className='ml-2 border-b border-b-brand-violet pl-2 pr-6 text-[16px]'>
+					<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-[16px] font-bold text-brand-violet'>
+					<p className='pl-2 text-[18px] font-bold text-brand-violet'>
 						{parseFloat(card.price as string).toFixed(2)}
 					</p>
 				</div>
@@ -55,17 +51,9 @@ export default function FeatureCardFront({
 						title: card.title,
 						price: parseFloat(card.price as string).toFixed(2)
 					}}
-					isIcon={true}
+					isIcon={false}
 				/>
 			</div>
 		</Card>
 	)
 }
-
-// id: number
-// quantity: number
-// title: string
-// price: string | any
-// image?: string | null
-// imageWidth?: number | null
-// imageHeight?: number | null