From 5c59e55e5309a1ae3e24ad2eac59ee3a991e65f4 Mon Sep 17 00:00:00 2001
From: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com>
Date: Mon, 19 Feb 2024 13:22:41 +0530
Subject: [PATCH] feat: new data analytics page to show admins on first login

---
 .../assets/images/hoppscotch-title.svg        | 16 ++++
 .../hoppscotch-sh-admin/src/components.d.ts   | 89 +++++++++----------
 .../hoppscotch-sh-admin/src/pages/data.vue    | 76 ++++++++++++++++
 3 files changed, 136 insertions(+), 45 deletions(-)
 create mode 100644 packages/hoppscotch-sh-admin/assets/images/hoppscotch-title.svg
 create mode 100644 packages/hoppscotch-sh-admin/src/pages/data.vue

diff --git a/packages/hoppscotch-sh-admin/assets/images/hoppscotch-title.svg b/packages/hoppscotch-sh-admin/assets/images/hoppscotch-title.svg
new file mode 100644
index 000000000..b33ed65bd
--- /dev/null
+++ b/packages/hoppscotch-sh-admin/assets/images/hoppscotch-title.svg
@@ -0,0 +1,16 @@
+<svg width="331" height="45" viewBox="0 0 331 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.6246 26.1371C33.0006 27.5354 31.0809 28.041 29.3368 27.2663C27.5927 26.4916 26.6848 24.73 27.3088 23.3317C27.9328 21.9334 29.8525 21.4279 31.5966 22.2026C33.3406 22.9773 34.2486 24.7388 33.6246 26.1371Z" fill="white"/>
+<path d="M44.0676 32.1669C45.8936 32.6891 47.7149 31.9259 48.1357 30.4624C48.5565 28.9989 47.4174 27.3892 45.5915 26.867C43.7656 26.3449 41.9442 27.108 41.5234 28.5715C41.1026 30.0351 42.2417 31.6448 44.0676 32.1669Z" fill="white"/>
+<path d="M18.7488 14.9439C20.3596 15.9482 21.0098 17.8092 20.2012 19.1005C19.3927 20.3918 17.4314 20.6244 15.8207 19.62C14.2099 18.6156 13.5597 16.7547 14.3683 15.4634C15.1769 14.1721 17.1381 13.9395 18.7488 14.9439Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.6046 2.01061C48.845 5.6709 54.1347 13.6568 54.3457 22.5803C59.1966 26.3892 64.0172 31.7206 61.7753 36.7443C59.2609 42.3784 50.306 42.1466 40.1275 39.2956C35.2246 42.0037 29.1423 42.4667 23.6406 40.0229C18.139 37.5792 14.4154 32.7638 13.1505 27.3128C4.21605 21.6741 -1.94858 15.19 0.565742 9.55601C2.8077 4.5323 10.0047 4.5389 16.0878 5.58671C22.8759 -0.227821 32.3641 -1.64967 40.6046 2.01061ZM4.83679 11.4531C3.61531 14.1902 10.1761 21.9584 28.1412 29.9382C46.1063 37.918 56.2827 37.5843 57.5042 34.8472C58.5152 32.5819 54.3556 28.2274 49.5922 24.8534C45.8871 22.2113 40.8119 19.2992 34.1918 16.3586C32.39 15.5583 31.6863 13.4223 32.444 11.7246C33.2016 10.027 34.8661 8.89177 38.3702 8.73021C40.0197 8.72521 40.2362 8.2689 40.3116 7.87768C40.405 7.27411 39.5665 6.65894 38.7016 6.27477C31.8252 3.22038 23.4074 4.50137 17.5726 10.6308C11.872 9.35686 5.84776 9.18781 4.83679 11.4531Z" fill="white"/>
+<path d="M79.2855 35.9435V4.86794H85.7377V17.387H100.066V4.86794H106.518V35.9435H100.066V23.2025H85.7377V35.9435H79.2855Z" fill="white"/>
+<path d="M123.083 36.3875C120.769 36.3875 118.678 35.8547 116.809 34.7893C114.94 33.7238 113.457 32.2884 112.359 30.4831C111.261 28.6777 110.713 26.6504 110.713 24.4012C110.713 22.1519 111.247 20.1246 112.314 18.3192C113.412 16.4843 114.895 15.0341 116.764 13.9686C118.663 12.9032 120.769 12.3705 123.083 12.3705C125.397 12.3705 127.488 12.9032 129.357 13.9686C131.256 15.0341 132.739 16.4843 133.807 18.3192C134.905 20.1246 135.453 22.1519 135.453 24.4012C135.453 26.6504 134.905 28.6777 133.807 30.4831C132.739 32.2884 131.271 33.7238 129.402 34.7893C127.533 35.8547 125.427 36.3875 123.083 36.3875ZM123.083 31.1046C124.299 31.1046 125.382 30.8086 126.331 30.2167C127.31 29.6248 128.082 28.8257 128.645 27.8195C129.239 26.7836 129.535 25.6442 129.535 24.4012C129.535 23.1285 129.239 21.9891 128.645 20.9828C128.082 19.9766 127.31 19.1775 126.331 18.5856C125.382 17.9641 124.299 17.6533 123.083 17.6533C121.896 17.6533 120.814 17.9641 119.835 18.5856C118.856 19.1775 118.084 19.9766 117.521 20.9828C116.957 21.9891 116.675 23.1285 116.675 24.4012C116.675 25.6442 116.957 26.7836 117.521 27.8195C118.084 28.8257 118.856 29.6248 119.835 30.2167C120.814 30.8086 121.896 31.1046 123.083 31.1046Z" fill="white"/>
+<path d="M139.201 44.9998V12.8144H145.208V14.7233C147.106 13.2435 149.302 12.5037 151.794 12.5037C153.989 12.5037 155.976 13.0364 157.756 14.1018C159.536 15.1673 160.945 16.6027 161.984 18.408C163.052 20.1838 163.586 22.1815 163.586 24.4012C163.586 26.6208 163.052 28.6334 161.984 30.4387C160.916 32.2144 159.477 33.635 157.667 34.7005C155.858 35.7363 153.841 36.2543 151.616 36.2543C150.459 36.2543 149.346 36.1063 148.278 35.8103C147.21 35.4848 146.217 35.026 145.297 34.4341V44.9998H139.201ZM150.815 31.1046C152.09 31.1046 153.232 30.8086 154.241 30.2167C155.279 29.6248 156.095 28.8257 156.688 27.8195C157.282 26.8132 157.578 25.6738 157.578 24.4012C157.578 23.1285 157.282 21.9891 156.688 20.9828C156.095 19.947 155.279 19.1479 154.241 18.5856C153.232 17.9937 152.09 17.6977 150.815 17.6977C149.687 17.6977 148.649 17.8901 147.7 18.2748C146.78 18.63 145.979 19.1775 145.297 19.9174V28.9293C145.95 29.61 146.751 30.1427 147.7 30.5275C148.679 30.9122 149.717 31.1046 150.815 31.1046Z" fill="white"/>
+<path d="M167.273 44.9998V12.8144H173.28V14.7233C175.178 13.2435 177.374 12.5037 179.866 12.5037C182.061 12.5037 184.048 13.0364 185.828 14.1018C187.608 15.1673 189.017 16.6027 190.056 18.408C191.124 20.1838 191.658 22.1815 191.658 24.4012C191.658 26.6208 191.124 28.6334 190.056 30.4387C188.988 32.2144 187.549 33.635 185.739 34.7005C183.93 35.7363 181.913 36.2543 179.688 36.2543C178.531 36.2543 177.418 36.1063 176.35 35.8103C175.282 35.4848 174.289 35.026 173.369 34.4341V44.9998H167.273ZM178.887 31.1046C180.162 31.1046 181.304 30.8086 182.313 30.2167C183.351 29.6248 184.167 28.8257 184.76 27.8195C185.354 26.8132 185.65 25.6738 185.65 24.4012C185.65 23.1285 185.354 21.9891 184.76 20.9828C184.167 19.947 183.351 19.1479 182.313 18.5856C181.304 17.9937 180.162 17.6977 178.887 17.6977C177.759 17.6977 176.721 17.8901 175.772 18.2748C174.852 18.63 174.051 19.1775 173.369 19.9174V28.9293C174.022 29.61 174.822 30.1427 175.772 30.5275C176.751 30.9122 177.789 31.1046 178.887 31.1046Z" fill="white"/>
+<path d="M204.022 36.3875C201.886 36.3875 199.913 36.1211 198.104 35.5884C196.294 35.026 194.722 34.227 193.387 33.1911L196.413 29.1513C197.748 30.0392 199.023 30.7051 200.239 31.149C201.485 31.5929 202.716 31.8149 203.933 31.8149C205.297 31.8149 206.38 31.5929 207.181 31.149C208.012 30.6755 208.427 30.0688 208.427 29.3289C208.427 28.7369 208.19 28.2634 207.715 27.9083C207.27 27.5531 206.543 27.3015 205.535 27.1536L201.085 26.4877C198.771 26.1325 197.021 25.3926 195.834 24.268C194.648 23.1137 194.054 21.6044 194.054 19.7398C194.054 18.2304 194.44 16.943 195.211 15.8776C196.012 14.7825 197.125 13.939 198.549 13.3471C200.002 12.7256 201.723 12.4149 203.71 12.4149C205.401 12.4149 207.048 12.6516 208.65 13.1252C210.281 13.5987 211.809 14.3238 213.233 15.3005L210.296 19.2515C209.02 18.4524 207.804 17.8753 206.647 17.5201C205.49 17.165 204.318 16.9874 203.132 16.9874C202.034 16.9874 201.144 17.1946 200.462 17.6089C199.809 18.0233 199.483 18.5708 199.483 19.2515C199.483 19.873 199.72 20.3613 200.195 20.7165C200.67 21.0716 201.485 21.3232 202.642 21.4712L207.048 22.1371C209.362 22.4626 211.127 23.2025 212.343 24.3568C213.559 25.4814 214.167 26.9464 214.167 28.7517C214.167 30.2315 213.722 31.5485 212.832 32.7028C211.942 33.8274 210.741 34.7301 209.228 35.4108C207.715 36.0619 205.98 36.3875 204.022 36.3875Z" fill="white"/>
+<path d="M228.5 36.3875C226.216 36.3875 224.154 35.8695 222.315 34.8337C220.475 33.7682 219.022 32.3328 217.954 30.5275C216.886 28.6925 216.352 26.6504 216.352 24.4012C216.352 22.1223 216.886 20.0802 217.954 18.2748C219.022 16.4695 220.475 15.0341 222.315 13.9686C224.154 12.9032 226.216 12.3705 228.5 12.3705C230.339 12.3705 232.089 12.7256 233.751 13.4359C235.442 14.1462 236.895 15.1673 238.111 16.4991L234.374 20.4501C233.513 19.5031 232.608 18.8076 231.659 18.3636C230.74 17.8901 229.731 17.6533 228.633 17.6533C227.447 17.6533 226.379 17.9493 225.429 18.5412C224.51 19.1331 223.768 19.9322 223.205 20.9385C222.671 21.9447 222.404 23.0989 222.404 24.4012C222.404 25.6442 222.671 26.7836 223.205 27.8195C223.768 28.8257 224.54 29.6248 225.518 30.2167C226.497 30.779 227.58 31.0602 228.767 31.0602C229.805 31.0602 230.769 30.853 231.659 30.4387C232.579 29.9948 233.454 29.3437 234.285 28.4854L237.933 32.3032C236.747 33.5759 235.323 34.5821 233.662 35.322C232 36.0323 230.28 36.3875 228.5 36.3875Z" fill="white"/>
+<path d="M251.754 36.3875C249.44 36.3875 247.348 35.8547 245.479 34.7893C243.61 33.7238 242.127 32.2884 241.029 30.4831C239.932 28.6777 239.383 26.6504 239.383 24.4012C239.383 22.1519 239.917 20.1246 240.985 18.3192C242.083 16.4843 243.566 15.0341 245.435 13.9686C247.333 12.9032 249.44 12.3705 251.754 12.3705C254.067 12.3705 256.159 12.9032 258.028 13.9686C259.926 15.0341 261.41 16.4843 262.478 18.3192C263.575 20.1246 264.124 22.1519 264.124 24.4012C264.124 26.6504 263.575 28.6777 262.478 30.4831C261.41 32.2884 259.941 33.7238 258.072 34.7893C256.203 35.8547 254.097 36.3875 251.754 36.3875ZM251.754 31.1046C252.97 31.1046 254.053 30.8086 255.002 30.2167C255.981 29.6248 256.752 28.8257 257.316 27.8195C257.909 26.7836 258.206 25.6442 258.206 24.4012C258.206 23.1285 257.909 21.9891 257.316 20.9828C256.752 19.9766 255.981 19.1775 255.002 18.5856C254.053 17.9641 252.97 17.6533 251.754 17.6533C250.567 17.6533 249.484 17.9641 248.505 18.5856C247.526 19.1775 246.755 19.9766 246.191 20.9828C245.628 21.9891 245.346 23.1285 245.346 24.4012C245.346 25.6442 245.628 26.7836 246.191 27.8195C246.755 28.8257 247.526 29.6248 248.505 30.2167C249.484 30.8086 250.567 31.1046 251.754 31.1046Z" fill="white"/>
+<path d="M277.95 36.2987C275.369 36.2987 273.411 35.7215 272.076 34.5673C270.771 33.3835 270.118 31.6669 270.118 29.4176V17.8753H265.357V12.8144H270.118V6.91005L276.214 5.53385V12.8144H282.844V17.8753H276.214V28.1746C276.214 29.2401 276.452 30.0096 276.926 30.4831C277.401 30.927 278.231 31.149 279.418 31.149C280.011 31.149 280.545 31.1194 281.02 31.0602C281.524 30.9714 282.073 30.8234 282.666 30.6163V35.6328C282.043 35.8399 281.257 36.0027 280.308 36.1211C279.388 36.2395 278.602 36.2987 277.95 36.2987Z" fill="white"/>
+<path d="M296.637 36.3875C294.353 36.3875 292.291 35.8695 290.452 34.8337C288.613 33.7682 287.159 32.3328 286.091 30.5275C285.023 28.6925 284.489 26.6504 284.489 24.4012C284.489 22.1223 285.023 20.0802 286.091 18.2748C287.159 16.4695 288.613 15.0341 290.452 13.9686C292.291 12.9032 294.353 12.3705 296.637 12.3705C298.477 12.3705 300.227 12.7256 301.888 13.4359C303.579 14.1462 305.033 15.1673 306.249 16.4991L302.511 20.4501C301.651 19.5031 300.746 18.8076 299.797 18.3636C298.877 17.8901 297.869 17.6533 296.771 17.6533C295.584 17.6533 294.516 17.9493 293.567 18.5412C292.647 19.1331 291.906 19.9322 291.342 20.9385C290.808 21.9447 290.541 23.0989 290.541 24.4012C290.541 25.6442 290.808 26.7836 291.342 27.8195C291.906 28.8257 292.677 29.6248 293.656 30.2167C294.635 30.779 295.718 31.0602 296.904 31.0602C297.943 31.0602 298.907 30.853 299.797 30.4387C300.716 29.9948 301.592 29.3437 302.422 28.4854L306.071 32.3032C304.884 33.5759 303.46 34.5821 301.799 35.322C300.138 36.0323 298.417 36.3875 296.637 36.3875Z" fill="white"/>
+<path d="M309.24 35.9435V4.86794L315.337 3.53613V14.7233C317.087 13.1548 319.252 12.3705 321.833 12.3705C323.643 12.3705 325.23 12.77 326.595 13.5691C327.989 14.3386 329.072 15.4188 329.843 16.8098C330.614 18.1712 331 19.7694 331 21.6044V35.9435H324.904V22.4922C324.904 20.9828 324.474 19.799 323.613 18.9407C322.753 18.0529 321.581 17.6089 320.098 17.6089C319.06 17.6089 318.14 17.8161 317.339 18.2304C316.538 18.6152 315.871 19.1775 315.337 19.9174V35.9435H309.24Z" fill="white"/>
+</svg>
diff --git a/packages/hoppscotch-sh-admin/src/components.d.ts b/packages/hoppscotch-sh-admin/src/components.d.ts
index 8deeb2b83..e1e6f522b 100644
--- a/packages/hoppscotch-sh-admin/src/components.d.ts
+++ b/packages/hoppscotch-sh-admin/src/components.d.ts
@@ -1,54 +1,53 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core';
+import '@vue/runtime-core'
 
