From b0cd2b419907076b3d0282347aaba9ba91defcb9 Mon Sep 17 00:00:00 2001
From: Joel Drapper <joel@drapper.me>
Date: Wed, 4 Sep 2024 17:02:28 +0100
Subject: [PATCH] Sketch out new content

---
 .vitepress/config.mts     | 21 +++++++++++++++++++--
 compare/action-view.md    |  1 +
 compare/haml.md           |  1 +
 compare/react.md          |  1 +
 compare/slim.md           |  1 +
 compare/view-component.md |  1 +
 handbook/index.md         |  6 ++++++
 7 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 compare/action-view.md
 create mode 100644 compare/haml.md
 create mode 100644 compare/react.md
 create mode 100644 compare/slim.md
 create mode 100644 compare/view-component.md

diff --git a/.vitepress/config.mts b/.vitepress/config.mts
index c568825..1dbd114 100644
--- a/.vitepress/config.mts
+++ b/.vitepress/config.mts
@@ -35,19 +35,21 @@ export default defineConfig({
 					},
 					{ text: "Tags", link: "/handbook/tags" },
 					{ text: "Layouts", link: "/handbook/layouts" },
+					{ text: "Helpers", link: "/handbook/helpers" },
+					{ text: "Testing", link: "/handbook/testing" },
 				],
 			},
 
 			{
 				text: "Guides",
-				collapsed: false,
+				collapsed: true,
 				items: [{ text: "Upgrading to v2", link: "/guides/v2-upgrade" }],
 			},
 
 			{
 				text: "Reference",
 				link: "/reference/",
-				collapsed: false,
+				collapsed: true,
 				items: [
 					{ text: "SGML", link: "/reference/sgml" },
 					{ text: "HTML", link: "/reference/html" },
@@ -65,6 +67,18 @@ export default defineConfig({
 				],
 			},
 
+			{
+				text: "Compared to…",
+				collapsed: true,
+				items: [
+					{ text: "ViewComponent", link: "/compare/view-component" },
+					{ text: "ActionView & ERB", link: "/compare/action-view" },
+					{ text: "React", link: "/compare/react" },
+					{ text: "Slim", link: "/compare/slim" },
+					{ text: "Haml", link: "/compare/haml" },
+				],
+			},
+
 			{
 				text: "Technical Design",
 				collapsed: true,
@@ -88,8 +102,11 @@ export default defineConfig({
 			{ icon: "github", link: "https://github.com/phlex-ruby" },
 			{ icon: "discord", link: "https://discord.gg/p7C9SWS8Sa" },
 		],
+
 		footer: {
 			message: "Released under the MIT License.",
+			copyright:
+				'Made by <a href="https://github.com/joeldrapper">Joel Drapper</a>, <a href="https://github.com/willcosgrove">Will Cosgrove</a> and dozens of other <a href="https://github.com/phlex-ruby/phlex/graphs/contributors">contributors</a>.',
 		},
 	},
 });
diff --git a/compare/action-view.md b/compare/action-view.md
new file mode 100644
index 0000000..db3982f
--- /dev/null
+++ b/compare/action-view.md
@@ -0,0 +1 @@
+# Phlex vs ActionView & ERB
diff --git a/compare/haml.md b/compare/haml.md
new file mode 100644
index 0000000..a37de5d
--- /dev/null
+++ b/compare/haml.md
@@ -0,0 +1 @@
+# Phlex vs Haml
diff --git a/compare/react.md b/compare/react.md
new file mode 100644
index 0000000..9a32943
--- /dev/null
+++ b/compare/react.md
@@ -0,0 +1 @@
+# Phlex vs React
diff --git a/compare/slim.md b/compare/slim.md
new file mode 100644
index 0000000..e6aa248
--- /dev/null
+++ b/compare/slim.md
@@ -0,0 +1 @@
+# Phlex vs Slim
diff --git a/compare/view-component.md b/compare/view-component.md
new file mode 100644
index 0000000..571901b
--- /dev/null
+++ b/compare/view-component.md
@@ -0,0 +1 @@
+# Phlex vs ViewComponent
diff --git a/handbook/index.md b/handbook/index.md
index 400b2fc..ff4ec38 100644
--- a/handbook/index.md
+++ b/handbook/index.md
@@ -1,3 +1,9 @@
+---
+
+prev: false
+
+---
+
 # Intro
 
 Phlex is a Ruby gem for building fast object-oriented views. Phlex actually supports **HTML**, **SVG** and **CSV** views, but we'll focus on HTML views to begin with.