@tomako/tools-runtime 0.1.0

package/src/features/tools/pitch-deck-generator/pitch-deck-library-data.ts

@@ -0,0 +1,476 @@
+export type PitchDeckLibraryLocaleCopy = {
+  round: string;
+  investor?: string;
+  sourceLabel: string;
+  takeaway: string;
+};
+
+export type PitchDeckLibraryEntry = {
+  /** stable slug, also used for cover/page asset paths */
+  slug: string;
+  company: string;
+  /** name at the time of the raise, when different */
+  formerName?: string;
+  year: string;
+  /** verified public amount; omit when not reliably documented */
+  amount?: string;
+  /** how the original deck became public — attribution matters for trust */
+  sourceUrl: string;
+  /** confirmed page count of the original deck; omit when unverified */
+  slideCount?: number;
+  /** local page image paths, filled when assets are collected */
+  pages: string[];
+  /** local downloadable file (pdf/zip), filled when assets are collected */
+  downloadUrl?: string;
+  locales: {
+    zh: PitchDeckLibraryLocaleCopy;
+    en: PitchDeckLibraryLocaleCopy;
+  };
+};
+
+export const PITCH_DECK_LIBRARY_COVER_BASE = "/tools/pitch-deck-library";
+
+const CB_INSIGHTS_ARCHIVE =
+  "https://www.cbinsights.com/research/billion-dollar-startup-pitch-decks/";
+
+function deckPages(slug: string, count: number): string[] {
+  return Array.from(
+    { length: count },
+    (_, index) =>
+      `${PITCH_DECK_LIBRARY_COVER_BASE}/${slug}/page-${String(index + 1).padStart(2, "0")}.jpg`,
+  );
+}
+
+function deckPdf(slug: string): string {
+  return `${PITCH_DECK_LIBRARY_COVER_BASE}/${slug}-pitch-deck.pdf`;
+}
+
+/**
+ * Only decks whose ORIGINAL files are verifiably public are listed:
+ * published by founders/investors themselves, archived by CB Insights,
+ * or disclosed through legal proceedings. Do not add recreations, and do
+ * not invent amounts/page counts that are not documented.
+ */
+export const pitchDeckLibrary: PitchDeckLibraryEntry[] = [
+  {
+    slug: "copy-ai",
+    company: "Copy.ai",
+    year: "2021",
+    amount: "$11M",
+    sourceUrl: "https://www.failory.com/pitch-deck/copy-ai",
+    slideCount: 8,
+    pages: deckPages("copy-ai", 8),
+    downloadUrl: deckPdf("copy-ai"),
+    locales: {
+      zh: {
+        round: "A 轮",
+        investor: "Wing 领投，Sequoia、Tiger Global 参投",
+        sourceLabel: "Failory 收录的公开原件",
+        takeaway: "AI 时代的极简范本：全套只有 8 页，几乎全靠真实增长曲线说话——产品会说话时，deck 可以很薄。",
+      },
+      en: {
+        round: "Series A",
+        investor: "Led by Wing; Sequoia and Tiger Global participated",
+        sourceLabel: "Public original archived by Failory",
+        takeaway: "The AI-era minimal benchmark: just 8 slides, carried almost entirely by real growth curves — when the product speaks, the deck can be thin.",
+      },
+    },
+  },
+  {
+    slug: "front",
+    company: "Front",
+    year: "2018",
+    amount: "$66M",
+    sourceUrl: "https://collinmathilde.medium.com/front-series-b-deck-6dc686267a24",
+    slideCount: 24,
+    pages: deckPages("front", 24),
+    downloadUrl: deckPdf("front"),
+    locales: {
+      zh: {
+        round: "B 轮",
+        investor: "Sequoia Capital 领投",
+        sourceLabel: "创始人 Mathilde Collin 本人公开",
+        takeaway: "现代 SaaS deck 的设计标杆：品牌色贯穿、每页一句判断、指标图表克制而清晰。",
+      },
+      en: {
+        round: "Series B",
+        investor: "Led by Sequoia Capital",
+        sourceLabel: "Published by founder Mathilde Collin",
+        takeaway: "A design benchmark for modern SaaS decks: consistent brand color, one claim per page, restrained but clear metric charts.",
+      },
+    },
+  },
+  {
+    slug: "brex",
+    company: "Brex",
+    year: "2018",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    slideCount: 19,
+    pages: deckPages("brex", 19),
+    downloadUrl: deckPdf("brex"),
+    locales: {
+      zh: {
+        round: "C 轮",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "暗色高级感金融品牌视觉：用设计传达「可信」，19 页讲清一个重构企业信用卡的故事。",
+      },
+      en: {
+        round: "Series C",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "Dark, premium fintech visual language — design that signals trust, telling a corporate-card rebuild story in 19 slides.",
+      },
+    },
+  },
+  {
+    slug: "front-series-a",
+    company: "Front",
+    year: "2016",
+    amount: "$10M",
+    sourceUrl: "https://collinmathilde.medium.com/front-series-a-deck-f2e2775a419b",
+    slideCount: 21,
+    pages: deckPages("front-series-a", 21),
+    downloadUrl: deckPdf("front-series-a"),
+    locales: {
+      zh: {
+        round: "A 轮",
+        sourceLabel: "创始人 Mathilde Collin 本人公开",
+        takeaway: "同一家公司 A 轮 vs B 轮的对照样本：叙事随阶段从愿景转向指标增长。",
+      },
+      en: {
+        round: "Series A",
+        sourceLabel: "Published by founder Mathilde Collin",
+        takeaway: "A same-company A-vs-B comparison sample: the narrative shifts from vision to metrics as the stage matures.",
+      },
+    },
+  },
+  {
+    slug: "airbnb",
+    company: "Airbnb",
+    formerName: "AirBed&Breakfast",
+    year: "2008",
+    amount: "$600K",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    pages: [],
+    locales: {
+      zh: {
+        round: "种子轮",
+        investor: "Sequoia Capital 等",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "三句话定义问题：价格、体验、信任，被称为问题页的教科书。",
+      },
+      en: {
+        round: "Seed",
+        investor: "Sequoia Capital and others",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "Defines the problem in three lines — price, experience, trust. The textbook problem slide.",
+      },
+    },
+  },
+  {
+    slug: "uber",
+    company: "Uber",
+    formerName: "UberCab",
+    year: "2008",
+    sourceUrl: "https://medium.com/@gc/the-beginning-of-ubercab-27ec19c95353",
+    slideCount: 25,
+    pages: deckPages("uber", 25),
+    downloadUrl: deckPdf("uber"),
+    locales: {
+      zh: {
+        round: "首份 BP",
+        sourceLabel: "联合创始人 Garrett Camp 本人公开",
+        takeaway: "当年把出租车市场估成 $4.2B——好叙事不需要吹大 TAM。",
+      },
+      en: {
+        round: "First deck",
+        sourceLabel: "Shared by co-founder Garrett Camp",
+        takeaway: "Estimated the cab market at just $4.2B — a great story does not need an inflated TAM.",
+      },
+    },
+  },
+  {
+    slug: "linkedin",
+    company: "LinkedIn",
+    year: "2004",
+    amount: "$10M",
+    sourceUrl: "https://www.reidhoffman.org/linkedin-pitch-to-greylock/",
+    slideCount: 39,
+    pages: deckPages("linkedin", 39),
+    downloadUrl: deckPdf("linkedin"),
+    locales: {
+      zh: {
+        round: "B 轮",
+        investor: "Greylock Partners",
+        sourceLabel: "Reid Hoffman 官网逐页公开并附解读",
+        takeaway: "用「网络价值」回答为什么赢，每页都在回应投资人上一个疑问。",
+      },
+      en: {
+        round: "Series B",
+        investor: "Greylock Partners",
+        sourceLabel: "Published page-by-page by Reid Hoffman with commentary",
+        takeaway: "Answers 'why we win' with network value; every slide anticipates the investor's next question.",
+      },
+    },
+  },
+  {
+    slug: "youtube",
+    company: "YouTube",
+    year: "2005",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    slideCount: 10,
+    pages: deckPages("youtube", 10),
+    downloadUrl: deckPdf("youtube"),
+    locales: {
+      zh: {
+        round: "A 轮",
+        investor: "Sequoia Capital",
+        sourceLabel: "经法律程序披露，附红杉内部投资备忘录",
+        takeaway: "连同红杉的投资备忘录一起流出——能同时看到 BP 和投资人怎么想。",
+      },
+      en: {
+        round: "Series A",
+        investor: "Sequoia Capital",
+        sourceLabel: "Disclosed via legal proceedings, with Sequoia's investment memo",
+        takeaway: "Surfaced with Sequoia's own memo — see the deck and the investor's reasoning side by side.",
+      },
+    },
+  },
+  {
+    slug: "buffer",
+    company: "Buffer",
+    year: "2011",
+    amount: "$500K",
+    sourceUrl: "https://buffer.com/resources/500000-seed-round-pitch-deck/",
+    slideCount: 13,
+    pages: deckPages("buffer", 13),
+    downloadUrl: deckPdf("buffer"),
+    locales: {
+      zh: {
+        round: "种子轮",
+        sourceLabel: "创始团队主动公开",
+        takeaway: "最早主动公开自己 BP 的公司之一，用真实增长数据代替愿景形容词。",
+      },
+      en: {
+        round: "Seed",
+        sourceLabel: "Openly shared by the founding team",
+        takeaway: "One of the first startups to publish its own deck — real traction numbers instead of vision adjectives.",
+      },
+    },
+  },
+  {
+    slug: "coinbase",
+    company: "Coinbase",
+    year: "2012",
+    amount: "$600K",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    slideCount: 12,
+    pages: deckPages("coinbase", 12),
+    downloadUrl: deckPdf("coinbase"),
+    locales: {
+      zh: {
+        round: "种子轮",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "12 页讲清一个高风险行业：把「为什么信任我们」放在叙事核心。",
+      },
+      en: {
+        round: "Seed",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "Explains a high-risk industry in 12 slides, with 'why trust us' at the center of the story.",
+      },
+    },
+  },
+  {
+    slug: "dropbox",
+    company: "Dropbox",
+    year: "2007",
+    amount: "$1.2M",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    slideCount: 17,
+    pages: deckPages("dropbox", 17),
+    downloadUrl: deckPdf("dropbox"),
+    locales: {
+      zh: {
+        round: "种子轮",
+        investor: "Sequoia Capital",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "用一个 demo 场景讲产品，而不是功能列表。",
+      },
+      en: {
+        round: "Seed",
+        investor: "Sequoia Capital",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "Sells the product with one demo scenario instead of a feature list.",
+      },
+    },
+  },
+  {
+    slug: "intercom",
+    company: "Intercom",
+    year: "2011",
+    amount: "$600K",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    slideCount: 8,
+    pages: deckPages("intercom", 8),
+    downloadUrl: deckPdf("intercom"),
+    locales: {
+      zh: {
+        round: "种子轮",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "只有 8 页——页数不是价值，判断密度才是。",
+      },
+      en: {
+        round: "Seed",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "Just 8 slides — page count is not value, judgment density is.",
+      },
+    },
+  },
+  {
+    slug: "facebook",
+    company: "Facebook",
+    year: "2004",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    slideCount: 7,
+    pages: deckPages("facebook", 7),
+    downloadUrl: deckPdf("facebook"),
+    locales: {
+      zh: {
+        round: "早期 Media Kit",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "严格说是媒体资料册：用校园渗透率数据讲增长势能。",
+      },
+      en: {
+        round: "Early media kit",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "Technically a media kit — campus penetration data doing the growth story.",
+      },
+    },
+  },
+  {
+    slug: "tinder",
+    company: "Tinder",
+    formerName: "Match Box",
+    year: "2012",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    slideCount: 10,
+    pages: deckPages("tinder", 10),
+    downloadUrl: deckPdf("tinder"),
+    locales: {
+      zh: {
+        round: "早期 BP",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "用使用场景漫画代替市场分析——消费产品可以先让人「秒懂」。",
+      },
+      en: {
+        round: "Early deck",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "Usage-scenario storyboards instead of market analysis — consumer products can lead with instant understanding.",
+      },
+    },
+  },
+  {
+    slug: "wework",
+    company: "WeWork",
+    year: "2014",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    slideCount: 10,
+    pages: deckPages("wework", 10),
+    downloadUrl: deckPdf("wework"),
+    locales: {
+      zh: {
+        round: "早期 BP",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "把租赁生意讲成社区平台的经典样本——也是估值叙事风险的反面教材。",
+      },
+      en: {
+        round: "Early deck",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "A leasing business narrated as a community platform — also a cautionary tale on valuation narratives.",
+      },
+    },
+  },
+  {
+    slug: "wise",
+    company: "Wise",
+    formerName: "TransferWise",
+    year: "2011",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    slideCount: 9,
+    pages: deckPages("wise", 9),
+    downloadUrl: deckPdf("wise"),
+    locales: {
+      zh: {
+        round: "早期 BP",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "用「银行隐藏汇率费」一个洞察撑起整个叙事。",
+      },
+      en: {
+        round: "Early deck",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "One insight — hidden bank FX fees — carries the entire narrative.",
+      },
+    },
+  },
+  {
+    slug: "revolut",
+    company: "Revolut",
+    year: "2015",
+    amount: "£1.5M",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    slideCount: 11,
+    pages: deckPages("revolut", 11),
+    downloadUrl: deckPdf("revolut"),
+    locales: {
+      zh: {
+        round: "早期 BP",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "金融产品用「省了多少钱」做价值主张，而不是功能罗列。",
+      },
+      en: {
+        round: "Early deck",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "A fintech value prop framed as 'how much you save', not a feature list.",
+      },
+    },
+  },
+  {
+    slug: "monzo",
+    company: "Monzo",
+    year: "2017",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    slideCount: 16,
+    pages: deckPages("monzo", 16),
+    downloadUrl: deckPdf("monzo"),
+    locales: {
+      zh: {
+        round: "早期 BP",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "用等候名单和社区热度证明需求，先于收入数据。",
+      },
+      en: {
+        round: "Early deck",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "Waitlist and community heat as demand proof, ahead of revenue.",
+      },
+    },
+  },
+  {
+    slug: "canva",
+    company: "Canva",
+    year: "2012",
+    sourceUrl: CB_INSIGHTS_ARCHIVE,
+    pages: [],
+    locales: {
+      zh: {
+        round: "早期 BP（Fusion Books 时期）",
+        sourceLabel: "CB Insights 原件档案",
+        takeaway: "从校园年册工具推导设计民主化愿景——小切口讲大市场。",
+      },
+      en: {
+        round: "Early deck (Fusion Books era)",
+        sourceLabel: "CB Insights original archive",
+        takeaway: "From a school yearbook tool to democratizing design — small wedge, big market.",
+      },
+    },
+  },
+];

