← All projects

Case · Site

Catalog of 10 niche demo landing pages

A Vue catalog of ten standalone landing pages for different small-business niches, each with its own palette, fonts and section structure. Every landing loads as a separate chunk; all content is demonstration content.

  • Vue 3
  • Vue Router 4
  • Vite 8
  • GitHub Actions

01 · How it looks

Screenshots

Screenshot of the project "Catalog of 10 niche demo landing pages" at 1280 pixels wide
Desktop, 1280 px
Screenshot of the project "Catalog of 10 niche demo landing pages" on a phone screen, 390 pixels wide
Phone, 390 px

02 · About

What it is and why

A Vue catalog of ten standalone landing pages for different small-business niches, each with its own palette, fonts and section structure. Every landing loads as a separate chunk; all content is demonstration content.

Limitations

Ratings, review counts, names, "results" and company names on the landings are made up.

Frontend only: no form handlers or backend.

A single folder was extracted from a larger repository; no data or third-party CRM code is included.

What is inside

  • 10 niches: medicine, furniture, renovation, online school, glamping, legal, auto service, beauty, cafe, fitness
  • Route-level code splitting, a shared SVG icon set
  • A "demo content" badge on the catalog and every landing

03 · How to run

Run it locally

npm install && npm run dev
# static build: npm run build; rewrite every path to index.html

04 · Code

The repository is private

The source lives in a private repository. I will grant access on request: write to me and I will send an invitation.

Request the code