랜딩 페이지: 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 자동 배포 워크플로우
This commit is contained in:
parent
eb83682269
commit
5892125740
45 changed files with 6225 additions and 0 deletions
22
site/src/components/DataPoint.tsx
Normal file
22
site/src/components/DataPoint.tsx
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
interface DataPointProps {
|
||||
label: string
|
||||
value: string
|
||||
unit?: string
|
||||
className?: string
|
||||
}
|
||||
|
||||
export function DataPoint({ label, value, unit, className = '' }: DataPointProps) {
|
||||
return (
|
||||
<div className={`flex flex-col ${className}`}>
|
||||
<span className="font-mono text-nano uppercase tracking-widest text-neutral-500 mb-1">
|
||||
{label}
|
||||
</span>
|
||||
<span className="font-display text-2xl md:text-3xl font-bold text-neutral-100 tracking-tight">
|
||||
{value}
|
||||
{unit && (
|
||||
<span className="text-sm font-mono text-neutral-500 ml-1">{unit}</span>
|
||||
)}
|
||||
</span>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue