# InsuRo AI 원스탑 포스팅 — CTA 버튼 밝은 바탕으로 변경

## 작업 레벨: Lv.1

## 프로젝트
- InsuRo: `/home/jay/projects/InsuRo`

## 문제
`/ai-onestop` 상단 파란 그라데이션 배너 안의 "지금 바로 AI 콘텐츠 작성하기 →" 버튼이 여전히 눈에 안 띔.
이전 수정(task-2323)에서 shadow/border 추가했으나 부족. 제이회장님: "아예 밝은 바탕으로 만들어야 할 듯"

## 수정 사항

### `src/pages/AiOnestop.tsx` 85~88번 줄

현재:
```tsx
<Button
  className="bg-white text-[#0052FF] font-semibold gap-2 shrink-0 hover:bg-white/90 shadow-lg shadow-black/20 px-6 py-3 text-base rounded-xl border-2 border-white/50"
  size="lg"
  onClick={() => navigate("/generate")}
>
```

변경:
```tsx
<Button
  className="bg-sky-100 text-[#0052FF] font-bold gap-2 shrink-0 hover:bg-sky-200 shadow-lg px-8 py-4 text-lg rounded-2xl transition-all"
  size="lg"
  onClick={() => navigate("/generate")}
>
```

핵심 변경:
1. `bg-sky-100` — **밝은 하늘색 배경** (진한 파란 배경 위에서 밝게 부각)
2. `text-[#0052FF]` — 파란 텍스트 유지 (브랜드 톤 일관)
3. `font-bold` — 굵은 폰트
4. `px-8 py-4 text-lg` — 넉넉한 패딩과 큰 폰트
5. `rounded-2xl` — 둥근 모서리
6. `hover:bg-sky-200` — 호버 시 약간 진해짐

## affected_files
- `src/pages/AiOnestop.tsx` (수정 — CTA 버튼 className)

## 검증 시나리오
1. `/ai-onestop` 접속 → 파란 배너 안에 **노란색 버튼**이 즉시 눈에 띄는지
2. 버튼 클릭 → `/generate` 정상 이동
3. 모바일 레이아웃 깨지지 않음
4. npm run build 성공