diff --git a/hugo/assets/styles.scss b/hugo/assets/styles.scss
index 6f4d419..c67406a 100644
--- a/hugo/assets/styles.scss
+++ b/hugo/assets/styles.scss
@@ -52,6 +52,7 @@ body {
   grid-template-columns:
     minmax(var(--padding), 1fr) minmax(auto, var(--content-width))
     minmax(var(--padding), 1fr);
+  grid-template-rows: min-content 1fr min-content;
 }
 
 a {
@@ -99,7 +100,7 @@ p + p {
 
 .header {
   background-color: var(--surface-2);
-
+  // block-size: max-content;
   padding: var(--size-fluid-3) 0;
   margin-block-end: var(--size-fluid-3);
   align-items: center;
@@ -133,11 +134,12 @@ p + p {
   }
 
   .title {
+    font-size: var(--font-size-fluid-3);
     line-height: 1;
   }
 
   .subtitle {
-    font-size: var(--font-size-3);
+    font-size: var(--font-size-fluid-1);
     font-weight: var(--font-weight-4);
   }
 }
@@ -153,6 +155,20 @@ p + p {
   color: var(--text-1);
 }
 
-.main > * {
+.main,
+.footer > * {
   grid-column: 2 / 3;
 }
+
+.footer {
+  background-color: var(--surface-2);
+  block-size: 10rem;
+  align-items: center;
+  margin-block-start: var(--size-fluid-3);
+  .footer-container {
+    display: flex;
+    flex-direction: column;
+    gap: var(--size-1);
+    color: var(--text-2);
+  }
+}
diff --git a/hugo/content/_index.md b/hugo/content/_index.md
new file mode 100644
index 0000000..f8fbcd1
--- /dev/null
+++ b/hugo/content/_index.md
@@ -0,0 +1,4 @@
+---
+title: Gloria Deo Classical Cooperative
+description: Gloria Deo Classical Cooperative is a Schole Community in the classical tradition.
+---
diff --git a/hugo/content/visitor-information.md b/hugo/content/visitor-information.md
new file mode 100644
index 0000000..cbc6094
--- /dev/null
+++ b/hugo/content/visitor-information.md
@@ -0,0 +1,5 @@
+---
+title: Visitor Information
+description: Information for families who are interested in visiting Gloria Deo.
+type: visitor-information
+---
diff --git a/hugo/layouts/partials/footer.html b/hugo/layouts/partials/footer.html
index e69de29..e780083 100644
--- a/hugo/layouts/partials/footer.html
+++ b/hugo/layouts/partials/footer.html
@@ -0,0 +1,4 @@
+<div class="footer-container">
+  <div>Gloria Deo Classical Cooperative</div>
+  <div>Copyright 2024</div>
+</div>
diff --git a/hugo/layouts/partials/header.html b/hugo/layouts/partials/header.html
index 831cd8c..4e9c480 100644
--- a/hugo/layouts/partials/header.html
+++ b/hugo/layouts/partials/header.html
@@ -22,7 +22,7 @@
       />
     </svg>
     <div class="title-container">
-      <h1 class="title">Gloria Deo</h1>
+      <div class="title">Gloria Deo</div>
       <div class="subtitle">Classical Cooperative</div>
     </div>
   </div>
diff --git a/hugo/layouts/visitor-information/single.html b/hugo/layouts/visitor-information/single.html
new file mode 100644
index 0000000..f927202
--- /dev/null
+++ b/hugo/layouts/visitor-information/single.html
@@ -0,0 +1,3 @@
+{{ define "main" }}
+  <h1>{{ .Title }}</h1>
+{{- end }}