> For the complete documentation index, see [llms.txt](https://beatbrawls.gitbook.io/beatbrawls/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://beatbrawls.gitbook.io/beatbrawls/layout/layout-of-site.md).

# Layout of site

## Landing Page

Landing page has a Login button at top right corner. Clicking which will open the login overlay.<br>

### Login

You can login using Hive Keychain, Metamask or Rainbow Wallet.&#x20;

Select your preferred chain and method to login

1. Hive Keychain: Enter your username and confirm signature.
2. Metamask/Rainbow Wallet: Switch chain and confirm signature&#x20;

<figure><img src="/files/FACIFsZDQz53QDxDPYGk" alt=""><figcaption></figcaption></figure>

If you are referred by someone, the referrer's code will be visible. If you think the code is wrong or want to change the code, click on remove. Then click on "First time user? Have a ref code?" which is present below the Connect button. If you did not come to the site by the link but still want to enter someone's referral code, you can still do it by the same method.

More info on referral in Referral System.

On successful login, you will be redirected to <https://beatbrawls.com/game>

## In the Game

#### First time player

If you have logged in for the first time, you will be presented with a pop-up telling you have been provided with 10 free songs and to enter username to claim the songs.

Enter a valid username and click Claim button to claim the songs. A valid username follows all following rules:

{% code lineNumbers="true" %}

```
6-20 characters
Contain only letters, numbers, dots(.) and underscores (_)
Atleast 1 letter
```

{% endcode %}

You can then go to Decks section to create your free Deck.

#### Navbar

Navbar has the following section buttons:

1. Modes : The play menu of the game. Select your mode, deck and click play to start.
2. Decks : Customize your decks here and see your cards.
3. Shops : Buy card packs here.
4. Score : View the top players in different categories
5. Notis : Notifications of the game.
6. Spinz: Lucky Spin (Coming Soon)
7. Event: New events and collaborations
8. Profile : Provides you different sections like: General (See account info and Manage tokens), History (History of your matches played), Delegation (View your delegations to beatbrawls and delegation rewards), Referral (View your referral link, referrals,  rewards from referrals and referrer), Settings (Turn on/off tooltip and Logout)

The Navbar also shows you the amount of Beat and Brawl tokens you have with "+" button beside them. Clicking on "+" opens their respective modals.

Clicking on each section button opens the respective page.

<figure><img src="/files/2HL83kvOuFzakSTbGYlU" alt=""><figcaption></figcaption></figure>