랜딩 페이지: 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/components/SectionHeader.tsx

@@ -0,0 +1,27 @@
+interface SectionHeaderProps {
+  index: string
+  title: string
+  subtitle?: string
+  className?: string
+}
+
+export function SectionHeader({ index, title, subtitle, className = '' }: SectionHeaderProps) {
+  return (
+    <div className={`mb-12 md:mb-16 ${className}`}>
+      <div className="flex items-center gap-4 mb-4">
+        <span className="font-mono text-nano uppercase tracking-widest text-brand-amber">
+          {index}
+        </span>
+        <div className="h-px flex-1 bg-white/[0.06]" />
+      </div>
+      <h2 className="font-display text-display font-bold text-neutral-50 tracking-tight">
+        {title}
+      </h2>
+      {subtitle && (
+        <p className="mt-3 max-w-xl text-base text-neutral-400 leading-relaxed">
+          {subtitle}
+        </p>
+      )}
+    </div>
+  )
+}