-export {};
+export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    AppHeader: typeof import('./components/app/Header.vue')['default'];
-    AppLogin: typeof import('./components/app/Login.vue')['default'];
-    AppLogout: typeof import('./components/app/Logout.vue')['default'];
-    AppModal: typeof import('./components/app/Modal.vue')['default'];
-    AppSidebar: typeof import('./components/app/Sidebar.vue')['default'];
-    AppToast: typeof import('./components/app/Toast.vue')['default'];
-    DashboardMetricsCard: typeof import('./components/dashboard/MetricsCard.vue')['default'];
-    HoppButtonPrimary: typeof import('@hoppscotch/ui')['HoppButtonPrimary'];
-    HoppButtonSecondary: typeof import('@hoppscotch/ui')['HoppButtonSecondary'];
-    HoppSmartAnchor: typeof import('@hoppscotch/ui')['HoppSmartAnchor'];
-    HoppSmartAutoComplete: typeof import('@hoppscotch/ui')['HoppSmartAutoComplete'];
-    HoppSmartConfirmModal: typeof import('@hoppscotch/ui')['HoppSmartConfirmModal'];
-    HoppSmartInput: typeof import('@hoppscotch/ui')['HoppSmartInput'];
-    HoppSmartItem: typeof import('@hoppscotch/ui')['HoppSmartItem'];
-    HoppSmartModal: typeof import('@hoppscotch/ui')['HoppSmartModal'];
-    HoppSmartPicture: typeof import('@hoppscotch/ui')['HoppSmartPicture'];
-    HoppSmartPlaceholder: typeof import('@hoppscotch/ui')['HoppSmartPlaceholder'];
-    HoppSmartSelectWrapper: typeof import('@hoppscotch/ui')['HoppSmartSelectWrapper'];
-    HoppSmartSpinner: typeof import('@hoppscotch/ui')['HoppSmartSpinner'];
-    HoppSmartTab: typeof import('@hoppscotch/ui')['HoppSmartTab'];
-    HoppSmartTable: typeof import('@hoppscotch/ui')['HoppSmartTable'];
-    HoppSmartTabs: typeof import('@hoppscotch/ui')['HoppSmartTabs'];
-    HoppSmartToggle: typeof import('@hoppscotch/ui')['HoppSmartToggle'];
-    IconLucideArrowLeft: typeof import('~icons/lucide/arrow-left')['default'];
-    IconLucideChevronDown: typeof import('~icons/lucide/chevron-down')['default'];
-    IconLucideHelpCircle: typeof import('~icons/lucide/help-circle')['default'];
-    IconLucideInbox: typeof import('~icons/lucide/inbox')['default'];
-    IconLucideUser: typeof import('~icons/lucide/user')['default'];
-    SettingsAuthProvider: typeof import('./components/settings/AuthProvider.vue')['default'];
-    SettingsConfigurations: typeof import('./components/settings/Configurations.vue')['default'];
-    SettingsReset: typeof import('./components/settings/Reset.vue')['default'];
-    SettingsServerRestart: typeof import('./components/settings/ServerRestart.vue')['default'];
-    SettingsSmtpConfiguration: typeof import('./components/settings/SmtpConfiguration.vue')['default'];
-    TeamsAdd: typeof import('./components/teams/Add.vue')['default'];
-    TeamsDetails: typeof import('./components/teams/Details.vue')['default'];
-    TeamsInvite: typeof import('./components/teams/Invite.vue')['default'];
-    TeamsMembers: typeof import('./components/teams/Members.vue')['default'];
-    TeamsPendingInvites: typeof import('./components/teams/PendingInvites.vue')['default'];
-    Tippy: typeof import('vue-tippy')['Tippy'];
-    UiAutoResetIcon: typeof import('./components/ui/AutoResetIcon.vue')['default'];
-    UsersDetails: typeof import('./components/users/Details.vue')['default'];
-    UsersInviteModal: typeof import('./components/users/InviteModal.vue')['default'];
-    UsersSharedRequests: typeof import('./components/users/SharedRequests.vue')['default'];
+    AppHeader: typeof import('./components/app/Header.vue')['default']
+    AppLogin: typeof import('./components/app/Login.vue')['default']
+    AppLogout: typeof import('./components/app/Logout.vue')['default']
+    AppModal: typeof import('./components/app/Modal.vue')['default']
+    AppSidebar: typeof import('./components/app/Sidebar.vue')['default']
+    AppToast: typeof import('./components/app/Toast.vue')['default']
+    DashboardMetricsCard: typeof import('./components/dashboard/MetricsCard.vue')['default']
+    HoppButtonPrimary: typeof import('@hoppscotch/ui')['HoppButtonPrimary']
+    HoppButtonSecondary: typeof import('@hoppscotch/ui')['HoppButtonSecondary']
+    HoppSmartAnchor: typeof import('@hoppscotch/ui')['HoppSmartAnchor']
+    HoppSmartAutoComplete: typeof import('@hoppscotch/ui')['HoppSmartAutoComplete']
+    HoppSmartConfirmModal: typeof import('@hoppscotch/ui')['HoppSmartConfirmModal']
+    HoppSmartInput: typeof import('@hoppscotch/ui')['HoppSmartInput']
+    HoppSmartItem: typeof import('@hoppscotch/ui')['HoppSmartItem']
+    HoppSmartLink: typeof import('@hoppscotch/ui')['HoppSmartLink']
+    HoppSmartModal: typeof import('@hoppscotch/ui')['HoppSmartModal']
+    HoppSmartPicture: typeof import('@hoppscotch/ui')['HoppSmartPicture']
+    HoppSmartSpinner: typeof import('@hoppscotch/ui')['HoppSmartSpinner']
+    HoppSmartTab: typeof import('@hoppscotch/ui')['HoppSmartTab']
+    HoppSmartTable: typeof import('@hoppscotch/ui')['HoppSmartTable']
+    HoppSmartTabs: typeof import('@hoppscotch/ui')['HoppSmartTabs']
+    HoppSmartToggle: typeof import('@hoppscotch/ui')['HoppSmartToggle']
+    IconLucideArrowLeft: typeof import('~icons/lucide/arrow-left')['default']
+    IconLucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
+    IconLucideInbox: typeof import('~icons/lucide/inbox')['default']
+    IconLucideUser: typeof import('~icons/lucide/user')['default']
+    SettingsAuthProvider: typeof import('./components/settings/AuthProvider.vue')['default']
+    SettingsConfigurations: typeof import('./components/settings/Configurations.vue')['default']
+    SettingsReset: typeof import('./components/settings/Reset.vue')['default']
+    SettingsServerRestart: typeof import('./components/settings/ServerRestart.vue')['default']
+    SettingsSmtpConfiguration: typeof import('./components/settings/SmtpConfiguration.vue')['default']
+    TeamsAdd: typeof import('./components/teams/Add.vue')['default']
+    TeamsDetails: typeof import('./components/teams/Details.vue')['default']
+    TeamsInvite: typeof import('./components/teams/Invite.vue')['default']
+    TeamsMembers: typeof import('./components/teams/Members.vue')['default']
+    TeamsPendingInvites: typeof import('./components/teams/PendingInvites.vue')['default']
+    Tippy: typeof import('vue-tippy')['Tippy']
+    UiAutoResetIcon: typeof import('./components/ui/AutoResetIcon.vue')['default']
+    UsersDetails: typeof import('./components/users/Details.vue')['default']
+    UsersInviteModal: typeof import('./components/users/InviteModal.vue')['default']
+    UsersSharedRequests: typeof import('./components/users/SharedRequests.vue')['default']
   }
