- 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 자동 배포 워크플로우
30 lines
787 B
TypeScript
30 lines
787 B
TypeScript
import { I18nProvider } from './i18n'
|
|
import { Header } from './sections/Header'
|
|
import { Hero } from './sections/Hero'
|
|
import { Features } from './sections/Features'
|
|
import { HowItWorks } from './sections/HowItWorks'
|
|
import { Privacy } from './sections/Privacy'
|
|
import { Pricing } from './sections/Pricing'
|
|
import { FAQ } from './sections/FAQ'
|
|
import { CTA } from './sections/CTA'
|
|
import { Footer } from './sections/Footer'
|
|
|
|
export function App() {
|
|
return (
|
|
<I18nProvider>
|
|
<div className="min-h-screen bg-surface-950">
|
|
<Header />
|
|
<main>
|
|
<Hero />
|
|
<Features />
|
|
<HowItWorks />
|
|
<Privacy />
|
|
<Pricing />
|
|
<FAQ />
|
|
<CTA />
|
|
</main>
|
|
<Footer />
|
|
</div>
|
|
</I18nProvider>
|
|
)
|
|
}
|