What the template is
MONO is a one-page website for a design or web agency, in a black and white brutalist style. It is a single Next.js app: no database, no admin and no server of your own to run.
The page is made of these sections, from top to bottom:
| Section | What it shows | Folder |
|---|---|---|
| Navbar | The logo, links to four sections, the language switch and a Contact button | src/layouts/Navbar/ |
| Hero | A three-line headline, a short introduction, two buttons and an animated shape | src/features/home/Hero/ |
| Features | Four cards on the agency's approach | src/features/home/Features/ |
| Work | Four projects, each with an image, a title and a year | src/features/home/Work/ |
| Process | Five numbered steps | src/features/home/Process/ |
| Testimonials | Three client quotes with previous and next controls | src/features/home/Testimonials/ |
| Pricing | Three plans with a monthly and annual switch | src/features/home/Pricing/ |
| Contact | A checked contact form, the email, phone, address and social links | src/features/home/Contact/ |
| Footer | Section links, legal links, social icons and the copyright line | src/layouts/Footer/ |
What it is built with
| Technology | Used for |
|---|---|
| Next.js 15 and React 19 | The app, with the App Router |
| TypeScript | Type safety |
| Tailwind CSS 3 | Styling |
| next-intl 4 | English and Arabic addresses and text |
| Motion | Animations |
| React Hook Form and Zod | The contact form and its checks |
| TanStack Query | Sending the contact form |
| Lucide React | Icons |
Every dependency is pinned to an exact version and yarn.lock is included, so your install gets the same versions the template was tested with.
What is in the download
The ZIP holds one folder, landing-page-template-1:
| Path | What it is |
|---|---|
README.md | Setup, scripts, settings and where to change things |
LICENSE | The MIT licence |
Dockerfile, .dockerignore | The Docker image |
.env.example | The two optional settings |
messages/ | Every visible text, in en.json and ar.json |
public/ | The project images, icons and the social preview image |
src/ | The code |
package.json, yarn.lock, .yarnrc.yml | The dependencies and the Yarn settings |
The site ships in English and Arabic: English at /en, and Arabic at /ar, laid out right to left with its own font.
Licence
MONO is free under the MIT licence. You can use it for your own and your clients' websites, change it and publish it. Keep the copyright notice in LICENSE.
On Windows, use PowerShell or Git Bash for the commands in these guides.