랜딩 페이지: D3RO 브랜드 프로모션 사이트 + GitHub Pages 배포

- Vite + React 19 + Tailwind CSS
- 4가지 디자인 레퍼런스 통합 (CRT 스크린, 크로스헤어, 노이즈, 인스트루먼트)
- 섹션 9개: Hero, Features, HowItWorks, Privacy, Pricing, FAQ, CTA, Header, Footer
- 재사용 컴포넌트 8개 (Badge, Container, InstrumentCard, GlowButton 등)
- i18n 10개 국어 (en/ko/ja/zh/es/fr/de/pt/ru/vi)
- GitHub Pages 자동 배포 워크플로우

site/src/sections/CTA.tsx

@@ -0,0 +1,40 @@
+import { Container } from '../components/Container'
+import { Crosshair } from '../components/Crosshair'
+import { WaveBars } from '../components/WaveBars'
+import { GlowButton } from '../components/GlowButton'
+import { useI18n } from '../i18n'
+
+export function CTA() {
+  const { t } = useI18n()
+
+  return (
+    <section className="relative py-24 md:py-32">
+      {/* Background glow */}
+      <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[500px] h-[400px] bg-brand-amber/[0.03] rounded-full blur-[120px] pointer-events-none" />
+
+      <Container className="relative text-center">
+        <Crosshair className="inline-block mb-8">
+          <WaveBars className="h-8 px-2" />
+        </Crosshair>
+
+        <h2 className="font-display text-display font-bold text-neutral-50 mb-6 max-w-3xl mx-auto">
+          {t.cta.title1} <span className="text-brand-amber">{t.cta.title2}</span>
+        </h2>
+
+        <p className="text-base md:text-lg text-neutral-400 max-w-xl mx-auto mb-10 leading-relaxed">
+          {t.cta.subtitle1}
+          <br />
+          {t.cta.subtitle2}
+        </p>
+
+        <GlowButton href="https://github.com/user/D3ROVoice/releases" variant="primary" size="lg">
+          {t.cta.downloadBtn}
+        </GlowButton>
+
+        <p className="font-mono text-nano text-neutral-600 mt-8 uppercase tracking-widest">
+          {t.cta.systemReq}
+        </p>
+      </Container>
+    </section>
+  )
+}