From 98eed2d0885548f3f8259b62e6a4a5debaa5d823 Mon Sep 17 00:00:00 2001
From: Diogo Ferreira Reis <diogo.caronte@gmail.com>
Date: Tue, 3 Sep 2024 21:40:08 -0300
Subject: [PATCH] add sample page

---
 jsconfig.json                                 |   4 +-
 src/layouts/app/index.html                    |  96 ------------------
 .../components/Navigation/images/avatar.svg   |   0
 .../components/Navigation/images/bell.svg     |   0
 .../components/Navigation/images/exit.svg     |   0
 .../components/Navigation/images/menu.svg     |   0
 .../{app => }/components/Navigation/index.js  |   2 +-
 .../components/Navigation/index.scss          |   0
 .../SideMenu/images/configuracoes.svg         |   0
 .../components/SideMenu/images/conta.svg      |   0
 .../components/SideMenu/images/doacoes.svg    |   0
 .../components/SideMenu/images/exit.svg       |   0
 .../components/SideMenu/images/exitmenu.svg   |   0
 .../components/SideMenu/images/meuspets.svg   |   0
 .../SideMenu/images/notifications.svg         |   0
 .../components/SideMenu/images/perfil.svg     |   0
 .../components/SideMenu/images/petdex.svg     |   0
 .../{app => }/components/SideMenu/index.js    |   6 +-
 .../{app => }/components/SideMenu/index.scss  |   0
 src/layouts/index.html                        |  84 ++++++++++++++-
 src/layouts/{app => }/index.js                |   6 +-
 src/layouts/{app => }/index.scss              |   0
 .../images/no-pet-regirested-page.png         | Bin
 .../{app => }/pages/NoPetRegirested/index.js  |   2 +-
 .../pages/NoPetRegirested/index.scss          |   0
 .../{app => }/pages/PetRegister/index.js      |   4 +-
 .../{app => }/pages/PetRegister/index.scss    |   0
 .../{app => }/pages/PetRegister/index.spec.js |  12 +--
 .../pages/PetVet/images/cuidadosEspeciais.svg |   0
 .../pages/PetVet/images/estetoscopio.svg      |   0
 src/layouts/{app => }/pages/PetVet/index.js   |  10 +-
 src/layouts/{app => }/pages/PetVet/index.scss |   0
 .../{app => }/pages/PetVet/index.spec.js      |   0
 .../{app => }/pages/PetWeight/index.js        |  10 +-
 .../{app => }/pages/PetWeight/index.scss      |   0
 .../pages/PetWeight/petWeightPage.spec.js     |   0
 src/layouts/sample-page/index.html            |  11 ++
 .../{app => }/utils/scrollable-sidemenu.js    |   0
 .../routes/app/add-pet/steps/birthday.js      |   2 +-
 src/router/routes/app/add-pet/steps/name.js   |   2 +-
 src/router/routes/app/add-pet/steps/petvet.js |   2 +-
 src/router/routes/app/add-pet/steps/race.js   |   2 +-
 .../routes/app/add-pet/steps/register.js      |   2 +-
 src/router/routes/app/add-pet/steps/size.js   |   2 +-
 src/router/routes/app/add-pet/steps/weight.js |   2 +-
 .../routes/app/main-routes/routes/account.js  |   2 +-
 .../routes/app/main-routes/routes/donates.js  |   2 +-
 .../routes/app/main-routes/routes/error.js    |   2 +-
 .../routes/app/main-routes/routes/home.js     |   2 +-
 .../routes/app/main-routes/routes/pet-dex.js  |   2 +-
 .../routes/app/main-routes/routes/settings.js |   2 +-
 .../routes/app/my-pets/steps/pet-profile.js   |   2 +-
 src/router/routes/app/my-pets/steps/pets.js   |   2 +-
 .../routes/create-account/create-account.js   |   2 +-
 vite.config.js                                |   8 +-
 55 files changed, 140 insertions(+), 147 deletions(-)
 delete mode 100644 src/layouts/app/index.html
 rename src/layouts/{app => }/components/Navigation/images/avatar.svg (100%)
 rename src/layouts/{app => }/components/Navigation/images/bell.svg (100%)
 rename src/layouts/{app => }/components/Navigation/images/exit.svg (100%)
 rename src/layouts/{app => }/components/Navigation/images/menu.svg (100%)
 rename src/layouts/{app => }/components/Navigation/index.js (96%)
 rename src/layouts/{app => }/components/Navigation/index.scss (100%)
 rename src/layouts/{app => }/components/SideMenu/images/configuracoes.svg (100%)
 rename src/layouts/{app => }/components/SideMenu/images/conta.svg (100%)
 rename src/layouts/{app => }/components/SideMenu/images/doacoes.svg (100%)
 rename src/layouts/{app => }/components/SideMenu/images/exit.svg (100%)
 rename src/layouts/{app => }/components/SideMenu/images/exitmenu.svg (100%)
 rename src/layouts/{app => }/components/SideMenu/images/meuspets.svg (100%)
 rename src/layouts/{app => }/components/SideMenu/images/notifications.svg (100%)
 rename src/layouts/{app => }/components/SideMenu/images/perfil.svg (100%)
 rename src/layouts/{app => }/components/SideMenu/images/petdex.svg (100%)
 rename src/layouts/{app => }/components/SideMenu/index.js (94%)
 rename src/layouts/{app => }/components/SideMenu/index.scss (100%)
 rename src/layouts/{app => }/index.js (89%)
 rename src/layouts/{app => }/index.scss (100%)
 rename src/layouts/{app => }/pages/NoPetRegirested/images/no-pet-regirested-page.png (100%)
 rename src/layouts/{app => }/pages/NoPetRegirested/index.js (96%)
 rename src/layouts/{app => }/pages/NoPetRegirested/index.scss (100%)
 rename src/layouts/{app => }/pages/PetRegister/index.js (93%)
 rename src/layouts/{app => }/pages/PetRegister/index.scss (100%)
 rename src/layouts/{app => }/pages/PetRegister/index.spec.js (91%)
 rename src/layouts/{app => }/pages/PetVet/images/cuidadosEspeciais.svg (100%)
 rename src/layouts/{app => }/pages/PetVet/images/estetoscopio.svg (100%)
 rename src/layouts/{app => }/pages/PetVet/index.js (95%)
 rename src/layouts/{app => }/pages/PetVet/index.scss (100%)
 rename src/layouts/{app => }/pages/PetVet/index.spec.js (100%)
 rename src/layouts/{app => }/pages/PetWeight/index.js (93%)
 rename src/layouts/{app => }/pages/PetWeight/index.scss (100%)
 rename src/layouts/{app => }/pages/PetWeight/petWeightPage.spec.js (100%)
 create mode 100644 src/layouts/sample-page/index.html
 rename src/layouts/{app => }/utils/scrollable-sidemenu.js (100%)

