# Service Card

Service/offering display card with large icon, service title, description text, and optional 'Learn More' link. Features hover lift effect, subtle border, and icon background circle. Great for displaying services, features, or benefits in a grid layout.

## Files

| Target | Type |
|--------|------|
| `$modules$/service-card/index.ts` | index |
| `$modules$/service-card/service-card.tsx` | component |

## Exports

**Components/Functions:** `ServiceCard`

```typescript
import { ServiceCard } from '@/modules/service-card';
```

## Usage

```
import { ServiceCard } from '@/modules/service-card';

<ServiceCard
  icon={<CodeIcon />}
  title="Web Development"
  description="Custom web applications..."
  link="/services/web"
/>

• Installed at: src/modules/service-card/
• Use in grid: grid grid-cols-1 md:grid-cols-3 gap-6
```
