/* Variation E PC — B案ベース × A案水彩アース融合 (PC 1200px+) */ const VarE_PC = (() => { const D = window.LDM_DATA; const c = { bg: '#0f0a2e', bg2: '#1c1547', cream: '#fbf7ee', accent: '#ffd56b', sun: '#f5a847', pink: '#f48ec7', cyan: '#7fdcff', leaf: '#a8e063', btnGreen: '#3fb89a', btnGreenDeep: '#2d8a73', teal: '#5dbfb0', tealDeep: '#1f5b5a', indigo: '#3b3577', earthLeaf: '#88b56a', text: '#f5f0ff', ink: '#2a2238' }; const Star = ({top,left,size=2,op=0.8}) => (

); const Stars = ({n=20}) => { const seeds = [[8,12,3,0.9],[15,80,2,0.7],[25,40,2,0.8],[40,20,3,0.9],[55,75,2,0.6],[70,30,2,0.8],[85,60,3,0.9],[20,55,1,0.5],[60,15,2,0.7],[78,85,2,0.6],[5,45,2,0.7],[12,65,3,0.85],[30,90,2,0.6],[48,8,2,0.7],[62,50,3,0.9],[72,10,2,0.6],[88,30,2,0.7],[33,70,1,0.5],[92,75,2,0.6],[18,28,2,0.65]]; return <>{seeds.slice(0,n).map(([t,l,s,o],i)=>())}; }; // LightStars — ライトテーマセクション用(クリーム背景に微かな星と道) const LightStars = ({withPath=false}) => ( <> {[[12,8,3,0.16],[28,88,2.5,0.13],[20,45,2,0.11],[58,15,3,0.14],[72,72,2,0.12],[42,90,2,0.10],[88,30,2.5,0.14],[50,55,2,0.10],[78,8,2.5,0.12],[35,28,2,0.10],[15,60,2,0.11],[68,48,2.5,0.13]].map(([t,l,s,o],i)=>(

))}

✦

{withPath && ( )} ); // STICKY NAV const Nav = () => ( ); // HERO — 横長フルブリード const Hero = () => (

let's go ✦

✦ play ✦

A new journey begins.

新しい地球を、
仲間と遊ぶ。

LDM月額メンバーシップ

ライフ・デザイン・メソッド開発者・堀内恭隆と、地球という遊び場を旅するコミュニティ。

{['#堀内との距離','#ゲスト対談','#エネルギーワーク','#リアルの場'].map(t=>( {t} ))}

); // HERO STATS — FV直下のシンプル数字帯(PC) const HeroStats = () => (

{D.heroStats.map((s,i)=>(

{s.num}

{s.label}

))}

); // GUEST STRIP — ヒーロー直下の出演実績バナー(PC) const GuestStrip = () => (

past guests ✦

これまでに出演してくれた、各界のフロントランナーたち

詳しく見る →

{D.guests.map((g,i)=>{ const colors=[c.pink,c.cyan,c.leaf,c.accent,c.pink,c.cyan,c.leaf,c.accent,c.pink]; const col = colors[i]; return (

{g.name}

); })}

); // SCENE BANNER — 実際のオンラインセミナー風景(PC) const SceneBanner = () => (

live scene ✦

画面の向こうに、
たしかに「場」がある。

全国・海外から参加できる、オンライン中心のジャーニー。
ライブ参加でも、アーカイブ視聴でも、
あなたのペースで深く学べます。

{['オンライン中心','録画アーカイブあり','少人数制セッション'].map((tag,i)=>(

{tag}

))}

{/* ポラロイド風フレーム */}

{/* マスキングテープ */}

{/* Zoomラベルをマスク(左上) */}

LDM
SESSION

{/* 下部マスク */}

── オンラインセミナー風景より

); // ABOUT — 2カラム + 左カラムに小ポートレート・手書きラベル・水彩テクスチャ const About = () => (

{/* 背景に薄い水彩テクスチャ — FVのキーアートを連続させる */}

about us

コミュニティと、
はじまりの物語。

