業種別 LP テンプレ パックLP Template Pack

見本（6 本）

どれも架空の会社で作った見本で、このサイトの上でそのまま開けます。

• 会社案内サイト ── 架空の計測会社「潮見計測」の会社案内。下層 3 枚つき。
• BtoB・SaaS の LP ── 架空の勤怠 SaaS「Tabane Works」。料金の切替まで動く。
• 店舗・サロンの LP ── 架空の焼き菓子の店「粉とゆげ」。品書きと予約まで動く。
• 建設・工事の LP ── 架空の設備工事会社「灯月設備」。電話導線と対応エリアまで。
• 士業・研修の LP ── 架空の会計事務所「霜月会計事務所」。顧問料 3 プランの切替つき。
• クリニック・医院の LP ── 架空の歯科医院「月白歯科クリニック」。診療時間の表と Web 予約。

見本サイトの一覧で見る

テンプレごとにできること

• BtoB・SaaS の LP。料金は月額と年額をボタンで切り替えます。課題・機能・導入の流れ・FAQ・問い合わせフォームまで入っています
• 店舗・サロンの LP。営業時間から「いまは開いています」を出します。お品書き、席の案内、予約フォームつき
• 建設・工事の LP。電話ボタンは本物の tel: リンクです。料金の目安は平日と夜間・休日で切り替わり、対応エリアは図で出します
• 士業・研修の LP。顧問料はプランをボタンで切り替え、年間の目安を月々の額と年 1 回の額から計算して出します
• クリニック・医院の LP。曜日ごとの診療時間を表で出し、「いまは診療中です」を添えます。Web 予約は時間帯を選べます
• 会社案内サイト。TOP・事業内容・会社概要・お問い合わせの 4 ページ。波の背景、数字のカウントアップ、ヘッダーの現在地が動きます

どのテンプレにも共通すること

• 写真を 1 枚も使っていません。色と余白と書体、それに canvas の粒と SVG だけで作ってあります
• 文言と色は設定ファイルだけで差し替えられます。ページの .tsx を触る必要はありません
• フォームの送信先を設定できます。Formspree、Google Apps Script のウェブアプリ、自前の API のどれでも受けられます
• 書き出し済みの静的 HTML を同梱しています（全部で 10 ページ）。Next.js を動かさなくても、サーバーに上げるだけで置けます
• フォームには迷惑投稿よけの見えない欄が入っています。人には見えず、bot が埋めると送らずに成功表示だけを出します

使い方

色を変えるときは styles/tokens.css の 1 ファイルだけを触ります。フォームの送信先は form.endpoint に URL を書き、空のままなら送信せず見本の文言だけを出します。受け口をこれから用意するなら、フォーム受付 GAS キットのウェブアプリの URL をそのまま書けます。

• 使うテンプレの content を書き換えます。ブランド名、キャッチ、料金、営業時間や診療時間、FAQ、フッターの連絡先まで、ページの文言はここに集めてあります
• npm run build で out/ に静的 HTML を書き出します。Next.js のまま Vercel に置くなら、この手順は要りません
• できたものを置きます。Vercel なら GitHub のリポジトリをつなぐだけ、静的サーバーなら out/ の中身をそのまま公開フォルダに上げます

入っているもの

• Next.js のプロジェクト一式（app・components・content・lib・styles）
• 書き出し済みの静的 HTML（out/）
• README 全文と、テンプレごとの設定項目の一覧
• ライセンス全文

価格と購入

¥6,980（税込）の買い切りです。買った方は、その後の 1.x のアップデートも無料で受け取れます。再配布・転売・同種商品化はできません ── note / BOOTH