border shadow and page link through the header

README.md

@@ -29,8 +29,7 @@
 
 <p align="center">
   <img src="https://raw.githubusercontent.com/ArthurFiorette/steam-trader/main/.github/assets/webpage.png"
-        alt="Web panel empty"
-        width="720px" />
+        alt="Web panel empty" />
 </p>
 
 ## About

web/src/constants.ts

@@ -1 +1,2 @@
 export const GIT_URL = 'https://github.com/ArthurFiorette/steam-trader#readme';
+export const PAGE_URL = 'https://arthurfiorette.com.br/steam-trader';

web/src/header.tsx

@@ -1,15 +1,20 @@
-import { Github } from 'react-bootstrap-icons';
+import { Github, JournalRichtext } from 'react-bootstrap-icons';
 import { IconButton } from './components/button';
-import { GIT_URL } from './constants';
+import { GIT_URL, PAGE_URL } from './constants';
 
 export default function Header() {
   return (
     <header id="header" className="shadow">
       <nav className="navbar navbar-expand navbar-dark bg-dark px-4 justify-content-between">
         <div className="navbar-brand">Steam Trader</div>
-        <a href={GIT_URL} target="_blank">
-          <IconButton icon={Github} color="light" classes="border-0 p-1" iconProps={{ size: '32' }} />
-        </a>
+        <div>
+          <a className="me-3" href={PAGE_URL} target="_blank">
+            <IconButton icon={JournalRichtext} color="light" classes="border-0 p-1" iconProps={{ size: '32' }} />
+          </a>
+          <a href={GIT_URL} target="_blank">
+            <IconButton icon={Github} color="light" classes="border-0 p-1" iconProps={{ size: '32' }} />
+          </a>
+        </div>
       </nav>
     </header>
   );