# Category Section

E-commerce category showcase grid with image cards. Each card has category image, name overlay, and hover zoom effect. Supports 4-6 categories in responsive grid (2 cols mobile, 3 cols tablet, 4+ cols desktop). Click navigates to filtered products page. Great for homepage category browsing.

## Files

| Target | Type |
|--------|------|
| `$modules$/category-section/index.ts` | index |
| `$modules$/category-section/category-section.tsx` | component |
| `$modules$/category-section/lang/en.json` | lang |
| `$modules$/category-section/lang/tr.json` | lang |
| `$modules$/category-section/lang/pt.json` | lang |

## Exports

**Types:** `CategoryItem`, `CategorySectionProps`

**Components/Functions:** `CategorySection`

```typescript
import { CategorySection, CategoryItem, CategorySectionProps } from '@/modules/category-section';
```

## Usage

```
import { CategorySection } from '@/modules/category-section';

<CategorySection />

• Installed at: src/modules/category-section/
• Customize content: src/modules/category-section/lang/*.json
• Categories link to: /products?category={slug}
```
