diff --git a/site/layouts/index.html b/site/layouts/index.html
index 7efa8dd..550e6d6 100644
--- a/site/layouts/index.html
+++ b/site/layouts/index.html
@@ -1,8 +1,8 @@
 {{ define "main" }}
 
-
-<section id="js-block-parent" class="container max-w-full w-full h-screen bg-gray-100 flex flex-wrap items-center justify-center content-around justify-around">
-  {{ partial "block.html" . }}
-</section>
+{{ partial "hero.html" }}
+{{ partial "about.html" }}
+{{ partial "services.html" }}
+{{ partial "contact.html" }}
 
 {{ end }}
diff --git a/site/layouts/partials/about.html b/site/layouts/partials/about.html
new file mode 100644
index 0000000..92e216c
--- /dev/null
+++ b/site/layouts/partials/about.html
@@ -0,0 +1,3 @@
+<section class="container max-w-full w-full h-screen bg-gray-300">
+</section>
+
diff --git a/site/layouts/partials/block.html b/site/layouts/partials/blocks.html
similarity index 100%
rename from site/layouts/partials/block.html
rename to site/layouts/partials/blocks.html
diff --git a/site/layouts/partials/contact.html b/site/layouts/partials/contact.html
new file mode 100644
index 0000000..c4a0cc2
--- /dev/null
+++ b/site/layouts/partials/contact.html
@@ -0,0 +1,3 @@
+<section class="container max-w-full w-full h-screen bg-gray-700">
+</section>
+
diff --git a/site/layouts/partials/footer.html b/site/layouts/partials/footer.html
index e69de29..3148a3e 100644
--- a/site/layouts/partials/footer.html
+++ b/site/layouts/partials/footer.html
@@ -0,0 +1 @@
+<div>The Footer</div>
diff --git a/site/layouts/partials/header.html b/site/layouts/partials/header.html
index e69de29..eeb9b49 100644
--- a/site/layouts/partials/header.html
+++ b/site/layouts/partials/header.html
@@ -0,0 +1 @@
+<div>The Header</div>
diff --git a/site/layouts/partials/hero.html b/site/layouts/partials/hero.html
new file mode 100644
index 0000000..1d6d15a
--- /dev/null
+++ b/site/layouts/partials/hero.html
@@ -0,0 +1,3 @@
+<section id="js-block-parent" class="container max-w-full w-full h-screen bg-gray-100 flex flex-wrap items-center justify-center content-around justify-around">
+  {{ partial "blocks.html" . }}
+</section>
diff --git a/site/layouts/partials/services.html b/site/layouts/partials/services.html
new file mode 100644
index 0000000..efde827
--- /dev/null
+++ b/site/layouts/partials/services.html
@@ -0,0 +1,3 @@
+<section class="container max-w-full w-full h-screen bg-gray-500">
+</section>
+