{/* 小ポートレート + 手書きラベル */}

since 2000 ✦

25年の歩みと、これから

{(D.community.bodyParts || []).map((part, i) => { if (part.type === 'p') return (

{part.text}

); if (part.type === 'quote') return (

{part.text}

); if (part.type === 'sep') return (

✦ ✦

); return null; })}

); // PROFILE — 2カラム const Profile = () => (

✦ guide

since 2000

your guide

{D.profile.name}

{D.profile.role}

{D.profile.bio}

✦ {a}

); // CONTENTS — 2x2 グリッド const Contents = () => (

what we offer

この場に
入ると？

あなたが使える、この場の4つのリソース。
それぞれが補い合いながら、あなたを次の地球の波へと連れていく。

{D.contents.map((co,i)=>{ const colors=[c.pink,c.cyan,c.earthLeaf,c.sun]; const col = colors[i]; return (

0{i+1}

{co.tag}

{co.title}

{co.freq}

{co.desc}

—— 詳細

); })}

); // EVENTS — PC版ポラロイド風 const Events = () => (

real gathering

{D.events.title}

{D.events.sub}

{D.events.photos.map((p,i)=>{ const colors=[c.pink,c.cyan,c.earthLeaf]; const rots=[-4, 3.5, -2.5]; return (

{p.caption}

{p.hand}

); })}

); // REAL PHOTOS — PC マソンリーグリッド(4列) const RealPhotos = () => (

real scene ✦

{D.realPhotos.title}

{D.realPhotos.sub}

{D.realPhotos.photos.map((p,i)=>{ // 大判を1, 5番目に配置 const big = (i===0 || i===5); const tall = (i===2 || i===6); const span = big ? {gridColumn:'span 2', gridRow:'span 2'} : tall ? {gridRow:'span 2'} : {}; return (

e.currentTarget.style.transform='scale(1.08)'} onMouseLeave={e=>e.currentTarget.style.transform='scale(1)'}/>

{p.caption}

); })}

); // SEMINARS — PC版 3×3 グリッド const Seminars = () => { const [openIdx, setOpenIdx] = React.useState(null); return (

past seminars

{D.seminars.title}

{D.seminars.sub}

{D.seminars.list.map((s,i)=>{ const tones = [ {bg: c.indigo, accent: c.teal}, {bg: c.tealDeep, accent: c.cyan}, {bg: c.bg2, accent: c.teal}, ]; const t = tones[i%3]; const isOpen = openIdx === i; const hasDetail = (s.core && s.core.length) || (s.quotes && s.quotes.length); return (

{s.img ? ( <>

) : ( <>

{s.sym}

)}

#{s.num}

{s.tag}

{s.title}

{hasDetail && ( )} {hasDetail && isOpen && (

{s.core && s.core.length > 0 && ( <>

核心

✦ {x}

)} {s.quotes && s.quotes.length > 0 && ( <>

印象的なフレーズ

{s.quotes.map((q, j) => (

“{q}”

))}

)}

); })}

これらすべてが、この場の中で展開されています。

); }; // EARTH BAND const EarthBand = () => (

welcome to

この地球で、新しいものを生み出す。

let's play together ✦

); // GUESTS — 写真ギャラリー const Guests = () => { const [openIdx, setOpenIdx] = React.useState(null); const palette = [c.pink, c.accent, c.cyan, c.leaf, c.pink, c.accent, c.cyan, c.leaf, c.pink]; return (

guest talks

濃密ゲスト対談

{/* リード文 */}

{D.guestTalks.lead}

{/* 3列グリッド */}

{D.guestTalks.cards.map((g, i) => { const col = palette[i]; const isOpen = openIdx === i; return (

{/* 写真ヘッダー */}

{g.month}

{/* 基本情報 */}

{g.name}

{g.caption}

“{g.tagline}”

{/* 開閉ボタン */} {/* 展開部分 */} {isOpen && (

{g.profile && ( <>

プロフィール

{g.profile}

)}

対談テーマ

{g.theme}

ハイライト

✦ {h}

)}

); })}