package/src/features/tools/pitch-deck-generator/pitch-deck-library.tsx

@@ -0,0 +1,159 @@
+"use client";
+
+import { Download, ExternalLink, FileText } from "lucide-react";
+import Image from "next/image";
+import { useState } from "react";
+
+import { Button } from "@tomako/ui/button";
+import {
+    Dialog,
+    DialogBody,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+} from "@tomako/ui/dialog";
+import {
+    PITCH_DECK_LIBRARY_COVER_BASE,
+    pitchDeckLibrary,
+    type PitchDeckLibraryEntry,
+} from "../../../features/tools/pitch-deck-generator/pitch-deck-library-data";
+import { useLocale, useTranslations } from "../../../i18n/client";
+import { isZhRouteLocale } from "../../../i18n/locale-fallback";
+import type { AppLocale } from "../../../i18n/locale";
+
+function deckTitle(entry: PitchDeckLibraryEntry, roundLabel: string): string {
+  return `${entry.company} ${roundLabel} Pitch Deck (${entry.year})`;
+}
+
+function DeckCover({ entry, alt }: { entry: PitchDeckLibraryEntry; alt: string }) {
+  return (
+    <div className="relative aspect-video w-full overflow-hidden bg-[#EEEAE0]">
+      <Image
+        src={`${PITCH_DECK_LIBRARY_COVER_BASE}/${entry.slug}-cover.webp`}
+        alt={alt}
+        fill
+        sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw"
+        className="object-cover"
+      />
+      <span className="absolute left-3 top-3 rounded-md bg-[#111111] px-2 py-1 text-[11px] font-semibold tracking-wide text-white">
+        BP
+      </span>
+    </div>
+  );
+}
+
+export function PitchDeckLibrary() {
+  const t = useTranslations("toolsPages.pitchDeckGenerator.library");
+  const locale = useLocale() as AppLocale;
+  const libraryLocale = isZhRouteLocale(locale) ? "zh" : "en";
+  const [active, setActive] = useState<PitchDeckLibraryEntry | null>(null);
+  const activeCopy = active?.locales[libraryLocale];
+
+  return (
+    <>
+      <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+        {pitchDeckLibrary.map((entry) => {
+          const copy = entry.locales[libraryLocale];
+          return (
+            <article
+              key={entry.slug}
+              className="group overflow-hidden rounded-[1.25rem] border border-[#D8D4CA] bg-white shadow-[0_12px_28px_rgba(17,17,17,0.05)] transition hover:border-[#999999]"
+            >
+              <button
+                type="button"
+                className="block w-full text-left"
+                onClick={() => setActive(entry)}
+                aria-label={t("openDeck", { company: entry.company })}
+              >
+                <DeckCover entry={entry} alt={deckTitle(entry, copy.round)} />
+                <div className="p-4">
+                  <h3 className="text-base font-semibold leading-tight text-[#111111]">
+                    {deckTitle(entry, copy.round)}
+                  </h3>
+                  <p className="mt-1 text-xs font-medium text-[#888888]">
+                    {[
+                      entry.formerName ? t("formerName", { name: entry.formerName }) : null,
+                      entry.amount,
+                      copy.investor,
+                    ]
+                      .filter(Boolean)
+                      .join(" · ")}
+                  </p>
+                  <p className="mt-2 line-clamp-3 text-sm leading-6 text-[#555555]">
+                    {copy.takeaway}
+                  </p>
+                  <p className="mt-3 text-[11px] text-[#999999]">{copy.sourceLabel}</p>
+                </div>
+              </button>
+            </article>
+          );
+        })}
+      </div>
+
+      <Dialog open={!!active} onOpenChange={(open) => !open && setActive(null)}>
+        {active && activeCopy ? (
+          <DialogContent size="xl">
+            <DialogHeader title={deckTitle(active, activeCopy.round)} />
+            <DialogBody className="max-h-[62vh] overflow-y-auto">
+              <p className="text-sm leading-6 text-[#555555]">{activeCopy.takeaway}</p>
+              {active.pages.length ? (
+                <div className="mt-4 grid gap-4">
+                  {active.pages.map((page, index) => (
+                    <div
+                      key={page}
+                      className="overflow-hidden rounded-[0.75rem] border border-[#E1DDD3] bg-[#EEEAE0]"
+                    >
+                      <Image
+                        src={page}
+                        alt={t("pageAlt", { company: active.company, page: index + 1 })}
+                        width={1440}
+                        height={1080}
+                        sizes="(min-width: 1024px) 960px, 100vw"
+                        className="h-auto w-full"
+                      />
+                    </div>
+                  ))}
+                </div>
+              ) : (
+                <div className="mt-4 grid gap-4">
+                  {Array.from({ length: 4 }, (_, index) => (
+                    <div
+                      key={index}
+                      className="flex aspect-video items-center justify-center rounded-[0.75rem] border border-dashed border-[#D8D4CA] bg-[#F7F6F2]"
+                    >
+                      <span className="flex items-center gap-2 text-xs font-medium text-[#999999]">
+                        <FileText className="size-4" aria-hidden />
+                        {t("pagesComingSoon")}
+                      </span>
+                    </div>
+                  ))}
+                </div>
+              )}
+              <p className="mt-4 text-xs leading-5 text-[#999999]">{t("attributionNote")}</p>
+            </DialogBody>
+            <DialogFooter>
+              <Button asChild type="button" variant="outline" className="min-h-9">
+                <a href={active.sourceUrl} target="_blank" rel="noopener noreferrer">
+                  <ExternalLink className="size-4" aria-hidden />
+                  {t("viewSource")}
+                </a>
+              </Button>
+              {active.downloadUrl ? (
+                <Button
+                  asChild
+                  type="button"
+                  className="min-h-9 bg-[#111111] text-white hover:bg-[#2A2A2A]"
+                >
+                  <a href={active.downloadUrl} download>
+                    <Download className="size-4" aria-hidden />
+                    {t("download")}
+                  </a>
+                </Button>
+              ) : null}
+            </DialogFooter>
+          </DialogContent>
+        ) : null}
+      </Dialog>
+    </>
+  );
+}

