# Product Card Hover

Product card with image swap on hover effect. Shows default image and reveals alternate image on mouse hover with smooth opacity transition. Displays product name, price, and optional color count.

## Files

| Target | Type |
|--------|------|
| `$modules$/product-card-hover/index.ts` | index |
| `$modules$/product-card-hover/product-card-hover.tsx` | component |
| `$modules$/product-card-hover/lang/en.json` | lang |
| `$modules$/product-card-hover/lang/tr.json` | lang |
| `$modules$/product-card-hover/lang/pt.json` | lang |

## Exports

**Components/Functions:** `ProductCardHover`

```typescript
import { ProductCardHover } from '@/modules/product-card-hover';
```

## Usage

```
import { ProductCardHover } from '@/modules/product-card-hover';

<ProductCardHover
  href="/products/1"
  image="/images/product-1.jpg"
  hoverImage="/images/product-1-alt.jpg"
  title="Limited Edition Sports Trainer"
  price={189.99}
  colorCount={6}
/>
```