{/* +α 過去ゲスト一覧の余白 */}

{D.guestTalks.plus}

); }; // PROGRAMS — 本格講座セクション(PC) // PROGRAMS — 5つの本格連続講座(PC) const Programs = () => { const [openIdx, setOpenIdx] = React.useState(0); const totalSessions = D.programs.list.reduce((s,p)=>s + p.sessions, 0); const totalHours = D.programs.list.reduce((s,p)=>s + p.totalHours, 0); return (

{/* Header */}

{D.programs.en}

{D.programs.title}

{/* Big numbers headline */}

{totalSessions}

全講義回数

{totalHours}h

合計時間

{D.programs.leadHeadline}

{D.programs.leadBody}

{/* Program list - vertical stack of horizontal cards */}

{D.programs.list.map((p,i)=>{ const col = c[p.color]; const isOpen = openIdx === i; return (

{/* Left: hero image */}

{p.img &&

}

{/* Number badge */}

{i+1}

{/* LIVE badge */}

LIVE

{/* Right: details */}

{p.tagline}

{p.name}

{/* Volume badge */}

LIVE 全{p.sessions}回 × 各3時間 = {p.totalHours}h

{/* Intro */}

{p.intro}

{/* Toggle */}

{/* Curriculum accordion (full-width below) */} {isOpen && (

= 4 ? 'repeat(auto-fit, minmax(220px, 1fr))' : `repeat(${p.curriculum.length}, 1fr)`, gap:18}}> {p.curriculum.map((day,di)=>(

DAY {day.day}

{day.title}

{day.body}

))}

)}

); })}

{/* Closing - membership inclusion */}

これらすべてが、月額メンバーシップに含まれています。

{/* Closing note - free LINE */}

{D.programs.closingNote}

); }; // VOICE STORIES — ストーリー型の声(参加前→参加後・PC) const VoiceStories = () => (

their stories ✦

ここで起きた、参加前と、参加後。

どう変わったか、を当人の言葉で。
※プライバシー保護のため、属性表記のみ掲載しています。

{D.voiceStories.map((s,i)=>{ const col = i===0 ? c.cyan : c.accent; return (

{s.tag}

{s.headline}

BEFORE

{s.before}

↓

AFTER

{s.after}

— {s.meta}

); })}

); // VOICES — リアルな声(ポラロイド/付箋風 PC マソンリー風) const Voices = () => { const [open, setOpen] = React.useState(null); // 3カラムマソンリー(順序を分配) const cols = [[],[],[]]; D.voices.forEach((v,i)=>cols[i%3].push({...v, _i:i})); return (

real voices ✦

参加者のリアルな声

セミナー後・対談後に、メンバーがそれぞれの言葉で書いた
「アウトプット」を、そのまま掲載しています。

{cols.map((col, ci)=>(

{col.map((v)=>{ const i = v._i; const ccol = c[v.color]; const rot = (i % 4 === 0) ? ((i*7)%5 - 2) * 0.6 : 0; const isOpen = open === i; return (

{/* マスキングテープ */}

{v.tag}

{isOpen ? v.full : v.excerpt}

); })}

))}

); }; // COMMITMENT — この場で、何が起きているか(覚悟・本人の言葉) const Commitment = () => (

{/* セクションヘッダ */}

— {D.commitment.eyebrow} —

{D.commitment.title}

{/* 3ブロック */}

{D.commitment.blocks.map((b, i) => { const accents = [c.sun, c.pink, c.cyan]; const col = accents[i]; const reverse = i % 2 === 1; return (

{/* 装飾的なナンバー(背景) */}

0{i+1}

{/* 引用 */}

{reverse ? '”' : '“'}

{b.quote}

{/* 本文 */}

{b.body}

); })}

{/* 余韻のクロージング */}

{D.commitment.closing}

); // FIRST MONTH — PC 最初の1ヶ月の過ごし方 const FirstMonth = () => (

your first month ✦

{D.firstMonth.title}

{D.firstMonth.sub}

