# InsuRo AI 원스탑 포스팅 — CTA 버튼 가시성 수정

## 작업 레벨: Lv.1

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

## 문제
`/ai-onestop` 페이지 상단 파란색 그라데이션 배너(`gradient-bg`, `#0052FF→#4D7CFF`) 안에 "지금 바로 AI 콘텐츠 작성하기 →" 버튼이 있음.

현재 버튼 스타일: `bg-white text-primary` (흰 배경 + 파란 글자)
문제: 파란 배경 위에서 버튼이 시각적으로 묻혀 보이지 않음. 제이회장님 평가: "숨은 그림 찾기"

## 수정 사항

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

현재:
```tsx
<Button
  className="bg-white text-primary font-semibold gap-2 shrink-0 hover:bg-white/90"
  onClick={() => navigate("/generate")}
>
  지금 바로 AI 콘텐츠 작성하기
  <ArrowRight size={16} />
</Button>
```

변경:
```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")}
>
  지금 바로 AI 콘텐츠 작성하기
  <ArrowRight size={16} />
</Button>
```

핵심 변경:
1. `shadow-lg shadow-black/20` — 드롭 섀도우로 배경과 명확히 분리
2. `px-6 py-3 text-base` — 패딩/폰트 키워서 시각적 존재감 강화
3. `rounded-xl` — 둥근 모서리로 버튼 느낌 강조
4. `border-2 border-white/50` — 반투명 테두리로 윤곽 강조
5. `size="lg"` — 버튼 크기 증가
6. `text-[#0052FF]` — primary 변수 대신 직접 지정하여 확실한 대비

## affected_files
- `src/pages/AiOnestop.tsx` (수정 — CTA 버튼 스타일 변경)

## 검증 시나리오
1. `/ai-onestop` 접속 → 상단 파란 배너 내 "지금 바로 AI 콘텐츠 작성하기" 버튼이 즉시 눈에 띄는지 확인
2. 버튼 클릭 → `/generate`로 정상 이동
3. hover 시 시각적 피드백 있음
4. 모바일(sm 이하) 레이아웃 깨지지 않음 — 세로 배치 시에도 버튼 정상 표시
5. npm run build 성공