Pages and sections
Every page the site ships, the sections of the home page, and the sample content to replace before you launch.
The pages
Each page exists in English, without a prefix, and in Arabic, under /ar.
| Page | Address | What it shows |
|---|---|---|
| Home | / | The landing page, section by section (below) |
| Pricing | /pricing | The three plans with a Monthly and Annual switch, a comparison table and six questions |
| Contact | /contact | A contact form, the company's details and social links, and three questions |
The header is on every page: the logo, links to Features, Contact and Pricing, the language menu, the theme button, and Login and Book a call buttons. On phones the links move into a menu. Every page ends with a copyright line.
The home page
| Section | What it shows |
|---|---|
| Hero | The headline written in word by word, a sentence and two buttons |
| Dashboard mockup | A deployments dashboard tilted in 3D, with a sidebar, figure cards and a table |
| Why choose us | Four cards with icons and a light that follows the pointer, and buttons to the pricing and contact pages |
| Features | Five animated cards: performance scores, a one-click deployment, a file tree, scaling servers and a 3D globe |
| Templates | Four template cards with an image, a badge and a price, each opening a template page |
| Responsive | An image of a site on a desktop, a tablet and a phone, with three points and a button |
| Pricing | The three monthly plans with a filter by feature category, and a closing block with a button to the form below |
| FAQ | Ten questions with categories, a search and a Show more button |
| Global community | A world map with dots, a message form over it and a large wordmark that lights up under the pointer |
Sample content to replace
Everything you see is example content for Publino, a made-up platform that sells UI components and templates and deploys websites. Before you launch, replace:
- The texts, in the message files for both languages.
- The figures: the plans' prices, the numbers in the dashboard mockup and in the feature cards.
- The people: the names and avatars on the pricing cards, which are illustrations, and the user in the dashboard mockup.
- The four template cards, which show and link to real templates on aniq-ui.com.
- The contact details: email, phone, office and hours, and the social links that still point to
#. - The buttons that are placeholders, listed under Links and buttons below.
Where each piece lives
Included with your purchase. Sign in to read, or open it in your download.
The file behind every section's texts, figures, images and settings.
How a section is built
Included with your purchase. Sign in to read, or open it in your download.
The folder layout of a section, and how to remove, reorder or add one.
Links and buttons
Included with your purchase. Sign in to read, or open it in your download.
The files that hold every menu, button and social link, and which buttons are placeholders.