diff --git a/jsconfig.json b/jsconfig.json
index 16c1b965..49b36841 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -4,7 +4,9 @@
     "baseUrl": ".",
     "paths": {
       "@testing-library/vanilla": ["src/__tests__/index.js"],
-      "~src/*": ["src/*"]
+      "~src/*": ["src/*"],
+      "~styles/*": ["src/styles/*"],
+      "~stories/*": ["src/stories/*"]
     }
   }
 }
diff --git a/src/layouts/app/index.html b/src/layouts/app/index.html
deleted file mode 100644
index 1ddfd058..00000000
--- a/src/layouts/app/index.html
+++ /dev/null
@@ -1,96 +0,0 @@
-<!doctype html>
-<html lang="pt-BR">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Wix+Madefor+Display:wght@400..800&display=swap"
-      rel="stylesheet"
-    />
-    <title>Pet Hat</title>
-    <script src="./index.js" type="module"></script>
-    <link
-      rel="icon"
-      type="image/x-icon"
-      sizes="192x192"
-      href="/favicon/android-icon-192x192.ico"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="57x57"
-      href="/favicon/apple-touch-icon-57x57.ico"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="60x60"
-      href="/favicon/apple-touch-icon-60x60.ico"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="72x72"
-      href="/favicon/apple-touch-icon-72x72.ico"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="76x76"
-      href="/favicon/apple-touch-icon-76x76.ico"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="96x96"
-      href="/favicon/apple-touch-icon-96x96.ico"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="114x114"
-      href="/favicon/apple-touch-icon-114x114.ico"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="120x120"
-      href="/favicon/apple-touch-icon-120x120.ico"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="144x144"
-      href="/favicon/apple-touch-icon-144x144.ico"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="152x152"
-      href="/favicon/apple-touch-icon-152x152.ico"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="/favicon/apple-touch-icon-180x180.ico"
-    />
-    <link
-      rel="icon"
-      type="image/x-icon"
-      sizes="16x16"
-      href="/favicon/favicon-16x16.ico"
-    />
-    <link
-      rel="icon"
-      type="image/x-icon"
-      sizes="32x32"
-      href="/favicon/favicon-32x32.ico"
-    />
-  </head>
-
-  <body>
-    <div data-select="home" class="root home">
-      <nav data-select="navigation" class="home__navigation"></nav>
-      <aside data-select="sidemenu" class="home__sidemenu"></aside>
-      <main
-        data-select="content"
-        class="home__content"
-        data-vanilla-route-ele="router-wrap"
-      ></main>
-    </div>
-  </body>
-</html>
diff --git a/src/layouts/app/components/Navigation/images/avatar.svg b/src/layouts/components/Navigation/images/avatar.svg
similarity index 100%
rename from src/layouts/app/components/Navigation/images/avatar.svg
rename to src/layouts/components/Navigation/images/avatar.svg
diff --git a/src/layouts/app/components/Navigation/images/bell.svg b/src/layouts/components/Navigation/images/bell.svg
similarity index 100%
rename from src/layouts/app/components/Navigation/images/bell.svg
rename to src/layouts/components/Navigation/images/bell.svg
diff --git a/src/layouts/app/components/Navigation/images/exit.svg b/src/layouts/components/Navigation/images/exit.svg
similarity index 100%
rename from src/layouts/app/components/Navigation/images/exit.svg
rename to src/layouts/components/Navigation/images/exit.svg
diff --git a/src/layouts/app/components/Navigation/images/menu.svg b/src/layouts/components/Navigation/images/menu.svg
similarity index 100%
rename from src/layouts/app/components/Navigation/images/menu.svg
rename to src/layouts/components/Navigation/images/menu.svg
diff --git a/src/layouts/app/components/Navigation/index.js b/src/layouts/components/Navigation/index.js
similarity index 96%
rename from src/layouts/app/components/Navigation/index.js
rename to src/layouts/components/Navigation/index.js
index 1f529662..a8059669 100644
--- a/src/layouts/app/components/Navigation/index.js
+++ b/src/layouts/components/Navigation/index.js
@@ -1,7 +1,7 @@
 import { Component } from 'pet-dex-utilities';
 import './index.scss';
 
