diff --git a/ds.ftd b/ds.ftd
index ece299a..98fdd1c 100644
--- a/ds.ftd
+++ b/ds.ftd
@@ -1,5 +1,5 @@
 -- import: fastn-community.github.io/design-system
-export: borders, button, icon-button, primary-button, secondary-button,tertiary-button, circle-text-button, phosphor-icon-button, inline-row, footer-link, copyright-text, page-widths, header-link, page, heading-hero, heading-large, heading-medium, heading-small, heading-tiny, copy-large, copy-regular, copy-small, fine-print, source-code, link, section-row, section-column, column, element-radius, radius, row, flush, gap, hv, spaces, border-data, border-bottom, alert, container, text-input, danger-button, checkbox, link-button, floater, copy-to-clipboard-text, copy-to-clipboard-icon, label-text, package-info, storybook, tab-button
+export: borders, code, button, icon-button, primary-button, secondary-button,tertiary-button, circle-text-button, phosphor-icon-button, inline-row, footer-link, copyright-text, page-widths, header-link, page, heading-hero, heading-large, heading-medium, heading-small, heading-tiny, copy-large, copy-regular, copy-small, fine-print, source-code, link, section-row, section-column, column, element-radius, radius, row, flush, gap, hv, spaces, border-data, border-bottom, alert, container, text-input, danger-button, checkbox, link-button, floater, copy-to-clipboard-text, copy-to-clipboard-icon, label-text, package-info, storybook, tab-button
 exposing: page-widths
 
 
diff --git a/page/dashboard.ftd b/page/dashboard.ftd
index 6f28196..327bbfa 100644
--- a/page/dashboard.ftd
+++ b/page/dashboard.ftd
@@ -3,6 +3,7 @@
 -- import: fifthtry.github.io/today-has-been-ui/components/blog-post as blog
 -- import: fifthtry.github.io/today-has-been-ui/record/user-data as ud
 -- import: fifthtry.github.io/today-has-been-ui/storybook/dashboard as dashboard
+-- import: fastn-community.github.io/design-system/record as r
 
 -- component page:
 ud.user-data user-data:
@@ -14,12 +15,7 @@ user-data: $page.user-data
 spacing: $ds.spaces.vertical-gap.large
 
 -- ds.tab-button:
-cta-text-1: Older
-cta-text-2: Random
-cta-text-3: Newer
-cta-link-1: storybook/dashboard/
-cta-link-2: storybook/dashboard/
-cta-link-3: storybook/dashboard/
+tab: $tab-list
 
 -- blog.blog: Friday, Apr 13, 2012
 
@@ -45,3 +41,26 @@ Lorem ipsum
 
 -- end: page
 
+
+
+-- r.tab-button list tab-list:
+
+-- r.tab-button:
+cta-text: Older
+cta-link: /storybook/dashboard/
+index: 1
+active: false
+
+-- r.tab-button:
+cta-text: Random
+cta-link: /storybook/dashboard/
+index: 2
+active: false
+
+-- r.tab-button:
+cta-text: Newer
+cta-link: /storybook/dashboard/
+index: 3
+active: false
+
+-- end: tab-list
diff --git a/page/homepage.ftd b/page/homepage.ftd
index 75ceaa5..b96b08c 100644
--- a/page/homepage.ftd
+++ b/page/homepage.ftd
@@ -3,6 +3,7 @@
 
 -- component page:
 ud.user-data user-data:
+string whatsapp-link:
 
 -- p.page: Today Has Been
 user-data: $page.user-data
@@ -31,7 +32,7 @@ random entry from the past - right there in WhatsApp!
 -- ds.column:
 
 -- ds.secondary-button: Say "Hi" on WhatsApp
-link: storybook/homepage/
+link: $page.whatsapp-link
 size: large
 
 -- ds.heading-small: Pricing
diff --git a/storybook/homepage.ftd b/storybook/homepage.ftd
index f9e713f..2c2907f 100644
--- a/storybook/homepage.ftd
+++ b/storybook/homepage.ftd
@@ -3,4 +3,5 @@
 -- import: fifthtry.github.io/today-has-been-ui/storybook/john-doe
 
 -- homepage.page:
-user-data: $john-doe.anon
\ No newline at end of file
+user-data: $john-doe.anon
+whatsapp-link: /storybook/homepage/