diff --git a/data/landing.yaml b/data/landing.yaml
index 171354b..b656f16 100644
--- a/data/landing.yaml
+++ b/data/landing.yaml
@@ -115,3 +115,93 @@ featureGrid:
ctaLink:
text: learn more
url: /docs/
+
+imageText:
+ enable: false
+ weight: 25
+ template: image text
+
+ title: Built with performance and accessability in mind. Top scores on Google's Lighthouse
+ subtitle: A default Lotus Docs deployment is capable of achieving 4 x 100 scores on Google's Lighthouse performance analysis tool.
+
+ list:
+ - text: Blazing fast page loads
+ icon: speed
+
+ - text: Sensible default SEO friendly settings
+ icon: area_chart
+
+ - text: Designed to be accessible
+ icon: accessibility
+
+ image:
+ path: "images/templates/single"
+ filename: "google_lighthouse_circle_v1.0.svg"
+ alt: "Google LightHouse 100% Illustration" # Optional but recommended
+
+ imgOrder:
+ desktop: 2
+ mobile: 1
+
+ ctaButton:
+ text: Learn more
+ url: "/docs/"
+
+# Image compare
+imageCompare:
+ enable: false
+ weight: 30
+ template: image compare
+
+ title: Customise The Lotus Docs Appearance
+ subtitle: Much of Lotus Docs' appearance can be customised. Dark mode is optional (enabled by default) and you can choose a Google font that suites you via the config parameters.
+
+ items:
+ - title: Dark Mode
+ config: {
+ startingPoint: 50,
+ addCircle: true,
+ addCircleBlur: false,
+ showLabels: true,
+ labelOptions: {
+ before: 'Dark',
+ after: 'Light',
+ onHover: false
+ }
+ }
+ imagePath: "images/screenshots"
+ imageBefore: "lotusdocs_dark_v0.8.webp"
+ imageAfter: "lotusdocs_light_v0.8.webp"
+
+ - title: Custom Fonts
+ config: {
+ controlColor: "#3C4257",
+ startingPoint: 25,
+ addCircle: true,
+ addCircleBlur: false,
+ showLabels: true,
+ labelOptions: {
+ before: 'Inter',
+ after: 'Life Saver',
+ onHover: false
+ }
+ }
+ imagePath: "images/screenshots"
+ imageBefore: "lotusdocs_google_font_demo_inter_screenshot.webp"
+ imageAfter: "lotusdocs_google_font_demo_lifesavers_screenshot.webp"
+
+ - title: Accent Color
+ config: {
+ startingPoint: 25,
+ addCircle: true,
+ addCircleBlur: true,
+ showLabels: true,
+ labelOptions: {
+ before: 'Blue',
+ after: 'Cardinal',
+ onHover: false
+ }
+ }
+ imagePath: "images/screenshots"
+ imageBefore: "lotusdocs_blue_theme_colour.webp"
+ imageAfter: "lotusdocs_cardinal_theme_colour.webp"
diff --git a/public/404.html b/public/404.html
index af3e90d..3e82fc7 100644
--- a/public/404.html
+++ b/public/404.html
@@ -26,15 +26,9 @@
-
-
-
-
-
-
-
-
-
+
+
+
@@ -87,8 +81,6 @@
-
-