-import petUrl from '../../../../images/pet-dex.svg';
+import petUrl from '../../../images/pet-dex.svg';
 import avatarUrl from './images/avatar.svg';
 import bellUrl from './images/bell.svg';
 import exitUrl from './images/exit.svg';
diff --git a/src/layouts/app/components/Navigation/index.scss b/src/layouts/components/Navigation/index.scss
similarity index 100%
rename from src/layouts/app/components/Navigation/index.scss
rename to src/layouts/components/Navigation/index.scss
diff --git a/src/layouts/app/components/SideMenu/images/configuracoes.svg b/src/layouts/components/SideMenu/images/configuracoes.svg
similarity index 100%
rename from src/layouts/app/components/SideMenu/images/configuracoes.svg
rename to src/layouts/components/SideMenu/images/configuracoes.svg
diff --git a/src/layouts/app/components/SideMenu/images/conta.svg b/src/layouts/components/SideMenu/images/conta.svg
similarity index 100%
rename from src/layouts/app/components/SideMenu/images/conta.svg
rename to src/layouts/components/SideMenu/images/conta.svg
diff --git a/src/layouts/app/components/SideMenu/images/doacoes.svg b/src/layouts/components/SideMenu/images/doacoes.svg
similarity index 100%
rename from src/layouts/app/components/SideMenu/images/doacoes.svg
rename to src/layouts/components/SideMenu/images/doacoes.svg
diff --git a/src/layouts/app/components/SideMenu/images/exit.svg b/src/layouts/components/SideMenu/images/exit.svg
similarity index 100%
rename from src/layouts/app/components/SideMenu/images/exit.svg
rename to src/layouts/components/SideMenu/images/exit.svg
diff --git a/src/layouts/app/components/SideMenu/images/exitmenu.svg b/src/layouts/components/SideMenu/images/exitmenu.svg
similarity index 100%
rename from src/layouts/app/components/SideMenu/images/exitmenu.svg
rename to src/layouts/components/SideMenu/images/exitmenu.svg
diff --git a/src/layouts/app/components/SideMenu/images/meuspets.svg b/src/layouts/components/SideMenu/images/meuspets.svg
similarity index 100%
rename from src/layouts/app/components/SideMenu/images/meuspets.svg
rename to src/layouts/components/SideMenu/images/meuspets.svg
diff --git a/src/layouts/app/components/SideMenu/images/notifications.svg b/src/layouts/components/SideMenu/images/notifications.svg
similarity index 100%
rename from src/layouts/app/components/SideMenu/images/notifications.svg
rename to src/layouts/components/SideMenu/images/notifications.svg
diff --git a/src/layouts/app/components/SideMenu/images/perfil.svg b/src/layouts/components/SideMenu/images/perfil.svg
similarity index 100%
rename from src/layouts/app/components/SideMenu/images/perfil.svg
rename to src/layouts/components/SideMenu/images/perfil.svg
diff --git a/src/layouts/app/components/SideMenu/images/petdex.svg b/src/layouts/components/SideMenu/images/petdex.svg
similarity index 100%
rename from src/layouts/app/components/SideMenu/images/petdex.svg
rename to src/layouts/components/SideMenu/images/petdex.svg
diff --git a/src/layouts/app/components/SideMenu/index.js b/src/layouts/components/SideMenu/index.js
similarity index 94%
rename from src/layouts/app/components/SideMenu/index.js
rename to src/layouts/components/SideMenu/index.js
index 92625103..e38cfc95 100644
--- a/src/layouts/app/components/SideMenu/index.js
+++ b/src/layouts/components/SideMenu/index.js
@@ -1,6 +1,7 @@
 import { Component } from 'pet-dex-utilities';
