diff --git a/src/creators.hbs b/src/creators.hbs
index ff0f543..536fe0c 100644
--- a/src/creators.hbs
+++ b/src/creators.hbs
@@ -1,22 +1,6 @@
-<!doctype html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Document</title>
-
- <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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
-
- <link rel="stylesheet" href="../dist/style.css">
-</head>
-<body>
+{{#> views/layout}}
{{> views/header }}
<main>
Creators
</main>
-</body>
-</html>
\ No newline at end of file
+{{/views/layout}}
\ No newline at end of file
diff --git a/src/discover.hbs b/src/discover.hbs
index 3d4e727..e950655 100644
--- a/src/discover.hbs
+++ b/src/discover.hbs
@@ -1,22 +1,6 @@
-<!doctype html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Document</title>
-
- <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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
-
- <link rel="stylesheet" href="../dist/style.css">
-</head>
-<body>
+{{#> views/layout}}
{{> views/header }}
<main>
Discover
</main>
-</body>
-</html>
\ No newline at end of file
+{{/views/layout}}
\ No newline at end of file
diff --git a/src/index.hbs b/src/index.hbs
index 3c9731e..9068be7 100644
--- a/src/index.hbs
+++ b/src/index.hbs
@@ -1,24 +1,6 @@
-<!doctype html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Document</title>
-
- <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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900"
- rel="stylesheet">
- <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900"
- rel="stylesheet">
- <link rel="stylesheet" href="style.css">
-</head>
-<body>
- {{> views/header }}
-<main>
- {{> views/carusel }}
-</main>
-</body>
-</html>
\ No newline at end of file
+{{#> views/layout}}
+ {{> views/header }}
+ <main>
+ {{> views/carusel }}
+ </main>
+{{/views/layout}}
\ No newline at end of file
diff --git a/src/index.ts b/src/index.ts
index aa9f3c7..e6a86b9 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,3 +1,4 @@
+import './style.css'
import { initCarusel } from './components/carusel'
const container = document.querySelector<HTMLElement>('.nft-card-container')
diff --git a/src/style.css b/src/style.css
index f178477..d844d91 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,3 +1,7 @@
+body {
+ margin: 0;
+}
+
html {
--color-dark: #141416;
--text-dark: var(--color-dark);
diff --git a/src/views/layout.hbs b/src/views/layout.hbs
new file mode 100644
index 0000000..b92c222
--- /dev/null
+++ b/src/views/layout.hbs
@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport"
+ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>{{#if title}}{{title}}{{else}}Document{{/if}}</title>
+
+ <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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900"
+ rel="stylesheet">
+ <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900"
+ rel="stylesheet">
+</head>
+<body>
+{{> @partial-block }}
+</body>
+</html>
\ No newline at end of file