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 address below exists under /en and /ar, such as /en/pricing.
| Page | Address | What it shows |
|---|---|---|
| Home | / | The product's landing page, section by section (below) |
| Pricing | /pricing | Three plans with a monthly or yearly switch, a comparison table, questions and a closing call to action |
| Blog | /blog and /blog/<post> | Posts with search, categories and a sidebar, and a page per post |
| Contact | /contact | A contact form, the company's details and social links, and three questions |
| Sign in, sign up, forgot password | /auth/signin, /auth/signup, /auth/forgot-password | The account forms, with Google, GitHub and X buttons on sign-in and sign-up |
| Legal | /legal/terms, /legal/privacy, /legal/cookies, /legal/gdpr | Four legal pages, in sample text |
| Error pages | /error/401, /error/404, /error/500 | The design of each error page, to show and to reuse. An address that does not exist shows the 404 page. |
The home page
| Section | What it shows |
|---|---|
| Hero | The headline, two buttons, floating cards, a 3D sphere and the dashboard preview |
| Companies | A moving row of company logos |
| Features | Five animated feature cards: notifications, a team chat, a growth chart, a performance gauge and a search with bars |
| Statistics | Three figures that count up as they appear |
| Pricing | Three plans with a filter by feature category |
| Testimonials | Six customer quotes in a carousel |
| FAQ | Ten questions with categories, a search and a Show more button |
| Where we work | A world map with pins and an email sign-up box |
The header and the footer are on every page. The footer has link columns, social links and a newsletter box.
Sample content to replace
Everything you see is example content for an analytics product. Before you launch, replace:
- The texts, in the message files for both languages.
- The figures: the statistics, the plans' prices and the numbers in the dashboard preview.
- The people: the testimonials, the blog authors and the avatars, which are illustrations.
- The company logos, which are icons standing in for real brands.
- The contact details: email, phone, office and hours.
- The blog posts, the legal pages and the links that still point to
#.
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, footer, social and button link.