← All projects

Case · Landing page

Dovod: expert-firm landing concept

A Nuxt 4 landing concept for a fictional expert-appraisal firm: service areas, a consultation form with a phone mask, a reviews carousel and a policy page. The company, reviews, figures and contacts are made up; the form sends nothing.

  • Nuxt 4
  • Vue 3
  • TypeScript
  • CSS
  • GitHub Actions

01 · How it looks

Screenshots

Screenshot of the project "Dovod: expert-firm landing concept" at 1280 pixels wide
Desktop, 1280 px
Screenshot of the project "Dovod: expert-firm landing concept" on a phone screen, 390 pixels wide
Phone, 390 px

02 · About

What it is and why

A Nuxt 4 landing concept for a fictional expert-appraisal firm: service areas, a consultation form with a phone mask, a reviews carousel and a policy page. The company, reviews, figures and contacts are made up; the form sends nothing.

Limitations

Concept: the page carries a banner saying the company, reviews, figures and contacts are fictional.

No backend, the map is a placeholder, messenger buttons lead nowhere.

The privacy policy in the demo is a sample with zeroed-out details, not a legal document.

No tests or linter; CI checks install and static generation.

What is inside

  • Form with a phone mask, validation and error hints; in the demo it states that nothing is sent
  • Endless reviews carousel with swipe and autoplay
  • Mobile action bar, responsive layout, skeleton overlay on top of server-rendered HTML

03 · How to run

Run it locally

npm install && npm run dev
# static: npm run generate, output in .output/public

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