{D.firstMonth.items.map((it,i)=>{ const colors=[c.pink,c.cyan,c.earthLeaf,c.sun]; const col = colors[i]; return (

{it.hand}

{it.text}

); })}

{D.firstMonth.note}

); // REASSURANCE — PC 安心ポイント(3列グリッド) const Reassurance = () => (

be at ease ✦

{D.reassurance.title}

{D.reassurance.sub}

{D.reassurance.items.map((it,i)=>{ const colors=[c.pink,c.cyan,c.earthLeaf,c.sun,c.accent,c.pink]; const col = colors[i%6]; return (

✓

{it.hand}

{it.title}

{it.body}

); })}

); // PRICE const Price = () => (

membership

この場に、一緒に居ませんか

¥8,800 /月

払い続けられる、でも適当にはできない
そんなちょうどいい関係性で。

✦ コミュニティに参加する ✦

いつでも退会できます。追加料金もありません。

); // OPEN CHAT — 離脱者の受け皿(無料の入口・PC) const OpenChat = () => (

— still wondering? —

まだ迷っている方へ。

まずは無料のオープンチャットで、堀内の世界観に触れてみてください。
そのうえで「もう少し近い距離で」と思ったら、戻ってきてもらえれば。

オープンチャットを見てみる →

{D.openChat.label}・「{D.openChat.name}」

); const FAQ = () => (

faq

よくある質問

{D.faqs.map((f,i)=>(

Q.{f.q}

{f.a}

))}

); // 中間CTA — 「発見」と「確信」の間で、軽く呼びかける const MidCTA = () => (

— a quiet invitation —

ここまでの空気感、
少しでも「いいな」と感じたなら。

まずは、いま、この場の温度をそばで眺めてみてください。

✦ コミュニティに参加する ✦

詳しくは、もう少し読み進めてから。

); const Footer = () => ( ); // FOR WHOM — チェックリスト const ForWhom = () => { const items = D.forWhom.items; return (

{/* 水彩装飾 */}

{/* 手書き SVG スクリブル */} {/* 手書きコメント */}

maybe you ✦

welcome ♡

{/* 星 */} {Array.from({length:8}).map((_,k)=>{ const left = (k*13+7)%92, top = (k*23+11)%88; const size = 4 + (k%3); return

; })}

have you ever felt... ✦

{D.forWhom.title}

{D.forWhom.sub}

{items.map((t,i)=>{ const cols=[c.pink,c.cyan,c.earthLeaf,c.sun]; const col = cols[i%4]; return (

— {String(i+1).padStart(2,'0')} —

{t}

); })}

……もし、こうした感覚に覚えがあるなら。
この先のページが、たぶんあなたに向けて書かれています。

); }; // STATS — 数字で見るコミュニティ const Stats = () => { return (

by the numbers

数字で見るコミュニティ

{D.stats.map((s,i)=>{ const cols=[c.pink,c.cyan,c.earthLeaf,c.sun]; const col = cols[i%4]; return (

{s.num}

{s.label}

{s.sub}

); })}

); }; return () => (

); })(); window.VarE_PC = VarE_PC;

新しい地球を、 仲間と遊ぶ。

画面の向こうに、たしかに「場」がある。

コミュニティと、はじまりの物語。

{D.profile.name}

この場に入ると？

{co.title}

{D.events.title}

{D.realPhotos.title}

{D.seminars.title}

この地球で、新しいものを生み出す。

濃密ゲスト対談

{D.programs.title}

{p.name}

ここで起きた、参加前と、参加後。

{s.headline}

参加者のリアルな声

{D.commitment.title}

{D.firstMonth.title}

{D.reassurance.title}

この場に、一緒に居ませんか

まだ迷っている方へ。

よくある質問

ここまでの空気感、 少しでも「いいな」と感じたなら。

{D.forWhom.title}

数字で見るコミュニティ

新しい地球を、
仲間と遊ぶ。

画面の向こうに、
たしかに「場」がある。

コミュニティと、
はじまりの物語。

この場に
入ると？

ここまでの空気感、
少しでも「いいな」と感じたなら。