// WeaveStudy — Camp (main page) // Three variations (A: 메가스터디 클래식 / B: 시원스쿨 좌우분할 / C: 다크 프리미엄) const { useState: useStateCamp } = React; // pick a featured subset for the home page function pickFeatured(all) { const ids = ["besty", "rily", "damine", "melanya"]; return ids.map(id => all.find(c => c.id === id)).filter(Boolean); } function pickLineup(all) { // 8 — PC chars + 2 most popular drim-ju const ids = ["besty", "rily", "damine", "melanya", "kiki", "nia", "gale", "karlach"]; return ids.map(id => all.find(c => c.id === id)).filter(Boolean); } function Camp({ navigate, variant = "A", parodyIntensity = "medium" }) { const { CHARACTERS, CAMPAIGNS, MEMOIRS, NEWS } = window.WS_DATA; const FEATURED = pickFeatured(CHARACTERS); const LINEUP = pickLineup(CHARACTERS); if (variant === "B") return ; if (variant === "C") return ; return ; } /* ════════════════════════════════════════════════════════════ VARIANT A — 메가스터디 클래식 풀밴드 히어로 + 1타 강사진 큰 카드 그리드 + 인기 캠페인 + 모험 회고 ════════════════════════════════════════════════════════════ */ function CampVariantA({ navigate, CHARACTERS, FEATURED, LINEUP, CAMPAIGNS, MEMOIRS, NEWS }) { const dDays = 7; // 다음 긴 휴식까지 return (
{/* ─ Hero band ─ */}
2026 정규 캠페인 WEAVESTUDY · 비전 인강 1위

긴 휴식 한 번이면,
캐릭터 한 명을
정복합니다.

1막부터 3막까지 위브 전 영역 무제한 수강.
주문 슬롯이 모자란 당신을 위한 단 하나의 커리큘럼.

지금 4명의 동료가
합류 대기 중
{/* D-day widget */}
NEXT LONG REST
다음 긴 휴식까지
D-{dDays} 일
위더스의 메모: 캠프 보급품이 충분합니다. 긴 휴식을 진행해 주십시오.
{/* 운영 알림 strip */}
NOTICE
{NEWS.slice(0, 3).map(n => (
{n.tag} {n.t} {n.date}
))}
전체 알림 →
{/* ─ Origin Lineup (1타 강사진) ─ */}
navigate({ name: "origins" })}> 전체 라인업 보기 } />
{FEATURED.map(ch => ( navigate({ name: "character", id: ch.id })} /> ))}
{/* ─ Popular Campaigns ─ */}
navigate({ name: "campaigns" })}> 전체 커리큘럼 } />
{/* Feature campaign — big */} navigate({ name: "campaign", id: CAMPAIGNS[0].id })} /> navigate({ name: "campaign", id: CAMPAIGNS[1].id })} /> navigate({ name: "campaign", id: CAMPAIGNS[2].id })} />
{/* ─ Adventure Log (신규 모험 일지) ─ */}
{/* ─ Memoirs (모험 회고) ─ */}
{MEMOIRS.map(m => { const author = CHARACTERS.find(c => c.id === m.authorId); return navigate({ name: "character", id: m.authorId })} />; })}
{/* ─ Lower CTA strip ─ */}
WEAVE PASS
비전 마법을 1등급으로
만들어 드립니다

