docs: add image header for ripple framework

README.md

@@ -1,12 +1,17 @@
 # Ripple 2.0
 
+<img src="/docs/public/assets/img/ripple-header.png" alt="Ripple branding header made up of different decorative shapes" style="margin-top: -70px;" />
+
+
 <a href="https://vuejs.org/">
   <img src="https://img.shields.io/badge/vue.js-3-brightgreen" alt="">
 </a>
 <a href="https://v3.nuxtjs.org/">
   <img src="https://img.shields.io/badge/nuxt-3-lightgrey" alt="">
 </a>
 
+
+
 ## About the project
 
 Ripple is the presentation layer for building websites on the DPC [Single Digital Presence](https://www.vic.gov.au/single-digital-presence) platform.

docs/content/framework/1.index.md

@@ -1,18 +1,18 @@
 ---
-title: About
-description: Ripple framework contains the tools for building SDP sites using the Ripple design system components.
+title: Ripple Framework
+description: 
 layout: page
-links:
-  - text: Github
-    url: https://github.com/dpc-sdp/ripple-framework
-  - text: Single Digital Presence
-    url: https://www.vic.gov.au/single-digital-presence
 ---
 
+![Ripple Framework](/assets/img/ripple-header.png){style="margin-top: -80px; padding-bottom: 50px; "}
+
+Ripple framework contains the tools for building SDP sites using the Ripple design system components.
+
 ## What is it?
 
 The Ripple design system consists of the design elements and components used to build _any_ web application using the Victorian government brand. Ripple _framework_ is a collection of [Nuxt 3](2.key-concepts/1.nuxt.md) modules and [layers](2.key-concepts/2.nuxt-layers.md) primarily used to create headless SDP websites using the Tide Drupal CMS.
 
+
 ![ripple is made up of Figma design, CSS styles, Vue JS components and Nuxt JS Sites](/assets/img/modules/rpl-modules.png){.rpl-u-padding-t-4}
 
 
@@ -28,3 +28,5 @@ Using the Ripple framework, developers are able to build headless frontend websi
 
 
 To find out more about Single Digital presence please visit https://www.vic.gov.au/single-digital-presence
+
+