# Pages & States Overview

## List of Pages

| Name           | Description                                                                                    |
| -------------- | ---------------------------------------------------------------------------------------------- |
| index          | home page of the website.                                                                      |
| admin          | dashboard for the admin of the platform.                                                       |
| app            | main page for the users to chat, match, find new people.                                       |
| onboarding     | Page to obtain important informations and preferences of the user during the account creation. |
| privacy        | Legal informations about the data collect, use and more.                                       |
| signup\_seller | signup page for a seller.                                                                      |
| terms          | terms & conditions of the website.                                                             |
| reset\_pw      | page when a user can reset his password.                                                       |
| 404            | when the page does not exist.                                                                  |

## List of States

### Page app

On **desktop screens**, the page is divided into two sections:

* **Tab** – The left-hand sidebar.
* **Section** – The main content area on the right.

The content of '**Tab'** and '**Section'** appears based on selected states, which change when the user clicks menu buttons.

<figure><img src="https://3583347876-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_ROWWnfGx6A2dsulDM%2Fuploads%2FsDQNbTtX6MFLkx3CgBPe%2FScreenshot%202025-03-01%20at%2018.51.03.jpg?alt=media&#x26;token=0af9c946-47d9-43e2-9734-045d4ff64d0b" alt="" width="375"><figcaption></figcaption></figure>

* List of options for the state **Tab:** settings, messages, likes, shop, filters.
*   List of options for the state **Section**: chat, user, profiles.



On **mobile screens**, the main content area is controlled by a state called **Mobile\_tab**.

When **Mobile\_tab** is set to **Messages** (the screen where users access their conversations and likes), another state called **Mobile\_subtab** determines whether the user sees a specific conversation or the list of likes.

* List of options for the state **Mobile\_tab**: settings, messages, profiles, shop, filters.
*   List of options for the state **Mobile\_subtab**: conversations, likes.



**Other States Used on This Page:**

* **Profile Image** – Determines which picture in a user's profile is being viewed.
* **Profile Details** – Stores the details of the user being viewed.
* **Previous Section** – Indicates whether the user came from the chat or the matchmaking system before viewing a profile.
