業種別 LP テンプレ パック ── 写真なしで公開できる LP 5 本と会社案内サイト（Next.js + 静的 HTML）

何ができるか

見本として公開している 1 ページの LP が 5 本と、4 ページの会社案内サイトが 1 式入っています。

BtoB・SaaS の LP ── 料金は月額と年額をボタンで切り替え。導入の流れ、FAQ、問い合わせフォームつき

店舗・サロンの LP ── 営業時間から「いまは開いています」を表示。お品書きと席の案内、予約フォームつき

建設・工事の LP ── 電話ボタンは本物の tel: リンク。料金の目安は平日と夜間・休日で切り替わり、対応エリアは図で表示

士業・研修の LP ── 顧問料はプランをボタンで切り替え。年間の目安は月々の額と年 1 回の額から計算

クリニック・医院の LP ── 曜日ごとの診療時間を表で表示。「いまは診療中です」と、時間帯を選べる Web 予約つき

会社案内サイト ── TOP・事業内容・会社概要・お問い合わせの 4 ページ。波の背景、数字のカウントアップ、ヘッダーの現在地

どのテンプレにも共通することが 5 つあります。

写真を 1 枚も使っていません。色と余白と書体、それに canvas の粒と SVG だけで作ってあります

文言と色は設定ファイルだけで差し替えられます

フォームの送信先を設定できます（Formspree／Google Apps Script のウェブアプリ／自前 API）

書き出し済みの静的 HTML 10 ページを同梱。Next.js を動かさなくても置けます

フォームに迷惑投稿よけの見えない欄つき（bot が埋めると送らずに成功表示だけ）

見本

https://suminawa.dev/demos/ の saas-lp ／ shop-lp ／ construction-lp ／ professional-lp ／ clinic-lp ／ corporate-site の 6 つ。※この 6 つがテンプレートそのものです。

置き方

使うテンプレの content を書き換える。文言・料金・営業時間・診療時間・フォームの送信先はここに集めてあります

npm run build で out/ に静的 HTML を書き出す（Next.js のまま Vercel に置くなら不要）

Vercel なら GitHub のリポジトリをつなぐだけ、静的サーバーなら out/ の中身をそのまま公開フォルダに上げます

色は styles/tokens.css の 1 ファイルで変えられます。

設定で変えられること

項目 内容

content/saas.ts ／ shop.ts 料金の切替・お品書き・営業時間

content/construction.ts 電話番号・時間帯で変わる料金・対応エリア

content/professional.ts 顧問料のプランと年間の目安

content/clinic.ts 曜日ごとの診療時間と Web 予約の時間帯

content/corporate.ts 会社案内 4 ページ分（柱・数字・お知らせ・沿革）

content/site.ts 公開する URL、一覧ページの文

form.endpoint フォームの送信先

footer.* 会社名・住所・メール・電話・著作権表示

styles/tokens.css 色・角丸・書体（テンプレごとに 6 つの組）

価格とライセンス

発売記念価格 ¥5,980（9 月 19 日 まで）。以降は ¥6,980 です。発売記念価格で買うと、その後の 1.x アップデートも無料で受け取れます。個人・組織ライセンスがあり、再配布・転売・同種商品化は禁止です。note の有料記事版も同価格です。

zip の中身

app / components / content（テンプレ 6 つ分 + site.ts）/ lib / styles / out（静的 HTML 10 ページ）/ README.ja.md / LICENSE.md / CHANGELOG.md / package.json ほか設定ファイル。約 14 MB のうち大半は書体です。