-import { UserService } from '../../../../services/userService';
-import petUrl from '../../../../images/pet-dex.svg';
+import PetAvatar from '../../../components/PetAvatar';
+import petUrl from '../../../images/pet-dex.svg';
+import { UserService } from '../../../services/userService';
 import configuracoes from './images/configuracoes.svg';
 import conta from './images/conta.svg';
 import doacoes from './images/doacoes.svg';
@@ -10,7 +11,6 @@ import meusPets from './images/meuspets.svg';
 import notificacoes from './images/notifications.svg';
 import perfil from './images/perfil.svg';
 import petdex from './images/petdex.svg';
-import PetAvatar from '../../../../components/PetAvatar';
 import './index.scss';
 
 const html = `
diff --git a/src/layouts/app/components/SideMenu/index.scss b/src/layouts/components/SideMenu/index.scss
similarity index 100%
rename from src/layouts/app/components/SideMenu/index.scss
rename to src/layouts/components/SideMenu/index.scss
diff --git a/src/layouts/index.html b/src/layouts/index.html
index 9c2cfa1d..1ddfd058 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -7,16 +7,90 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Wix+Madefor+Display:wght@400..800&display=swap&family=Poppins:wght@400;500;600;700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Wix+Madefor+Display:wght@400..800&display=swap"
       rel="stylesheet"
     />
     <title>Pet Hat</title>
-    <script>
-      window.location.href = '/app/';
-    </script>
+    <script src="./index.js" type="module"></script>
+    <link
+      rel="icon"
+      type="image/x-icon"
+      sizes="192x192"
+      href="/favicon/android-icon-192x192.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="57x57"
+      href="/favicon/apple-touch-icon-57x57.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="60x60"
+      href="/favicon/apple-touch-icon-60x60.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="72x72"
+      href="/favicon/apple-touch-icon-72x72.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="76x76"
+      href="/favicon/apple-touch-icon-76x76.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="96x96"
+      href="/favicon/apple-touch-icon-96x96.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="114x114"
+      href="/favicon/apple-touch-icon-114x114.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="120x120"
+      href="/favicon/apple-touch-icon-120x120.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="144x144"
+      href="/favicon/apple-touch-icon-144x144.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="152x152"
+      href="/favicon/apple-touch-icon-152x152.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/favicon/apple-touch-icon-180x180.ico"
+    />
+    <link
+      rel="icon"
+      type="image/x-icon"
+      sizes="16x16"
+      href="/favicon/favicon-16x16.ico"
+    />
+    <link
+      rel="icon"
+      type="image/x-icon"
+      sizes="32x32"
+      href="/favicon/favicon-32x32.ico"
+    />
   </head>
 
   <body>
-    <div data-select="home" class="root home"></div>
+    <div data-select="home" class="root home">
+      <nav data-select="navigation" class="home__navigation"></nav>
+      <aside data-select="sidemenu" class="home__sidemenu"></aside>
+      <main
+        data-select="content"
+        class="home__content"
+        data-vanilla-route-ele="router-wrap"
+      ></main>
+    </div>
   </body>
 </html>
diff --git a/src/layouts/app/index.js b/src/layouts/index.js
similarity index 89%
rename from src/layouts/app/index.js
rename to src/layouts/index.js
index 193daa99..eaee2455 100644
--- a/src/layouts/app/index.js
+++ b/src/layouts/index.js
@@ -1,10 +1,10 @@
 import { extractElements } from 'pet-dex-utilities';
-import mainRouter from '../../router/main-router';
-import { initializeSwiper } from '../../utils/swiper';
+import mainRouter from '../router/main-router';
+import { initializeSwiper } from '../utils/swiper';
 import Navigation from './components/Navigation';
 import SideMenu from './components/SideMenu';
-import initializeScrollable from './utils/scrollable-sidemenu';
 import './index.scss';
+import initializeScrollable from './utils/scrollable-sidemenu';
 
 document.addEventListener('DOMContentLoaded', () => {
   const selected = extractElements([document.body]);
diff --git a/src/layouts/app/index.scss b/src/layouts/index.scss
similarity index 100%
rename from src/layouts/app/index.scss
rename to src/layouts/index.scss
diff --git a/src/layouts/app/pages/NoPetRegirested/images/no-pet-regirested-page.png b/src/layouts/pages/NoPetRegirested/images/no-pet-regirested-page.png
similarity index 100%
rename from src/layouts/app/pages/NoPetRegirested/images/no-pet-regirested-page.png
rename to src/layouts/pages/NoPetRegirested/images/no-pet-regirested-page.png
diff --git a/src/layouts/app/pages/NoPetRegirested/index.js b/src/layouts/pages/NoPetRegirested/index.js
similarity index 96%
rename from src/layouts/app/pages/NoPetRegirested/index.js
rename to src/layouts/pages/NoPetRegirested/index.js
index 94a93aea..f2b8f7f5 100644
--- a/src/layouts/app/pages/NoPetRegirested/index.js
+++ b/src/layouts/pages/NoPetRegirested/index.js
@@ -1,6 +1,6 @@
 import { Component } from 'pet-dex-utilities';
 import { Router } from 'vanilla-routing';
-import Button from '../../../../components/Button';
+import Button from '~src/components/Button';
 import petUrl from './images/no-pet-regirested-page.png';
 import './index.scss';
 
diff --git a/src/layouts/app/pages/NoPetRegirested/index.scss b/src/layouts/pages/NoPetRegirested/index.scss
similarity index 100%
rename from src/layouts/app/pages/NoPetRegirested/index.scss
rename to src/layouts/pages/NoPetRegirested/index.scss
diff --git a/src/layouts/app/pages/PetRegister/index.js b/src/layouts/pages/PetRegister/index.js
similarity index 93%
rename from src/layouts/app/pages/PetRegister/index.js
rename to src/layouts/pages/PetRegister/index.js
index 34741b40..2c31018c 100644
--- a/src/layouts/app/pages/PetRegister/index.js
+++ b/src/layouts/pages/PetRegister/index.js
@@ -1,6 +1,6 @@
 import { Component } from 'pet-dex-utilities';
-import Button from '../../../../components/Button';
-import PetCard from '../../../../components/PetCard';
+import Button from '~src/components/Button';
+import PetCard from '~src/components/PetCard';
 import './index.scss';
 
 const events = ['select:card', 'submit'];
diff --git a/src/layouts/app/pages/PetRegister/index.scss b/src/layouts/pages/PetRegister/index.scss
similarity index 100%
rename from src/layouts/app/pages/PetRegister/index.scss
rename to src/layouts/pages/PetRegister/index.scss
diff --git a/src/layouts/app/pages/PetRegister/index.spec.js b/src/layouts/pages/PetRegister/index.spec.js
similarity index 91%
rename from src/layouts/app/pages/PetRegister/index.spec.js
rename to src/layouts/pages/PetRegister/index.spec.js
index 82984c7d..e7821de0 100644
--- a/src/layouts/app/pages/PetRegister/index.spec.js
+++ b/src/layouts/pages/PetRegister/index.spec.js
@@ -1,11 +1,11 @@
-import { describe, expect, it } from 'vitest';
-import { render, screen } from '@testing-library/vanilla';
 import { userEvent } from '@testing-library/user-event';
+import { render, screen } from '@testing-library/vanilla';
+import { describe, expect, it } from 'vitest';
 
-import afghanHound from '../../../../stories/assets/petRegisterPage/afghanHound.svg';
-import akita from '../../../../stories/assets/petRegisterPage/akita.svg';
-import beagle from '../../../../stories/assets/petRegisterPage/beagle.svg';
-import mixedBreed from '../../../../stories/assets/petRegisterPage/mixedBreed.svg';
+import afghanHound from '~stories/assets/petRegisterPage/afghanHound.svg';
+import akita from '~stories/assets/petRegisterPage/akita.svg';
+import beagle from '~stories/assets/petRegisterPage/beagle.svg';
+import mixedBreed from '~stories/assets/petRegisterPage/mixedBreed.svg';
 
 import PetRegisterPage from './index';
 
diff --git a/src/layouts/app/pages/PetVet/images/cuidadosEspeciais.svg b/src/layouts/pages/PetVet/images/cuidadosEspeciais.svg
similarity index 100%
rename from src/layouts/app/pages/PetVet/images/cuidadosEspeciais.svg
rename to src/layouts/pages/PetVet/images/cuidadosEspeciais.svg
diff --git a/src/layouts/app/pages/PetVet/images/estetoscopio.svg b/src/layouts/pages/PetVet/images/estetoscopio.svg
similarity index 100%
rename from src/layouts/app/pages/PetVet/images/estetoscopio.svg
rename to src/layouts/pages/PetVet/images/estetoscopio.svg
diff --git a/src/layouts/app/pages/PetVet/index.js b/src/layouts/pages/PetVet/index.js
similarity index 95%
rename from src/layouts/app/pages/PetVet/index.js
rename to src/layouts/pages/PetVet/index.js
index 31e32e0c..e9b2d28f 100644
--- a/src/layouts/app/pages/PetVet/index.js
+++ b/src/layouts/pages/PetVet/index.js
@@ -1,11 +1,11 @@
 import { Component } from 'pet-dex-utilities';
-import TextArea from '../../../../components/TextArea';
-import Button from '../../../../components/Button';
-import Radio from '../../../../components/RadioButton';
-import Vaccine from '../../../../components/Vaccine';
+import Button from '~src/components/Button';
+import Radio from '~src/components/RadioButton';
+import TextArea from '~src/components/TextArea';
+import Vaccine from '~src/components/Vaccine';
 
-import estetoscopio from './images/estetoscopio.svg';
 import cuidadosEspeciais from './images/cuidadosEspeciais.svg';
+import estetoscopio from './images/estetoscopio.svg';
 
 import './index.scss';
 
diff --git a/src/layouts/app/pages/PetVet/index.scss b/src/layouts/pages/PetVet/index.scss
similarity index 100%
rename from src/layouts/app/pages/PetVet/index.scss
rename to src/layouts/pages/PetVet/index.scss
diff --git a/src/layouts/app/pages/PetVet/index.spec.js b/src/layouts/pages/PetVet/index.spec.js
similarity index 100%
rename from src/layouts/app/pages/PetVet/index.spec.js
rename to src/layouts/pages/PetVet/index.spec.js
diff --git a/src/layouts/app/pages/PetWeight/index.js b/src/layouts/pages/PetWeight/index.js
similarity index 93%
rename from src/layouts/app/pages/PetWeight/index.js
rename to src/layouts/pages/PetWeight/index.js
index e1676039..117473bb 100644
--- a/src/layouts/app/pages/PetWeight/index.js
+++ b/src/layouts/pages/PetWeight/index.js
@@ -1,9 +1,9 @@
 import { Component } from 'pet-dex-utilities';
-import Button from '../../../../components/Button';
-import RadioButton from '../../../../components/RadioButton';
-import RangeSlider from '../../../../components/RangeSlider';
-import TextInput from '../../../../components/TextInput';
-import UploadImage from '../../../../components/UploadImage';
+import Button from '~src/components/Button';
+import RadioButton from '~src/components/RadioButton';
+import RangeSlider from '~src/components/RangeSlider';
+import TextInput from '~src/components/TextInput';
+import UploadImage from '~src/components/UploadImage';
 import './index.scss';
 
 const events = ['submit'];
diff --git a/src/layouts/app/pages/PetWeight/index.scss b/src/layouts/pages/PetWeight/index.scss
similarity index 100%
rename from src/layouts/app/pages/PetWeight/index.scss
rename to src/layouts/pages/PetWeight/index.scss
diff --git a/src/layouts/app/pages/PetWeight/petWeightPage.spec.js b/src/layouts/pages/PetWeight/petWeightPage.spec.js
similarity index 100%
rename from src/layouts/app/pages/PetWeight/petWeightPage.spec.js
rename to src/layouts/pages/PetWeight/petWeightPage.spec.js
diff --git a/src/layouts/sample-page/index.html b/src/layouts/sample-page/index.html
new file mode 100644
index 00000000..3cc82f6b
--- /dev/null
+++ b/src/layouts/sample-page/index.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    Hello world
+  </body>
+</html>
diff --git a/src/layouts/app/utils/scrollable-sidemenu.js b/src/layouts/utils/scrollable-sidemenu.js
similarity index 100%
rename from src/layouts/app/utils/scrollable-sidemenu.js
rename to src/layouts/utils/scrollable-sidemenu.js
diff --git a/src/router/routes/app/add-pet/steps/birthday.js b/src/router/routes/app/add-pet/steps/birthday.js
index f483caac..7849b9c0 100644
--- a/src/router/routes/app/add-pet/steps/birthday.js
+++ b/src/router/routes/app/add-pet/steps/birthday.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-birthday',
diff --git a/src/router/routes/app/add-pet/steps/name.js b/src/router/routes/app/add-pet/steps/name.js
index 5fedf0a9..f4b5532c 100644
--- a/src/router/routes/app/add-pet/steps/name.js
+++ b/src/router/routes/app/add-pet/steps/name.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-name',
diff --git a/src/router/routes/app/add-pet/steps/petvet.js b/src/router/routes/app/add-pet/steps/petvet.js
index fd57aad5..08104be3 100644
--- a/src/router/routes/app/add-pet/steps/petvet.js
+++ b/src/router/routes/app/add-pet/steps/petvet.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-vet',
diff --git a/src/router/routes/app/add-pet/steps/race.js b/src/router/routes/app/add-pet/steps/race.js
index 8b32a79c..099fe9c4 100644
--- a/src/router/routes/app/add-pet/steps/race.js
+++ b/src/router/routes/app/add-pet/steps/race.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-race',
diff --git a/src/router/routes/app/add-pet/steps/register.js b/src/router/routes/app/add-pet/steps/register.js
index 3b8b78d8..94753a19 100644
--- a/src/router/routes/app/add-pet/steps/register.js
+++ b/src/router/routes/app/add-pet/steps/register.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-register',
diff --git a/src/router/routes/app/add-pet/steps/size.js b/src/router/routes/app/add-pet/steps/size.js
index 94f72b63..f4fa7f54 100644
--- a/src/router/routes/app/add-pet/steps/size.js
+++ b/src/router/routes/app/add-pet/steps/size.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-size',
diff --git a/src/router/routes/app/add-pet/steps/weight.js b/src/router/routes/app/add-pet/steps/weight.js
index 4dd66569..2dd6ac01 100644
--- a/src/router/routes/app/add-pet/steps/weight.js
+++ b/src/router/routes/app/add-pet/steps/weight.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-weight',
diff --git a/src/router/routes/app/main-routes/routes/account.js b/src/router/routes/app/main-routes/routes/account.js
index fbe0abd7..901ad359 100644
--- a/src/router/routes/app/main-routes/routes/account.js
+++ b/src/router/routes/app/main-routes/routes/account.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/account',
diff --git a/src/router/routes/app/main-routes/routes/donates.js b/src/router/routes/app/main-routes/routes/donates.js
index ee5428c0..2d9b924a 100644
--- a/src/router/routes/app/main-routes/routes/donates.js
+++ b/src/router/routes/app/main-routes/routes/donates.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/donates',
diff --git a/src/router/routes/app/main-routes/routes/error.js b/src/router/routes/app/main-routes/routes/error.js
index 661a9ec6..427d1d40 100644
--- a/src/router/routes/app/main-routes/routes/error.js
+++ b/src/router/routes/app/main-routes/routes/error.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '*',
diff --git a/src/router/routes/app/main-routes/routes/home.js b/src/router/routes/app/main-routes/routes/home.js
index 06ae3fb9..09e72e9d 100644
--- a/src/router/routes/app/main-routes/routes/home.js
+++ b/src/router/routes/app/main-routes/routes/home.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/',
diff --git a/src/router/routes/app/main-routes/routes/pet-dex.js b/src/router/routes/app/main-routes/routes/pet-dex.js
index 38a176e9..37fa15e1 100644
--- a/src/router/routes/app/main-routes/routes/pet-dex.js
+++ b/src/router/routes/app/main-routes/routes/pet-dex.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-dex',
diff --git a/src/router/routes/app/main-routes/routes/settings.js b/src/router/routes/app/main-routes/routes/settings.js
index 84a42460..04f4396d 100644
--- a/src/router/routes/app/main-routes/routes/settings.js
+++ b/src/router/routes/app/main-routes/routes/settings.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/settings',
diff --git a/src/router/routes/app/my-pets/steps/pet-profile.js b/src/router/routes/app/my-pets/steps/pet-profile.js
index ed6cbdc2..80485795 100644
--- a/src/router/routes/app/my-pets/steps/pet-profile.js
+++ b/src/router/routes/app/my-pets/steps/pet-profile.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-profile',
diff --git a/src/router/routes/app/my-pets/steps/pets.js b/src/router/routes/app/my-pets/steps/pets.js
index 273afa83..2311e331 100644
--- a/src/router/routes/app/my-pets/steps/pets.js
+++ b/src/router/routes/app/my-pets/steps/pets.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pets',
diff --git a/src/router/routes/create-account/create-account.js b/src/router/routes/create-account/create-account.js
index 9c774ab6..89b2f4d2 100644
--- a/src/router/routes/create-account/create-account.js
+++ b/src/router/routes/create-account/create-account.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/account/create-account',
diff --git a/vite.config.js b/vite.config.js
index ae8895e2..f25cafe3 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,7 +6,7 @@ import jsconfigPaths from 'vite-jsconfig-paths';
 import { VitePWA } from 'vite-plugin-pwa';
 
 export default defineConfig({
-  root: resolve(__dirname, 'src/layouts/app'),
+  root: resolve(__dirname, 'src/layouts/'),
   define: {
     __isBrowser__: true,
   },
@@ -33,14 +33,16 @@ export default defineConfig({
     outDir: resolve(__dirname, 'dist'),
     rollupOptions: {
       input: {
-        index: resolve(__dirname, 'src/layouts/app/index.html'),
+        index: resolve(__dirname, 'src/layouts/index.html'),
+        teste: resolve(__dirname, 'src/layouts/sample-page/index.html'),
       },
     },
   },
   resolve: {
     alias: {
-      '~styles': resolve(__dirname, 'src/styles'),
       '~src': resolve(__dirname, 'src'),
+      '~styles': resolve(__dirname, 'src/styles'),
+      '~stories': resolve(__dirname, 'src/stories'),
     },
   },
   plugins: [