Back to components
Marketing component

Website UI

Complete Next.js marketing scaffold — landing, pricing, docs, and more.

Read full guideBrowse all components

Install

$ Run in your project root
pnpm dlx shadcn@latest add https://ui-components.desishub.com/r/website-ui.json

What it does

  • 10 pre-built pages (home, pricing, docs, changelog, developers, help, contact, hire-expert, 404)
  • Responsive navbar with dark mode toggle and language switcher
  • Built-in i18n via next-intl (EN/FR translations)
  • SEO features: OpenGraph, Twitter cards, sitemap.xml, robots.txt
  • Auto-installs next-intl, lucide-react, class-variance-authority, clsx, tailwind-merge

When to use

Use it

SaaS landing pages, startup websites, portfolios, product docs, agency templates, OSS homepages.

Skip it

Projects needing highly custom layouts from scratch or non-standard content structures.

Prerequisites

  • Initialized Next.js project

Files & routes added

  • /, /pricing, /docs, /developers, /help, /contact, /hire-expert, /404
  • components/navbar.tsx, footer.tsx, structured-data.tsx
  • config/site.ts, i18n/request.ts
  • messages/en.json, messages/fr.json