業種別 LP テンプレ パック ── 写真なしで公開できる LP 5 本と会社案内サイト(Next.js + 静的 HTML)
- ダウンロード商品¥ 5,980







何ができるか 見本として公開している 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 のうち大半は書体です。