+
 }
diff --git a/packages/hoppscotch-sh-admin/src/pages/data.vue b/packages/hoppscotch-sh-admin/src/pages/data.vue
new file mode 100644
index 000000000..45690d303
--- /dev/null
+++ b/packages/hoppscotch-sh-admin/src/pages/data.vue
@@ -0,0 +1,76 @@
+<template>
+  <div class="flex flex-col items-center justify-center min-h-screen">
+    <div class="text-center">
+      <h2 class="text-lg">Welcome to</h2>
+      <img src="/assets/images/hoppscotch-title.svg" alt="" class="mt-2 w-56" />
+    </div>
+    <div
+      class="bg-primaryLight mt-10 p-10 border-2 border-dividerLight rounded-lg"
+    >
+      <div>
+        <div class="">
+          <p class="text-lg font-bold text-white">Make Hoppscotch Better</p>
+          <p class="text-sm font-light">
+            Share anonymous data usage to improve Hoppscotch
+          </p>
+          <HoppSmartToggle
+            :on="shareData"
+            @change="shareData = !shareData"
+            class="my-5 text-white"
+          >
+            Share data and make Hoppscotch better
+          </HoppSmartToggle>
+        </div>
+
+        <div class="mt-5">
+          <p class="text-lg font-bold text-white">Stay in Touch</p>
+          <p class="text-sm font-light">Get updates about our latest news</p>
+          <HoppSmartToggle
+            :on="shareEmail"
+            @change="shareEmail = !shareEmail"
+            class="my-5 text-white"
+          >
+            Get updates about the latest at Hoppscotch
+          </HoppSmartToggle>
+        </div>
+      </div>
+
+      <div class="flex flex-col w-48 mx-auto mt-5">
+        <HoppButtonPrimary
+          :icon="IconMoveUpRight"
+          label="Continue to Dashboard"
+          @click="router.push('/')"
+        />
+        <a href="http://docs.hoppscotch.io">
+          <HoppButtonSecondary
+            outline
+            filled
+            :icon="IconBookOpenText"
+            label="Read Documentation"
+            class="mt-3 px-5"
+          />
+        </a>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { HoppButtonPrimary } from '@hoppscotch/ui';
+import IconMoveUpRight from '~icons/lucide/move-up-right';
+import IconBookOpenText from '~icons/lucide/book-open-text';
+import { useRouter } from 'vue-router';
+import { ref } from 'vue';
+
+const router = useRouter();
+
+const shareData = ref(true);
+const shareEmail = ref(true);
+</script>
+
+<style scoped></style>
+
+<route lang="yaml">
+meta:
+  layout: empty
+</route>