Back to Showcase

Industry Landing Page Template Pack

Five landing pages and one company website you can publish today, even without photos

This pack is the source code of the five one-page landing pages and the four-page company website published as samples on this site. You get the same screens as the samples.

Samples (6)

All are samples built for fictional companies, and open right here on this site (in Japanese).

See the list of sample sites

What each template does

  • BtoB / SaaS landing page: a button switches prices between monthly and yearly. Includes problems, features, onboarding steps, FAQ, and a contact form
  • Shop / salon landing page: shows “open now” from the business hours. Includes a menu, seating information, and a booking form
  • Construction landing page: the call button is a real tel: link. Price estimates switch between weekdays and nights/holidays, and the service area is shown in a diagram
  • Professional services and training landing page: buttons switch retainer plans, and a yearly estimate is calculated from the monthly and annual amounts
  • Clinic landing page: a table of consultation hours by weekday with “open now”. Online booking lets patients choose a time slot
  • Company website: four pages (top, services, company profile, contact). A wave background, counting numbers, and a header that shows the current section

Common to every template

  • Not a single photo. Built only with color, spacing, type, canvas particles, and SVG
  • Copy and colors change through settings files alone. No need to touch the page .tsx files
  • The form destination is configurable: Formspree, a Google Apps Script web app, or your own API
  • Pre-exported static HTML is included (10 pages in all). You can host it by uploading to a server, without running Next.js
  • Forms include an invisible anti-spam field. People never see it; when a bot fills it, nothing is sent and only a success message is shown

How to use it

To change colors, edit only styles/tokens.css. For the form, put a URL in form.endpoint; left empty, it sends nothing and shows only the sample message. If you still need a receiver, the web app URL of the Form Intake GAS Kit works as is.

  • Rewrite the content file of the template you use. Brand name, tagline, prices, business or consultation hours, FAQ, and footer contact details are all gathered there
  • Run npm run build to export static HTML to out/. Not needed if you deploy as Next.js on Vercel
  • Deploy it. On Vercel, just connect the GitHub repository; on a static server, upload the contents of out/ to the public folder

What’s included

  • The full Next.js project (app, components, content, lib, styles)
  • Pre-exported static HTML (out/)
  • The full README and a list of settings for each template
  • The full license

Price and purchase

¥6,980 (tax included), one-time purchase. Buyers receive later 1.x updates free. Redistribution, resale, and selling it as a similar product are not allowed ── note / BOOTH

Purchases are made in Japanese on BOOTH or note, and priced in Japanese yen.