// 술깨산 제품 소개 페이지 — 전용 컴포넌트
// window.Header, Hero, Button, Chip, Badge, SectionHead, PrincipleTriad,
// IngredientCard, PharmacistCard, Footer 는 Components.jsx 에서 로드됨
// ─────────────────────────────────────────────────────────────────
// 제품 팩샷 (SVG 일러스트 — 술깨산 스틱 파우치)
// ─────────────────────────────────────────────────────────────────
function ProductPack({ scale = 1 }) {
return (
);
}
// ─────────────────────────────────────────────────────────────────
// StepCard — 사용법 3단계
// ─────────────────────────────────────────────────────────────────
function StepCard({ step, title, desc, timing }) {
return (
{step}
{timing}
{title}
{desc}
);
}
// ─────────────────────────────────────────────────────────────────
// ComparisonRow — 기존 숙취해소제 vs 술깨산
// ─────────────────────────────────────────────────────────────────
function ComparisonTable({ rows }) {
return (
{/* Head */}
비교 항목
일반 숙취해소제
술깨산
{rows.map((r, i) => (
{r.label}
{r.plain}
✓
{r.sulgaesan}
))}
{points.map((p, i) => (
{p.time}
{p.label}
{p.desc}
))}
);
}
// ─────────────────────────────────────────────────────────────────
// FaqItem — 아코디언
// ─────────────────────────────────────────────────────────────────
function FaqItem({ q, a, defaultOpen = false }) {
const [open, setOpen] = React.useState(defaultOpen);
return (
{open && (
{a}
)}
);
}
Object.assign(window, {
ProductPack, StepCard, ComparisonTable, DayTimeline, FaqItem,
});