What the template is
A one-page landing page for an AI product, built with Next.js, TypeScript and Tailwind CSS. The sample brand is called Nova. Ten sections run from the hero to the closing call to action, between a header and a footer.
| Section | What it shows | Folder |
|---|---|---|
| Hero | The headline, two buttons, a trust line with a rating and the product picture | src/features/home/Hero |
| Social proof | Six company logos and four key figures | src/features/home/SocialProof |
| How it works | Four numbered steps with pictures, swiped as a carousel on phones | src/features/home/HowItWorks |
| Features | Four tabs, each with a picture and its main benefits | src/features/home/Features |
| Integrations | Twelve tool logos with their category | src/features/home/Integrations |
| Testimonials | Three customer quotes in a carousel that turns by itself | src/features/home/Testimonials |
| Blog preview | Three article cards with category, date and reading time | src/features/home/BlogPreview |
| Pricing | Three plans with a monthly and annual switch | src/features/home/Pricing |
| FAQ | Six questions that open and close | src/features/home/Faq |
| Call to action | A closing message with two buttons, where the contact links land | src/features/home/Cta |
The header has two drop-down menus, the language switcher and a menu for phones. The footer has three groups of links, the social icons and the legal links.
It is a single page: the blog cards, the menu links and the buttons are placeholders for your own pages and actions.
The stack
| Technology | Used for |
|---|---|
| Next.js 15 (App Router) and React 19 | The site, built as static pages |
| TypeScript | The code |
| Tailwind CSS 3 | The styling |
| next-intl | English and Arabic, with the address prefixed by the language |
| Framer Motion | The entrance animations |
| Radix UI | The FAQ accordion and the feature tabs |
| Embla Carousel | The carousels on phones |
| Lucide React | The icons |
Every dependency is pinned to an exact version in package.json, and yarn.lock is included, so your install matches the one the template was tested with.
What is in the download
The ZIP extracts to one folder, landing-page-template-3:
| Path | What it is |
|---|---|
src/ | The site's code, with one folder per section |
messages/ | Every text on the page, in en.json and ar.json |
public/ | Pictures, logos, icons and the social sharing image |
Dockerfile | Builds and serves the site in one image |
package.json, yarn.lock, .yarnrc.yml | The pinned dependencies and Yarn 4 |
.env.example | The one optional setting, the site's address |
README.md | The setup guide |
LICENSE | The MIT licence |
There is no back end, database or account to set up. The template is free and open source under the MIT licence.
The site runs in English at /en and in Arabic at /ar, with the Arabic page laid out right to left.
On Windows, use PowerShell or Git Bash for the commands in these guides.