Vibe Coder Bootcamp Landing Page

Goal: Create a full-page vertical Japanese landing page mockup for {argument name="bootcamp name" default="Vibe Coder Bootcamp"}, presenting an AI coding / AI agent bootcamp with a premium, serious, slightly philosophical tone but clear practical benefits.

Canvas: Tall mobile-web landing page screenshot, approximately 9:16 aspect ratio, white page body with dark cinematic hero and dark mid-page photo bands. Use a polished startup/education landing page style, high fidelity, crisp typography, and clean spacing.

Visual style: Japanese premium business design combining orange accent typography, deep navy/black backgrounds, white content cards, thin gray dividers, purple highlights, simple line icons, and documentary-style portraits. Use serif-like Japanese headline typography mixed with modern sans-serif UI text. Make the layout dense but readable, like a real LP design comp.

Layout and sections: Include exactly 7 numbered sections labeled No.01 through No.07.

Hero section: At the top, dark cinematic banner. Left side contains a large orange English title “Vibe Coder Bootcamp,” Japanese subtitle “AIを完全に味方につける、1.5ヶ月。” and smaller Japanese copy “1回2.5時間×全5回＋Demo Day。アプリも資料も動画も、あらゆるアウトプットをAIで”. Add an orange rounded call-to-action button reading “資料請求・お問い合わせ”. Right side shows a realistic Japanese man in a black suit sitting thoughtfully in a dim office/library at night, with city lights, computer monitors, bookshelves, and warm desk lamp lighting.

No.01 section: White background with orange “No.01” and small label “課題”. Large Japanese headline: “AIは、もう十分に賢い。足りないのは、あなたの入力。” Supporting line: “入力の質＝出力の質。” On the right, show a two-card BEFORE / AFTER diagram: BEFORE card says “あいまいな入力” leading to “あいまいな出力” with a messy scribble icon; AFTER card says “構造化された入力” leading to “価値の高い出力” with a purple target icon. Put a small arrow between the two cards.

No.02 section: White background with orange “No.02” and label “解決＝コンテクストコントロール”. Main headline: “コンテクストコントロール。AIエージェント時代の、基礎力。” Add a large gradient phrase “まわせ Vibes Output Loop”. To the right, show exactly 3 circular loop steps connected by curved arrows: STEP1 “与える (GIVE)” with document/person icon and small explanation about giving necessary background, purpose, constraints, and card information; STEP2 “蓄積する (ACCUMULATE)” with chat bubble icon and explanation about accumulating work, ideas, and company-wide context through daily chat; STEP3 “循環させる (LOOP)” with orange loop arrows and explanation about repeatedly circulating context through tools, documents, videos, and apps.

No.03 section: White background with orange “No.03” and label “カリキュラム”. Headline: “SNSアプリ開発を“通じて”コンテクストコントロールを体得する。SNSを作るのが目的ではない。” Include exactly 6 horizontal curriculum cards with purple headers: WEEK01 “企画・要件定義”, WEEK02 “UI/UX・設計”, WEEK03 “実装・DB設計”, WEEK04 “認証・セキュリティ”, WEEK05 “デプロイ・運用”, DEMO DAY “成果発表・講評”. Under them, add exactly 4 feature cards with icons: “企画・UI/UX” with an orange wireframe icon, “動くアプリ (DB・デプロイ)” with purple database icon, “セキュリティ” with dark shield icon, and “API・エージェント基盤” with purple connected-nodes icon.

No.04 section: White background with orange “No.04” and label “卒業後にできること”. Show exactly 4 capability cards in a row with thumbnail illustrations: “アプリ・サービス” with app dashboard screenshot, “資料・ドキュメント” with chart/report pages, “画像・動画” with video/image editor thumbnail and play button, and “業務の自動化” with automation flowchart icon. Each card has a short Japanese explanatory line beneath the title.

No.05 section: Full-width dark cinematic band. Left side contains orange “No.05” and label “相棒すなわちAI”. Large white headline: “一人で、会社を回す。” Supporting copy: “AIエージェントに仕事をさせ続ける人になる。” Right side shows the same serious Japanese businessman at a desk with clasped hands, multiple transparent analytics/UI screens, charts, code, city-night office mood, warm lamp and globe details.

No.06 section: Dark gray portrait band. Left side contains orange “No.06” and label “講師”. Headline: “教えるのは、日本でただ一人。泉水亮介” with smaller Japanese credentials about liberal arts, entrepreneurship, university teaching, and Vibe Coding. Right side shows a realistic professional portrait of {argument name="instructor name" default="泉水亮介"}, Japanese male, black jacket, calm expression, concrete wall background. Add three small gold laurel badges on the far right with Japanese award-style claims.

No.07 section: Final CTA strip on white background. Left label orange “No.07” and “実績・CTA”. Include exactly 3 metric cards: “開発アプリ 120+”, “満足度 98%”, and “業務 9割をAIで”, each with a small icon. On the right, place a large orange rounded button with envelope icon reading “資料請求・お問い合わせ” and smaller text “お気軽にご相談ください”. Add a thin footer line with small Japanese text referencing Vibe Coder Bootcamp and AI agent-era skills.

Constraints: Keep all visible text in Japanese where specified, preserve the exact 7 numbered sections, 6 curriculum cards, 4 feature cards, 4 capability cards, 3 loop steps, and 3 final metrics. Do not add extra sections, watermarks, browser chrome, or unrelated logos. The final result should look like a single continuous landing page screenshot rather than separate slides.