diff --git a/src/navigation.js b/src/navigation.js
index 614de63..b43ae1c 100644
--- a/src/navigation.js
+++ b/src/navigation.js
@@ -20,11 +20,11 @@ export const headerData = {
     },
     {
       text: 'Data Structure',
-      href: getPermalink('/#steps'),
+      href: getPermalink('/#structure'),
     },
     {
       text: 'Toolkit',
-      href: getPermalink('/#steps'),
+      href: getPermalink('/#toolkit'),
     },
     {
       text: 'FAQs',
diff --git a/src/pages/index.astro b/src/pages/index.astro
index a9c045d..f9e2cdc 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -76,7 +76,7 @@ const metadata = {
   </Hero3>
 
   <Content
-  id="content"
+  id="scenarios"
   isReversed
     items={[
       {
@@ -120,6 +120,7 @@ const metadata = {
   </Content>
 
   <Content
+    id="environment"
     isAfterContent
     items={[
       {
@@ -163,6 +164,7 @@ const metadata = {
   </Content>
 
   <Content
+    id="sensors"
     isAfterContent
     isReversed
     items={[
@@ -213,6 +215,7 @@ const metadata = {
   </Content>
 
   <Content
+    id="structure"
     isAfterContent
     items={[
       {
@@ -256,6 +259,7 @@ const metadata = {
   </Content>
 
   <Content
+    id="toolkit"
     isAfterContent
     isReversed
     items={[