모든 캐릭터 시트 · 모든 캠페인 · 모든 세션 기록을 위브 패스 한 장으로. 본 패스는 정신적 효력만 있으며 실제 결제는 진행되지 않습니다.

); } /* ════════════════════════════════════════════════════════════ VARIANT B — 시원스쿨 좌우 분할 + 미니멀 그리드 ════════════════════════════════════════════════════════════ */ function CampVariantB({ navigate, CHARACTERS, FEATURED, LINEUP, CAMPAIGNS, MEMOIRS, NEWS }) { const byId = (id) => CHARACTERS.find(c => c.id === id); const gale = byId("gale"); const besty = byId("besty"); const rily = byId("rily"); const damine = byId("damine"); return (
지금 4명의 모험가가 위브에 접속 중

당신의 캠프에
합류한 위저드,
단 한 명. 게일.

위브스터디는 졍의 드림주 라인업과 D&D 자캐들의 설정·관계성·세션 기록을 인강 사이트의 워딩으로 정리한 아카이브입니다.

{/* Right: stacked portrait cards */}
{gale && navigate({ name: "character", id: gale.id })} />} {damine && navigate({ name: "character", id: damine.id })} />} {rily && navigate({ name: "character", id: rily.id })} />} {besty && navigate({ name: "character", id: besty.id })} />}
{/* Origin lineup — minimal list */}
{LINEUP.map(ch => navigate({ name: "character", id: ch.id })} />)}
{/* Popular campaigns */}
{CAMPAIGNS.map(c => navigate({ name: "campaign", id: c.id })} />)}
{/* Memoirs */}
{MEMOIRS.map(m => { const author = CHARACTERS.find(c => c.id === m.authorId); return navigate({ name: "character", id: m.authorId })} />; })}
); } /* ════════════════════════════════════════════════════════════ VARIANT C — 다크 프리미엄 (캠프 야간 모드) ════════════════════════════════════════════════════════════ */ function CampVariantC({ navigate, CHARACTERS, FEATURED, LINEUP, CAMPAIGNS, MEMOIRS, NEWS }) { return (
{/* Dark hero band — 캠프파이어 야간 톤 */}
NIGHT AT CAMP 모닥불 옆 · 캠프 보급품 충분 · 위더스가 책장 옆에 있습니다

위브 전 영역,
무제한 수강.

긴 휴식 한 번이면 캐릭터 한 명을 정복합니다.
위브에 접속한 모든 모험가를 위한 프리미엄 비전 인강 — 위브스터디.

{/* Now playing card */}
NOW IN SESSION
본편 — 위브의 정점
2막 진행 중 · 라스트 라이트 · 베스티 + 게일
74% 진행 다음 세션 · D-7
{FEATURED.map(c => ( ))}
{/* glow lines */}
{/* Origin lineup — dark portrait grid */}
ORIGIN LINEUP
오리진 라인업 당신의 캠프에 합류한 모험가들
{LINEUP.map(c => navigate({ name: "character", id: c.id })} />)}
{/* Light section — campaigns & memoirs */}
navigate({ name: "campaigns" })}> 전체 커리큘럼 } />
{CAMPAIGNS.slice(0, 4).map(c => ( navigate({ name: "campaign", id: c.id })} /> ))}
{MEMOIRS.map(m => { const author = CHARACTERS.find(c => c.id === m.authorId); return navigate({ name: "character", id: m.authorId })} />; })}
); } /* ════════════════════════════════════════════════════════════ SUB-COMPONENTS (used by all variants) ════════════════════════════════════════════════════════════ */ function MiniStat({ label, value }) { return (
{label}
{value}
); } function BigStat({ label, value, sub }) { return (
{label}
{value} {sub}
); } // Big "오리진 라인업" card — variant A function OriginCard({ character, onClick }) { return ( ); } // Smaller variant for variant B function OriginListRow({ character, onClick }) { return ( ); } // Dark variant origin card function DarkOriginCard({ character, onClick }) { return ( ); } function StackedPortrait({ c, pos, hero, onClick }) { const [hover, setHover] = useStateCamp(false); return ( ); } function CampaignFeatureCard({ campaign, onClick }) { const { CHARACTERS } = window.WS_DATA; return ( ); } function CampaignSmallCard({ campaign, onClick }) { const { CHARACTERS } = window.WS_DATA; return ( ); } function AdventureLogCard({ title, tag, author, date, colorKey }) { return ( ); } function MemoirCard({ memoir, author, onClick }) { return ( ); } window.Camp = Camp;