# Hero Grid

Hero section with decorative image grid on the right side. Features a bold headline, description text, and CTA button on the left with a floating grid of 7 product images on the right. Perfect for e-commerce landing pages.

## Files

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

## Exports

**Components/Functions:** `HeroGrid`

```typescript
import { HeroGrid } from '@/modules/hero-grid';
```

## Usage

```
import { HeroGrid } from '@/modules/hero-grid';

<HeroGrid
  images={[
    '/images/product-1.jpg',
    '/images/product-2.jpg',
    // ... 7 images total
  ]}
  ctaHref="/products"
/>
```

## Dependencies

This component requires:
- `button`