package/src/features/tools/pitch-deck-generator/widget/ceremony-line.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+import { Sparkles } from "lucide-react";
+import { useEffect, useState } from "react";
+
+import { CEREMONY_INTERVAL_MS } from "./constants";
+
+export function CeremonyLine({ messages, active }: { messages: readonly string[]; active: boolean }) {
+  const [index, setIndex] = useState(0);
+
+  useEffect(() => {
+    if (!active || messages.length <= 1) return;
+    const timer = window.setInterval(() => {
+      setIndex((current) => (current + 1) % messages.length);
+    }, CEREMONY_INTERVAL_MS);
+    return () => window.clearInterval(timer);
+  }, [active, messages.length]);
+
+  if (!active || !messages.length) return null;
+
+  return (
+    <p key={index} className="animate-fade-in-up mt-3 flex items-center gap-2 text-xs text-[#777777]">
+      <Sparkles className="size-3.5 shrink-0 text-[#8A5819]" aria-hidden />
+      <span>{messages[index]}</span>
+    </p>
+  );
+}

package/src/features/tools/pitch-deck-generator/widget/constants.ts

@@ -0,0 +1,27 @@
+import type { PitchDeckStylePreset } from "../../../../lib/tools/pitch-deck-generator-schema";
+
+import type { FormState } from "./types";
+
+export const POLL_INTERVAL_MS = 3000;
+export const GRACE_WINDOW_MS = 900_000;
+export const IMAGE_STATUS_POLL_MS = 5000;
+export const CEREMONY_INTERVAL_MS = 4200;
+export const SLIDE_ETA_SECONDS = 90;
+
+export const styleImages: Partial<Record<PitchDeckStylePreset, string>> = {
+  boldNarrative: "/tools/pitch-deck-generator-style-bold-narrative.webp",
+  metricGrid: "/tools/pitch-deck-generator-style-metric-grid.webp",
+  visionField: "/tools/pitch-deck-generator-style-vision-field.webp",
+};
+
+export const defaultForm: FormState = {
+  contextMode: "url",
+  productUrl: "",
+  productName: "",
+  productContext: "",
+  fundingStage: "notSure",
+  stylePreset: "none",
+  language: "zh",
+  brandNotes: "",
+  mustAvoid: "",
+};

package/src/features/tools/pitch-deck-generator/widget/index.ts

@@ -0,0 +1,7 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+export const PitchDeckGenerator = dynamic(() =>
+  import("./pitch-deck-generator").then((module) => module.PitchDeckGenerator),
+);