diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 63f1fdd0..4539bc3e 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -1,6 +1,6 @@
 repos:
 - repo: https://github.com/pre-commit/pre-commit-hooks
-  rev: v2.3.0
+  rev: v4.0.1
   hooks:
   - id: check-yaml
   - id: end-of-file-fixer
@@ -8,7 +8,7 @@ repos:
   - id: trailing-whitespace
     exclude: 'ethicalads-theme/.*$'
 - repo: https://github.com/ambv/black
-  rev: stable
+  rev: 21.5b1
   hooks:
   - id: black
     # Since the pre-commit runs on a file by file basis rather than a whole project,
@@ -16,7 +16,7 @@ repos:
     exclude: migrations
     language_version: python3
 - repo: https://github.com/asottile/reorder_python_imports
-  rev: v1.3.2
+  rev: v2.5.0
   hooks:
   - id: reorder-python-imports
     language_version: python3
diff --git a/content/pages/learning-hub/advertiser-guide.md b/content/pages/learning-hub/advertiser-guide.md
new file mode 100644
index 00000000..fdad5e7c
--- /dev/null
+++ b/content/pages/learning-hub/advertiser-guide.md
@@ -0,0 +1,6 @@
+title: Advertiser's Guide
+slug: advertiser-guide
+description: A guide to help advertisers get the most out of our network.
+subtitle: Good ads start with good focus.
+
+TODO(ra): insert advertiser guide
diff --git a/content/pages/learning-hub/audience.md b/content/pages/learning-hub/audience.md
new file mode 100644
index 00000000..29d07418
--- /dev/null
+++ b/content/pages/learning-hub/audience.md
@@ -0,0 +1,6 @@
+title: The EthicalAds Audience
+slug: our-audience
+description: All about our audience.
+subtitle: Who is and isn't on our network.
+
+TODO(ra): insert info about our audience.
diff --git a/content/pages/learning-hub/publisher-guide.md b/content/pages/learning-hub/publisher-guide.md
new file mode 100644
index 00000000..91fee13c
--- /dev/null
+++ b/content/pages/learning-hub/publisher-guide.md
@@ -0,0 +1,6 @@
+title: Publisher's Guide
+slug: publisher-guide
+description: A guide to help publishers get the most out of our network.
+subtitle: Good ad placement start with good focus.
+
+TODO(ra): insert publisher guide
diff --git a/content/pages/learning-hub/surveillance-advertising.md b/content/pages/learning-hub/surveillance-advertising.md
new file mode 100644
index 00000000..20e6338f
--- /dev/null
+++ b/content/pages/learning-hub/surveillance-advertising.md
@@ -0,0 +1,6 @@
+title: Surveillance Advertising
+slug: surveillance
+description: All about how you're being tracked around the web.
+subtitle: Good advertising doesn't stalk you.
+
+TODO(ra): insert info about surveillance advertising
diff --git a/ethicalads-theme/templates/ea/learning-hub.html b/ethicalads-theme/templates/ea/learning-hub.html
index 805f88ea..d8df4487 100644
--- a/ethicalads-theme/templates/ea/learning-hub.html
+++ b/ethicalads-theme/templates/ea/learning-hub.html
@@ -47,7 +47,9 @@ <h1 class="display-2 font-weight-bold text-white">{{ page.title }}</h1>
               </div>
 
               <!-- Heading -->
-              <h4 class="font-weight-bold"><a href="/advertising-vision/">Our Ad Vision</a></h4>
+              <h4 class="font-weight-bold">
+                <a href="/advertising-vision/">Our Ad Vision</a>
+              </h4>
 
               <!-- Text -->
               <p class="text-gray-700 mb-5">
@@ -71,7 +73,7 @@ <h4 class="font-weight-bold"><a href="/advertising-vision/">Our Ad Vision</a></h
 
               <!-- Heading -->
               <h4 class="font-weight-bold">
-                <a href="#">The EthicalAds Audience</a>
+                <a href="/our-audience/">The EthicalAds Audience</a>
               </h4>
 
               <!-- Text -->
@@ -96,7 +98,7 @@ <h4 class="font-weight-bold">
 
               <!-- Heading -->
               <h4 class="font-weight-bold">
-                <a href="#">About Surveillance Advertising</a>
+                <a href="/surveillance/">About Surveillance Advertising</a>
               </h4>
 
               <!-- Text -->
@@ -121,7 +123,7 @@ <h4 class="font-weight-bold">
 
               <!-- Heading -->
               <h4 class="font-weight-bold">
-                <a href="#">Advertiser's Guide</a>
+                <a href="/advertiser-guide/">Advertiser's Guide</a>
               </h4>
 
               <!-- Text -->
@@ -146,7 +148,7 @@ <h4 class="font-weight-bold">
 
               <!-- Heading -->
               <h4 class="font-weight-bold">
-                <a href="#">Publisher's Guide</a>
+                <a href="/publisher-guide/">Publisher's Guide</a>
               </h4>
 
               <!-- Text -->