[WIP] Navigation partial with nested navigation

Author: sairamya93

app/views/flexible_page/flexible_sections/_navigation.html.erb

@@ -1,6 +1,52 @@
 <div class="govuk-grid-row flexible-section">
-  <%= render "govuk_publishing_components/components/service_navigation", {
-  navigation_items: flexible_section.items,
+<%= render "components/nested_navigation", {
+  items: [
+    {
+      text: "Service Name",
+      href: "/service-name"
+    },
+    {
+      text: "A basic link",
+      href: "/something"
+    },
+    {
+      text: "Nested Heading",
+      links: [
+        {
+          text: "Example Link",
+          href: "/hello-world"
+        },
+        {
+          text: "Example Link 2",
+          href: "/hello-world"
+        },
+        {
+          text: "Example Link 3",
+          href: "/hello-world"
+        },
+        {
+          text: "This is a very very very long link",
+          href: "/hello-world"
+        },
+        {
+          text: "Another link that has a lot of characters",
+          href: "/hello-world"
+        },
+        {
+          text: "Third link containing a lot of text",
+          href: "/hello-world"
+        }
+      ]
+    },
+    {
+      text: "Third Link",
+      href: "/example1"
+    },
+    {
+      text: "Fourth Link",
+      href: "/example1"
+    }
+  ]
 } %>
 </div>