# Routes Configuration

File cấu hình tập trung cho tất cả các routes trong ứng dụng.

## Sử dụng

### Import routes

```typescript
import { ROUTES } from '@/config/routes';
```

### Các routes có sẵn

```typescript
// Trang tĩnh
ROUTES.HOME              // "/"
ROUTES.ABOUT             // "/gioi-thieu"
ROUTES.PRICING           // "/bang-gia"
ROUTES.REFUND_POLICY     // "/chinh-sach-hoan-tien"
ROUTES.BLOG              // "/goc-kien-thuc"

// Routes động
ROUTES.BLOG_DETAIL(slug) // "/goc-kien-thuc/{slug}"

// Section IDs (cho smooth scrolling)
ROUTES.SECTIONS.HERO     // "#hero"
ROUTES.SECTIONS.ABOUT    // "#about"
ROUTES.SECTIONS.SERVICE  // "#service"
ROUTES.SECTIONS.VIDEO    // "#video"
ROUTES.SECTIONS.PRICING  // "#pricing"
ROUTES.SECTIONS.BLOG     // "#blog"
ROUTES.SECTIONS.CONTACT  // "#contact"
```

### Helper Functions

#### getFullUrl

Tạo URL đầy đủ với domain (hữu ích cho SEO metadata):

```typescript
import { getFullUrl, ROUTES } from '@/config/routes';

export const metadata = {
  openGraph: {
    url: getFullUrl(ROUTES.BLOG),
    // => "https://domain.com/goc-kien-thuc"
  }
};
```

#### isActiveRoute

Kiểm tra route hiện tại có active không:

```typescript
import { isActiveRoute, ROUTES } from '@/config/routes';

const pathname = usePathname();
const isActive = isActiveRoute(pathname, ROUTES.BLOG);
// => true nếu pathname là "/goc-kien-thuc" hoặc "/goc-kien-thuc/..."
```

## Ví dụ sử dụng

### Link Component

```typescript
import Link from 'next/link';
import { ROUTES } from '@/config/routes';

<Link href={ROUTES.BLOG}>Xem blog</Link>
<Link href={ROUTES.BLOG_DETAIL('bai-viet-1')}>Chi tiết</Link>
```

### Anchor Tag

```typescript
import { ROUTES } from '@/config/routes';

<a href={ROUTES.PRICING}>Xem bảng giá</a>
```

### Next.js Metadata

```typescript
import { ROUTES, getFullUrl } from '@/config/routes';

export const metadata = {
  openGraph: {
    url: getFullUrl(ROUTES.BLOG),
  }
};
```

## Lợi ích

1. **Tập trung quản lý**: Tất cả routes ở một nơi, dễ bảo trì
2. **Type-safe**: TypeScript đảm bảo không có lỗi typo
3. **Dễ refactor**: Thay đổi URL ở một chỗ, cập nhật toàn bộ ứng dụng
4. **Autocomplete**: IDE gợi ý routes khi gõ code
5. **Tránh hard-code**: Không còn các string "/goc-kien-thuc" rải rác khắp nơi
