Vibe Coder Bootcamp 着陆页

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.

目标：为 {argument name="bootcamp name" default="Vibe Coder Bootcamp"} 创建一个全页垂直的日本着陆页模型，展示一个 AI 编程 / AI Agent 训练营，风格高端、严谨、略带哲学感，同时具备清晰的实际收益。 画布：高大的移动端网页着陆页截图，比例约为 9:16，白色页面主体，搭配深色电影质感的首屏和页面中部照片带。采用精致的初创公司/教育类着陆页风格，高保真，排版清晰，间距整洁。 视觉风格：日本高端商务设计，结合橙色强调排版、深海军蓝/黑色背景、白色内容卡片、细灰色分割线、紫色高亮、简单的线条图标以及纪录片风格的人物肖像。使用类似衬线体的日文标题排版，混合现代无衬线 UI 文本。布局紧凑但易读，如同真实的 LP 设计稿。 布局与部分：包含 7 个编号部分，标记为 No.01 到 No.07。 首屏部分：顶部为深色电影质感横幅。左侧包含大号橙色英文标题“Vibe Coder Bootcamp”，日文副标题“AI を完全に味方につける、1.5 ヶ月。”以及较小的日文文案“1 回 2.5 時間×全 5 回＋Demo Day。アプリも資料も動画も、あらゆるアウトプットを AI で”。添加一个橙色圆角行动呼吁按钮，文字为“資料請求・お問い合わせ”。右侧展示一名身着黑色西装的日本男性，在昏暗的办公室/书房中沉思，背景有城市灯光、电脑显示器、书架和温暖的台灯照明。 No.01 部分：白色背景，带有橙色“No.01”和小型标签“課題”。大号日文标题：“AI は、もう十分に賢い。足りないのは、あなたの入力。”辅助行：“入力の質＝出力の質。”右侧展示一张 BEFORE / AFTER 对比图：BEFORE 卡片写着“あいまいな入力”，指向“あいまいな出力”，配有凌乱的涂鸦图标；AFTER 卡片写着“構造化された入力”，指向“価値の高い出力”，配有紫色目标图标。两张卡片之间放置一个小箭头。 No.02 部分：白色背景，带有橙色“No.02”和标签“解決＝コンテクストコントロール”。主标题：“コンテクストコントロール。AI エージェント時代の、基礎力。”添加一个大号渐变短语“まわせ Vibes Output Loop”。右侧展示 3 个由曲线箭头连接的循环步骤：STEP1“与える (GIVE)”，配有文档/人物图标，简要解释提供必要的背景、目的、约束和卡片信息；STEP2“蓄積する (ACCUMULATE)”，配有聊天气泡图标，解释通过日常聊天积累工作、想法和全公司范围的上下文；STEP3“循環させる (LOOP)”，配有橙色循环箭头，解释通过工具、文档、视频和应用反复循环上下文。 No.03 部分：白色背景，带有橙色“No.03”和标签“カリキュラム”。标题：“SNS アプリ開発を“通じて”コンテクストコントロールを体得する。SNS を作るのが目的ではない。”包含 6 张带有紫色标题的水平课程卡片：WEEK01“企画・要件定義”、WEEK02“UI/UX・設計”、WEEK03“実装・DB 設計”、WEEK04“認証・セキュリティ”、WEEK05“デプロイ・運用”、DEMO DAY“成果発表・講評”。下方添加 4 张带有图标的功能卡片：“企画・UI/UX”（橙色线框图标）、“動くアプリ (DB・デプロイ)”（紫色数据库图标）、“セキュリティ”（深色盾牌图标）以及“API・エージェント基盤”（紫色连接节点图标）。 No.04 部分：白色背景，带有橙色“No.04”和标签“卒業後にできること”。横向展示 4 张能力卡片，配有缩略图插画：“アプリ・サービス”（应用仪表盘截图）、“資料・ドキュメント”（图表/报告页面）、“画像・動画”（视频/图像编辑器缩略图及播放按钮）、“業務の自動化”（自动化流程图图标）。每张卡片标题下方有一行简短的日文解释。 No.05 部分：全宽深色电影质感横幅。左侧包含橙色“No.05”和标签“相棒すなわち AI”。大号白色标题：“一人で、会社を回す。”辅助文案：“AI エージェントに仕事をさせ続ける人になる。”右侧展示同一位严谨的日本商务人士在办公桌前双手交叉，背景有多个透明的分析/UI 屏幕、图表、代码、城市夜景办公室氛围、温暖的台灯和地球仪细节。 No.06 部分：深灰色人物肖像带。左侧包含橙色“No.06”和标签“講師”。标题：“教えるのは、日本でただ一人。泉水亮介”，下方附带关于文科、创业、大学教学和 Vibe Coding 的日文资历介绍。右侧展示 {argument name="instructor name" default="泉水亮介"} 的写实专业肖像，日本男性，黑色夹克，表情冷静，背景为混凝土墙。最右侧添加三个小型金色月桂徽章，带有日本奖项风格的声明。 No.07 部分：白色背景上的最终 CTA 条。左侧标签为橙色“No.07”和“実績・CTA”。包含 3 张指标卡片：“開発アプリ 120+”、“満足度 98%”、“業務 9 割を AI で”，每张配有小图标。右侧放置一个大号橙色圆角按钮，带有信封图标，文字为“資料請求・お問い合わせ”，下方有较小文字“お気軽にご相談ください”。添加一条细页脚线，包含引用 Vibe Coder Bootcamp 和 AI Agent 时代技能的小号日文文本。 约束：在指定位置保留所有可见的日文文本，保留 7 个编号部分、6 张课程卡片、4 张功能卡片、4 张能力卡片、3 个循环步骤和 3 个最终指标。不要添加额外的部分、水印、浏览器边框或不相关的 Logo。最终结果应看起来像一张连续的着陆页截图，而不是单独的 Slides。