Header

al · Jun 29, 2024 · dab0b09 · dab0b09
1 parent 6a7abae
commit dab0b09
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 22 deletions.
diff --git a/src/components/HomePage0628/GetInvolved.vue b/src/components/HomePage0628/GetInvolved.vue
@@ -1,8 +1,11 @@
 <template>
-  <div class="my-6 mb-10 max-w-xl sm:text-center mx-auto md:mb-12 lg:max-w-2xl">
+  <div
+    class="px-4 sm:px-0 my-6 mb-10 max-w-xl lg:text-center mx-auto md:mb-12 lg:max-w-2xl"
+    zclass="sm:text-center mx-auto px-4 sm:max-w-xl md:max-w-full md:px-24 lg:max-w-5xl lg:px-8 mb-4"
+  >
     <h2
       class="mb-6 max-w-full scroll-mt-[80px] font-sans text-3xl font-bold leading-none tracking-tight text-gray-800 sm:text-4xl md:mx-auto"
-      id="what-to-do"
+      id="spread-the-word"
     >
       Help Spread the Word
     </h2>

diff --git a/src/components/HomePage0628/WhatToDo.vue b/src/components/HomePage0628/WhatToDo.vue
@@ -4,7 +4,7 @@
   >
     <h2
       class="my-6 max-w-full scroll-mt-[80px] font-sans text-3xl font-bold leading-none tracking-tight text-gray-800 sm:text-4xl md:mx-auto"
-      id="what-to-do"
+      id="what-to-know"
     >
       If a vehicle you are driving hits a cat you must act
     </h2>

diff --git a/src/components/Layout/PageNavbar.vue b/src/components/Layout/PageNavbar.vue
@@ -75,27 +75,22 @@ import { ref } from 'vue'
 import { Dialog, DialogPanel } from '@headlessui/vue'
 import { Bars3Icon, XMarkIcon } from '@heroicons/vue/24/outline'
 
-const navigation = [
-  { name: 'Home 28/06', href: { name: 'homePage0628' } },
-  { name: 'Home 25/06', href: { name: 'homePage0625' } },
-  { name: 'Home 24/06 b', href: { name: 'homePage0624b' } },
-  { name: 'Home 24/06 a', href: { name: 'homePage0624a' } },
-  { name: 'Home 20/06', href: { name: 'homePage0620' } },
-]
-
 // const navigation = [
-//   { name: 'Home', href: { name: 'homePage' } },
-//   { name: 'Old', href: { name: 'homePage1' } },
-//   { name: 'Poster', href: { name: 'posterMaker' } },
-//   { name: 'The Law', href: { name: 'homePage', hash: '#the-law' } },
-//   { name: 'What to do', href: { name: 'homePage', hash: '#what-to-do' } },
-//   { name: 'Speed Matters', href: { name: 'homePage', hash: '#speed-matters' } },
-//   { name: "Lionel's Story", href: { name: 'homePage', hash: '#lionels-story' } },
-//   { name: 'Get involved', href: { name: 'homePage', hash: '#get-involved' } },
-//   { name: 'Resources', href: { name: 'homePage', hash: '#resources' } },
-//   { name: 'Stay in touch', href: { name: 'homePage', hash: '#stay-in-touch' } },
+//   { name: 'Home 28/06', href: { name: 'homePage0628' } },
+//   { name: 'Home 25/06', href: { name: 'homePage0625' } },
+//   { name: 'Home 24/06 b', href: { name: 'homePage0624b' } },
+//   { name: 'Home 24/06 a', href: { name: 'homePage0624a' } },
+//   { name: 'Home 20/06', href: { name: 'homePage0620' } },
 // ]
 
+const navigation = [
+  { name: 'About Lionel', href: { name: 'homePage', hash: '#about-lionel' } },
+  { name: 'What you should know', href: { name: 'homePage', hash: '#what-to-know' } },
+  { name: 'Spread the word', href: { name: 'homePage', hash: '#spread-the-word' } },
+  { name: 'Speed Matters', href: { name: 'homePage', hash: '#speed-matters' } },
+  { name: 'Resources', href: { name: 'homePage', hash: '#resources' } },
+]
+
 const mobileMenuOpen = ref(false)
 </script>
 

diff --git a/src/router/index.js b/src/router/index.js
@@ -14,9 +14,14 @@ const routes = [
     children: [
       {
         component: HomePage0628,
-        name: 'homePage0628',
+        name: 'homePage',
         path: '/',
       },
+      {
+        component: HomePage0628,
+        name: 'homePage0628',
+        path: '/home-0628',
+      },
       {
         component: HomePage0625,
         name: 'homePage0625',