@hhgtech/hhg-components 1.19.0-beta-4 → 1.19.0-beta-6

package/raw/components/organisms/navigationV2/components/molecules/spotlightNoData/index.tsx

@@ -0,0 +1,74 @@
+import React, { useRef } from 'react'
+
+import { Button } from '../../../../../atoms/button'
+import {
+  StyledContainerNoPosts,
+  StyledTitle,
+  StyledDescription,
+  StyledLeft,
+  StyledContentLeft,
+} from './index.styled'
+
+export type Props = {
+  title?: string
+  description?: string
+  cta?: string
+  link?: string
+  icon?: string
+}
+
+const SpotlightNoData = ({ title, link, description, cta, icon }: Props) => {
+  const svgUniqId = useRef(`svg-${Math.random()}`)
+  return (
+    <StyledContainerNoPosts>
+      <StyledLeft>
+        <svg
+          className="bg-svg"
+          viewBox="0 0 299 190"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            style={{
+              stroke: 'unset',
+            }}
+            d="M119.002 275C70.9204 275 25.7203 256.277 -8.27726 222.28C-42.2749 188.282 -61 143.08 -61 94.9982C-61 46.9161 -42.2749 1.71763 -8.27726 -32.2797C25.7168 -66.2771 70.9204 -85 119.002 -85C167.083 -85 212.283 -66.2771 246.281 -32.2797C280.278 1.71763 299 46.9196 299 94.9982C299 143.077 280.275 188.279 246.281 222.276C212.283 256.274 167.08 274.996 119.002 274.996V275ZM119.002 -83.6043C71.293 -83.6043 26.4407 -65.027 -7.29434 -31.2925C-41.0294 2.43856 -59.6055 47.2925 -59.6055 94.9982C-59.6055 142.704 -41.0258 187.558 -7.29434 221.292C26.4407 255.027 71.293 273.604 119.002 273.604C166.711 273.604 211.563 255.027 245.294 221.292C279.029 187.558 297.605 142.707 297.605 94.9982C297.605 47.289 279.026 2.43856 245.294 -31.296C211.559 -65.027 166.707 -83.6079 119.002 -83.6079V-83.6043ZM119.002 270.5C72.1233 270.5 28.0517 252.246 -5.09431 219.098C-38.2403 185.949 -56.497 141.876 -56.497 94.9982C-56.497 48.12 -38.2403 4.05089 -5.09431 -29.0942C28.0517 -62.2427 72.1233 -80.4968 119.002 -80.4968C165.88 -80.4968 209.952 -62.2427 243.098 -29.0942C276.244 4.05444 294.501 48.1235 294.501 95.0018C294.501 141.88 276.247 185.949 243.098 219.098C209.952 252.246 165.88 270.5 119.002 270.5V270.5ZM119.002 -79.1012C72.4959 -79.1012 28.7756 -60.9927 -4.10785 -28.1069C-36.9948 4.77537 -55.1025 48.4964 -55.1025 94.9982C-55.1025 141.5 -36.9912 185.225 -4.10785 218.107C28.7756 250.989 72.4959 269.101 119.002 269.101C165.508 269.101 209.228 250.993 242.111 218.107C274.995 185.225 293.106 141.504 293.106 94.9982C293.106 48.4929 274.995 4.77182 242.111 -28.1104C209.228 -60.9927 165.504 -79.1047 119.002 -79.1047V-79.1012ZM119.002 265.997C73.3262 265.997 30.3865 248.212 -1.91136 215.916C-34.2093 183.616 -51.9941 140.673 -51.9941 94.9982C-51.9941 49.3239 -34.2093 6.38415 -1.91136 -25.9121C30.3865 -58.2084 73.3262 -75.9937 119.002 -75.9937C164.677 -75.9937 207.617 -58.2084 239.915 -25.9121C272.213 6.38415 289.998 49.3239 289.998 94.9982C289.998 140.673 272.213 183.612 239.915 215.909C207.617 248.205 164.677 265.99 119.002 265.99V265.997ZM119.002 -74.598C73.6988 -74.598 31.1104 -56.9583 -0.924894 -24.9248C-32.9602 7.10863 -50.5995 49.6968 -50.5995 94.9982C-50.5995 140.3 -32.9567 182.891 -0.924894 214.925C31.1069 246.958 73.6988 264.598 119.002 264.598C164.305 264.598 206.893 246.955 238.928 214.925C270.96 182.891 288.603 140.3 288.603 94.9982C288.603 49.6968 270.96 7.10508 238.928 -24.9284C206.893 -56.9583 164.301 -74.6016 119.002 -74.6016V-74.598ZM119.002 261.494C74.5291 261.494 32.7214 244.178 1.27514 212.73C-30.1711 181.283 -47.4875 139.476 -47.4875 95.0018C-47.4875 50.5278 -30.1676 8.72096 1.27514 -22.7265C32.7179 -54.174 74.5291 -71.4905 119.002 -71.4905C163.474 -71.4905 205.282 -54.174 236.728 -22.7265C268.175 8.72096 285.491 50.5278 285.491 95.0018C285.491 139.476 268.171 181.283 236.728 212.73C205.282 244.178 163.471 261.494 119.002 261.494V261.494ZM119.002 -70.0949C74.9017 -70.0949 33.4418 -52.9204 2.25806 -21.7392C-28.9256 9.44189 -46.0965 50.9007 -46.0965 94.9982C-46.0965 139.096 -28.9221 180.558 2.25806 211.739C33.4418 242.92 74.9017 260.095 119.002 260.095C163.102 260.095 204.562 242.92 235.745 211.739C266.929 180.558 284.1 139.096 284.1 94.9982C284.1 50.9007 266.926 9.43834 235.745 -21.7428C204.562 -52.9239 163.102 -70.0984 119.002 -70.0984V-70.0949ZM119.002 256.991C75.7321 256.991 35.0527 240.14 4.45809 209.544C-26.1366 178.949 -42.9881 138.272 -42.9881 95.0018C-42.9881 51.7317 -26.1401 11.0542 4.45809 -19.5409C35.0527 -50.1396 75.7321 -66.9874 119.002 -66.9874C162.271 -66.9874 202.951 -50.1361 233.545 -19.5409C264.14 11.0542 280.992 51.7317 280.992 95.0018C280.992 138.272 264.14 178.949 233.545 209.544C202.951 240.14 162.271 256.991 119.002 256.991V256.991ZM119.002 -65.5917C76.1047 -65.5917 35.7766 -48.886 5.44456 -18.5536C-24.8911 11.7751 -41.5936 52.1046 -41.5936 94.9982C-41.5936 137.892 -24.8875 178.225 5.44456 208.557C35.7766 238.89 76.1047 255.595 119.002 255.595C161.899 255.595 202.227 238.89 232.559 208.557C262.891 178.225 279.597 137.895 279.597 94.9982C279.597 52.1011 262.891 11.7716 232.559 -18.5608C202.227 -48.8931 161.899 -65.5988 119.002 -65.5988V-65.5917ZM119.002 252.488C76.935 252.488 37.3876 236.105 7.64104 206.362C-22.1055 176.616 -38.4851 137.068 -38.4851 95.0053C-38.4851 52.9428 -22.102 13.391 7.64104 -16.3553C37.3876 -46.1053 76.935 -62.4842 119.002 -62.4842C161.069 -62.4842 200.616 -46.1017 230.362 -16.3589C260.109 13.3875 276.489 52.9357 276.489 95.0018C276.489 137.068 260.109 176.616 230.362 206.359C200.616 236.105 161.069 252.484 119.002 252.484V252.488ZM119.002 -61.0885C77.3076 -61.0885 38.108 -44.8516 8.62751 -15.3716C-20.8529 14.112 -37.0906 53.3086 -37.0906 95.0018C-37.0906 136.695 -20.8529 175.895 8.62751 205.375C38.108 234.855 77.3076 251.092 119.002 251.092C160.696 251.092 199.896 234.855 229.376 205.375C258.856 175.892 275.094 136.695 275.094 95.0018C275.094 53.3086 258.856 14.1084 229.376 -15.3716C199.896 -44.8552 160.696 -61.0885 119.002 -61.0885V-61.0885ZM119.002 247.985C78.1379 247.985 39.7225 232.071 10.8275 203.177C-18.0674 174.283 -33.9786 135.864 -33.9786 95.0018C-33.9786 54.1396 -18.0639 15.7207 10.8275 -13.1733C39.7225 -42.0673 78.1379 -57.9811 119.002 -57.9811C159.866 -57.9811 198.281 -42.0673 227.176 -13.1733C256.071 15.7207 271.982 54.1396 271.982 95.0018C271.982 135.864 256.071 174.283 227.176 203.177C198.281 232.071 159.866 247.985 119.002 247.985ZM119.002 -56.5854C78.5105 -56.5854 40.4428 -40.8173 11.8105 -12.186C-16.8219 16.4452 -32.5876 54.5125 -32.5876 95.0053C-32.5876 135.498 -16.8184 173.562 11.8105 202.193C40.4428 230.824 78.5105 246.592 119.002 246.592C159.493 246.592 197.561 230.824 226.193 202.193C254.825 173.562 270.591 135.495 270.591 95.0053C270.591 54.516 254.822 16.4488 226.193 -12.186C197.561 -40.8173 159.493 -56.5854 119.002 -56.5854V-56.5854ZM119.002 243.481C37.1286 243.481 -29.4792 176.875 -29.4792 95.0018C-29.4792 13.1282 37.1286 -53.4815 119.002 -53.4815C200.875 -53.4815 267.483 13.1247 267.483 94.9982C267.483 176.872 200.875 243.478 119.002 243.478V243.481ZM119.002 -52.0858C37.8986 -52.0858 -28.0847 13.8953 -28.0847 95.0018C-28.0847 176.108 37.8986 242.089 119.002 242.089C200.105 242.089 266.088 176.108 266.088 95.0018C266.088 13.8953 200.105 -52.0858 119.002 -52.0858V-52.0858ZM119.002 238.978C39.6125 238.978 -24.9762 174.389 -24.9762 95.0018C-24.9762 15.6142 39.6125 -48.9783 119.002 -48.9783C198.391 -48.9783 262.98 15.6106 262.98 94.9982C262.98 174.386 198.391 238.975 119.002 238.975V238.978ZM119.002 -47.5826C40.379 -47.5826 -23.5817 16.3813 -23.5817 95.0018C-23.5817 173.622 40.3825 237.586 119.002 237.586C197.621 237.586 261.585 173.622 261.585 95.0018C261.585 16.3813 197.621 -47.5826 119.002 -47.5826V-47.5826ZM119.002 234.475C42.0964 234.475 -20.4733 171.907 -20.4733 95.0018C-20.4733 18.0966 42.0928 -44.4752 119.002 -44.4752C195.911 -44.4752 258.477 18.0931 258.477 94.9982C258.477 171.903 195.907 234.472 119.002 234.472V234.475ZM119.002 -43.0795C42.8629 -43.0795 -19.0787 18.8637 -19.0787 95.0018C-19.0787 171.14 42.8629 233.083 119.002 233.083C195.141 233.083 257.082 171.14 257.082 95.0018C257.082 18.8637 195.137 -43.0795 119.002 -43.0795V-43.0795ZM119.002 229.972C44.5768 229.972 -15.9703 169.425 -15.9703 95.0018C-15.9703 20.579 44.5768 -39.972 119.002 -39.972C193.427 -39.972 253.974 20.5755 253.974 94.9982C253.974 169.421 193.427 229.968 119.002 229.968V229.972ZM119.002 -38.5763C45.3468 -38.5763 -14.5757 21.3461 -14.5757 95.0018C-14.5757 168.657 45.3468 228.58 119.002 228.58C192.657 228.58 252.579 168.657 252.579 95.0018C252.579 21.3461 192.657 -38.5763 119.002 -38.5763V-38.5763ZM119.002 225.469C47.0607 225.469 -11.4673 166.942 -11.4673 95.0018C-11.4673 23.0614 47.0607 -35.4689 119.002 -35.4689C190.943 -35.4689 249.471 23.0579 249.471 94.9982C249.471 166.939 190.943 225.465 119.002 225.465V225.469ZM119.002 -34.0732C47.8307 -34.0732 -10.0728 23.8285 -10.0728 95.0018C-10.0728 166.175 47.8307 224.077 119.002 224.077C190.173 224.077 248.076 166.175 248.076 95.0018C248.076 23.8285 190.173 -34.0732 119.002 -34.0732V-34.0732ZM119.002 220.966C49.5446 220.966 -6.96434 164.46 -6.96434 95.0018C-6.96434 25.5439 49.5446 -30.9657 119.002 -30.9657C188.459 -30.9657 244.968 25.5403 244.968 94.9982C244.968 164.456 188.459 220.962 119.002 220.962V220.966ZM119.002 -29.57C50.311 -29.57 -5.5698 26.311 -5.5698 95.0018C-5.5698 163.693 50.3146 219.574 119.002 219.574C187.689 219.574 243.573 163.693 243.573 95.0018C243.573 26.311 187.689 -29.5736 119.002 -29.5736V-29.57ZM119.002 216.463C52.0285 216.463 -2.46137 161.974 -2.46137 95.0018C-2.46137 28.0298 52.0249 -26.4626 119.002 -26.4626C185.979 -26.4626 240.465 28.0263 240.465 94.9982C240.465 161.97 185.979 216.459 119.002 216.459V216.463ZM119.002 -25.0669C52.7949 -25.0669 -1.06683 28.7969 -1.06683 95.0018C-1.06683 161.207 52.7949 215.07 119.002 215.07C185.209 215.07 239.07 161.207 239.07 95.0018C239.07 28.7969 185.209 -25.0704 119.002 -25.0704V-25.0669ZM119.002 211.963C54.5088 211.963 2.0416 159.495 2.0416 95.0053C2.0416 30.5158 54.5088 -21.9594 119.002 -21.9594C183.495 -21.9594 235.962 30.5087 235.962 94.9982C235.962 159.488 183.495 211.956 119.002 211.956V211.963ZM119.002 -20.5637C55.2789 -20.5637 3.43614 31.2793 3.43614 95.0018C3.43614 158.724 55.2789 210.567 119.002 210.567C182.725 210.567 234.567 158.724 234.567 95.0018C234.567 31.2793 182.725 -20.5673 119.002 -20.5673V-20.5637ZM119.002 207.46C56.9928 207.46 6.54458 157.012 6.54458 95.0018C6.54458 32.9911 56.9928 -17.4563 119.002 -17.4563C181.011 -17.4563 231.459 32.9911 231.459 95.0018C231.459 157.012 181.011 207.46 119.002 207.46V207.46ZM119.002 -16.0606C57.7628 -16.0606 7.93911 33.7618 7.93911 95.0018C7.93911 156.242 57.7628 206.064 119.002 206.064C180.241 206.064 230.064 156.242 230.064 95.0018C230.064 33.7618 180.241 -16.0641 119.002 -16.0641V-16.0606ZM119.002 202.957C59.4767 202.957 11.0475 154.53 11.0475 95.0018C11.0475 35.4735 59.4731 -12.9531 119.002 -12.9531C178.53 -12.9531 226.956 35.4735 226.956 95.0018C226.956 154.53 178.527 202.957 119.002 202.957ZM119.002 -11.5574C60.2431 -11.5574 12.4421 36.2442 12.4421 95.0018C12.4421 153.759 60.2467 201.561 119.002 201.561C177.757 201.561 225.561 153.759 225.561 95.0018C225.561 36.2442 177.757 -11.561 119.002 -11.561V-11.5574ZM119.002 198.454C61.957 198.454 15.5505 152.044 15.5505 95.0018C15.5505 37.9595 61.957 -8.44997 119.002 -8.44997C176.046 -8.44997 222.453 37.9595 222.453 95.0018C222.453 152.044 176.046 198.454 119.002 198.454V198.454ZM119.002 -7.05428C62.727 -7.05428 16.9451 38.7301 16.9451 95.0018C16.9451 151.273 62.727 197.058 119.002 197.058C175.276 197.058 221.058 151.273 221.058 95.0018C221.058 38.7301 175.276 -7.05783 119.002 -7.05783V-7.05428ZM119.002 193.95C64.4409 193.95 20.0535 149.562 20.0535 95.0018C20.0535 40.4419 64.4409 -3.94682 119.002 -3.94682C173.563 -3.94682 217.95 40.4419 217.95 95.0018C217.95 149.562 173.563 193.95 119.002 193.95V193.95ZM119.002 -2.55113C65.2109 -2.55113 21.448 41.2125 21.448 95.0018C21.448 148.791 65.2109 192.555 119.002 192.555C172.793 192.555 216.556 148.791 216.556 95.0018C216.556 41.2125 172.793 -2.55113 119.002 -2.55113V-2.55113ZM119.002 189.447C66.9248 189.447 24.5565 147.079 24.5565 95.0018C24.5565 42.9243 66.9248 0.556334 119.002 0.556334C171.079 0.556334 213.447 42.9243 213.447 95.0018C213.447 147.079 171.079 189.447 119.002 189.447V189.447ZM119.002 1.95202C67.6913 1.95202 25.951 43.695 25.951 95.0053C25.951 146.316 67.6949 188.055 119.002 188.055C170.309 188.055 212.053 146.312 212.053 95.0053C212.053 43.6985 170.309 1.95202 119.002 1.95202ZM119.002 184.944C69.4088 184.944 29.0594 144.597 29.0594 95.0018C29.0594 45.4067 69.4088 5.05948 119.002 5.05948C168.595 5.05948 208.944 45.4067 208.944 95.0018C208.944 144.597 168.595 184.944 119.002 184.944ZM119.002 6.45163C70.1752 6.45163 30.454 46.1738 30.454 95.0018C30.454 143.83 70.1752 183.552 119.002 183.552C167.828 183.552 207.55 143.83 207.55 95.0018C207.55 46.1738 167.828 6.45163 119.002 6.45163ZM119.002 180.441C71.8891 180.441 33.5624 142.114 33.5624 95.0018C33.5624 47.8891 71.8891 9.56263 119.002 9.56263C166.114 9.56263 204.441 47.8891 204.441 95.0018C204.441 142.114 166.114 180.441 119.002 180.441ZM119.002 10.9548C72.6591 10.9548 34.9569 48.6562 34.9569 95.0018C34.9569 141.347 72.6591 179.049 119.002 179.049C165.344 179.049 203.047 141.347 203.047 95.0018C203.047 48.6562 165.344 10.9548 119.002 10.9548ZM119.002 175.938C74.373 175.938 38.0654 139.628 38.0654 95.0018C38.0654 50.3751 74.373 14.0658 119.002 14.0658C163.63 14.0658 199.938 50.3751 199.938 95.0018C199.938 139.628 163.63 175.938 119.002 175.938ZM119.002 15.4579C75.143 15.4579 39.4599 51.1422 39.4599 95.0018C39.4599 138.861 75.143 174.546 119.002 174.546C162.86 174.546 198.544 138.861 198.544 95.0018C198.544 51.1422 162.86 15.4579 119.002 15.4579ZM119.002 171.435C76.8569 171.435 42.5683 137.146 42.5683 95.0018C42.5683 52.8575 76.8569 18.5689 119.002 18.5689C161.147 18.5689 195.435 52.8575 195.435 95.0018C195.435 137.146 161.147 171.435 119.002 171.435ZM119.002 19.9611C77.6234 19.9611 43.9629 53.6246 43.9629 95.0018C43.9629 136.379 77.6269 170.042 119.002 170.042C160.377 170.042 194.041 136.379 194.041 95.0018C194.041 53.6246 160.377 19.9611 119.002 19.9611ZM119.002 166.931C79.3408 166.931 47.0713 134.664 47.0713 95.0018C47.0713 55.3399 79.3408 23.0721 119.002 23.0721C158.663 23.0721 190.932 55.3399 190.932 95.0018C190.932 134.664 158.663 166.931 119.002 166.931ZM119.002 24.4642C80.1073 24.4642 48.4659 56.107 48.4659 95.0018C48.4659 133.897 80.1073 165.539 119.002 165.539C157.896 165.539 189.538 133.897 189.538 95.0018C189.538 56.107 157.896 24.4642 119.002 24.4642V24.4642ZM119.002 162.428C81.8212 162.428 51.5743 132.181 51.5743 95.0018C51.5743 57.8224 81.8212 27.5752 119.002 27.5752C156.182 27.5752 186.429 57.8224 186.429 95.0018C186.429 132.181 156.182 162.428 119.002 162.428ZM119.002 28.9674C82.5912 28.9674 52.9688 58.5895 52.9688 95.0018C52.9688 131.414 82.5912 161.036 119.002 161.036C155.412 161.036 185.035 131.414 185.035 95.0018C185.035 58.5895 155.412 28.9674 119.002 28.9674V28.9674ZM119.002 157.925C84.3051 157.925 56.0773 129.699 56.0773 95.0018C56.0773 60.3048 84.3051 32.0784 119.002 32.0784C153.698 32.0784 181.926 60.3048 181.926 95.0018C181.926 129.699 153.698 157.925 119.002 157.925ZM119.002 33.4705C85.0716 33.4705 57.4718 61.0719 57.4718 95.0018C57.4718 128.932 85.0751 156.533 119.002 156.533C152.928 156.533 180.535 128.932 180.535 95.0018C180.535 61.0719 152.932 33.4705 119.002 33.4705V33.4705ZM119.002 153.426C86.789 153.426 60.5802 127.216 60.5802 95.0053C60.5802 62.7943 86.789 36.5815 119.002 36.5815C151.215 36.5815 177.423 62.7907 177.423 95.0053C177.423 127.22 151.215 153.426 119.002 153.426ZM119.002 37.9737C87.5555 37.9737 61.9748 63.5578 61.9748 95.0018C61.9748 126.446 87.559 152.03 119.002 152.03C150.444 152.03 176.032 126.446 176.032 95.0018C176.032 63.5578 150.448 37.9737 119.002 37.9737V37.9737ZM119.002 148.922C89.2694 148.922 65.0832 124.734 65.0832 95.0018C65.0832 65.2696 89.2729 41.0811 119.002 41.0811C148.731 41.0811 172.92 65.2696 172.92 95.0018C172.92 124.734 148.731 148.922 119.002 148.922V148.922ZM119.002 42.4768C90.0394 42.4768 66.4742 66.0403 66.4742 95.0018C66.4742 123.963 90.0358 147.527 119.002 147.527C147.968 147.527 171.529 123.963 171.529 95.0018C171.529 66.0403 147.968 42.4768 119.002 42.4768ZM119.002 144.419C91.7533 144.419 69.5862 122.252 69.5862 95.0018C69.5862 67.752 91.7533 45.5843 119.002 45.5843C146.25 45.5843 168.417 67.752 168.417 95.0018C168.417 122.252 146.25 144.419 119.002 144.419ZM119.002 46.98C92.5233 46.98 70.9807 68.5227 70.9807 95.0018C70.9807 121.481 92.5233 143.024 119.002 143.024C145.48 143.024 167.026 121.481 167.026 95.0018C167.026 68.5227 145.484 46.98 119.002 46.98ZM119.002 139.916C94.2372 139.916 74.0892 119.769 74.0892 95.0018C74.0892 70.2344 94.2372 50.0875 119.002 50.0875C143.766 50.0875 163.914 70.2344 163.914 95.0018C163.914 119.769 143.766 139.916 119.002 139.916V139.916ZM119.002 51.4831C95.0037 51.4831 75.4801 71.0051 75.4801 95.0018C75.4801 118.998 95.0037 138.52 119.002 138.52C143 138.52 162.523 118.998 162.523 95.0018C162.523 71.0051 143 51.4831 119.002 51.4831ZM119.002 135.413C96.7176 135.413 78.5921 117.283 78.5921 95.0018C78.5921 72.7204 96.7211 54.5906 119.002 54.5906C141.282 54.5906 159.411 72.7204 159.411 95.0018C159.411 117.283 141.282 135.413 119.002 135.413ZM119.002 55.9863C97.4876 55.9863 79.9831 73.4875 79.9831 95.0018C79.9831 116.516 97.4876 134.017 119.002 134.017C140.516 134.017 158.02 116.516 158.02 95.0018C158.02 73.4875 140.516 55.9863 119.002 55.9863V55.9863ZM119.002 130.91C99.2015 130.91 83.0951 114.801 83.0951 95.0018C83.0951 75.2028 99.2015 59.0938 119.002 59.0938C138.802 59.0938 154.908 75.2028 154.908 95.0018C154.908 114.801 138.799 130.91 119.002 130.91V130.91ZM119.002 60.4895C99.9715 60.4895 84.4861 75.9735 84.4861 95.0018C84.4861 114.03 99.9679 129.514 119.002 129.514C138.036 129.514 153.517 114.03 153.517 95.0018C153.517 75.9735 138.036 60.4895 119.002 60.4895ZM119.002 126.407C101.685 126.407 87.5981 112.318 87.5981 95.0018C87.5981 77.6852 101.685 63.5969 119.002 63.5969C136.318 63.5969 150.405 77.6852 150.405 95.0018C150.405 112.318 136.318 126.407 119.002 126.407ZM119.002 64.989C102.452 64.989 88.9891 78.4523 88.9891 95.0018C88.9891 111.551 102.452 125.014 119.002 125.014C135.552 125.014 149.014 111.551 149.014 95.0018C149.014 78.4523 135.552 64.989 119.002 64.989V64.989ZM119.002 121.903C104.169 121.903 92.101 109.836 92.101 95.0018C92.101 80.1677 104.169 68.1001 119.002 68.1001C133.834 68.1001 145.902 80.1677 145.902 95.0018C145.902 109.836 133.834 121.903 119.002 121.903V121.903ZM119.002 69.4922C104.936 69.4922 93.492 80.9348 93.492 95.0018C93.492 109.069 104.936 120.511 119.002 120.511C133.068 120.511 144.511 109.069 144.511 95.0018C144.511 80.9348 133.068 69.4922 119.002 69.4922ZM119.002 117.4C106.65 117.4 96.604 107.353 96.604 95.0018C96.604 82.6501 106.653 72.6032 119.002 72.6032C131.35 72.6032 141.4 82.6501 141.4 95.0018C141.4 107.353 131.35 117.4 119.002 117.4ZM119.002 73.9954C107.42 73.9954 97.995 83.4172 97.995 95.0018C97.995 106.586 107.42 116.008 119.002 116.008C130.584 116.008 140.009 106.586 140.009 95.0018C140.009 83.4172 130.584 73.9954 119.002 73.9954V73.9954ZM119.002 112.897C109.134 112.897 101.107 104.868 101.107 95.0018C101.107 85.136 109.134 77.1064 119.002 77.1064C128.87 77.1064 136.897 85.136 136.897 95.0018C136.897 104.868 128.87 112.897 119.002 112.897V112.897ZM119.002 78.4985C109.904 78.4985 102.498 85.9031 102.498 95.0018C102.498 104.1 109.9 111.505 119.002 111.505C128.104 111.505 135.506 104.1 135.506 95.0018C135.506 85.9031 128.104 78.4985 119.002 78.4985Z"
+            fill={`url(#${svgUniqId.current})`}
+          />
+          <defs>
+            <radialGradient
+              id={svgUniqId.current}
+              cx="0"
+              cy="0"
+              r="1"
+              gradientUnits="userSpaceOnUse"
+              gradientTransform="translate(119 94.6688) scale(180 180.149)"
+            >
+              <stop stopColor="#E3F2FF" />
+              <stop offset="1" stopColor="#E3F2FF" stopOpacity="0" />
+            </radialGradient>
+          </defs>
+        </svg>
+
+        <StyledContentLeft>
+          {icon && <img src={icon} width={64} height={64} />}
+        </StyledContentLeft>
+      </StyledLeft>
+      <div>
+        {title && <StyledTitle>{title}</StyledTitle>}
+        {description && <StyledDescription>{description}</StyledDescription>}
+        {cta && (
+          <div>
+            <a href={link}>
+              <Button className="survey-contact-submit" size="md">
+                {cta}
+              </Button>
+            </a>
+          </div>
+        )}
+      </div>
+    </StyledContainerNoPosts>
+  )
+}
+
+export { SpotlightNoData }

package/raw/components/organisms/navigationV2/constants.ts

@@ -0,0 +1,277 @@
+import { LocaleType } from 'interfaces/types'
+
+import { CategoriesLayout, LogoType } from './types'
+
+export const SOCIAL_MEDIA: {
+  [key: string]: {
+    [key: string]: string | null
+  }
+} = {
+  'vi-VN': {
+    LINKEDIN: 'https://www.linkedin.com/company/hello-health-group/',
+    FACEBOOK: 'https://www.facebook.com/hellobacsi/',
+    INSTAGRAM: 'https://www.instagram.com/hellobacsi/',
+    TWITTER: null,
+    YOUTUBE: 'https://www.youtube.com/channel/UCYHzHDXngnB7jkmcQgXwE0w',
+  },
+  'en-PH': {
+    LINKEDIN: 'https://www.linkedin.com/company/hello-health-group/',
+    FACEBOOK: 'https://www.facebook.com/HelloDoctorPH/',
+    INSTAGRAM: 'https://www.instagram.com/hellodoctor_ph/',
+    TWITTER: null,
+  },
+  'km-KH': {
+    LINKEDIN: 'https://www.linkedin.com/company/hello-health-group/',
+    FACEBOOK: 'https://www.facebook.com/hellokrupet/',
+    INSTAGRAM: 'https://www.instagram.com/hellokrupetofficial/',
+    TWITTER: null,
+    YOUTUBE: 'https://www.youtube.com/channel/UCVK4p9YPIMkmoerk3X-y-TQ',
+  },
+  'ms-MY': {
+    LINKEDIN: 'https://www.linkedin.com/company/hello-health-group/',
+    FACEBOOK: 'https://www.facebook.com/HelloDoktorMY/',
+    INSTAGRAM: 'https://www.instagram.com/_hellodoktor_/',
+    TWITTER: null,
+  },
+  'id-ID': {
+    LINKEDIN: 'https://www.linkedin.com/company/hello-sehat/',
+    FACEBOOK: 'https://www.facebook.com/hellosehat',
+    INSTAGRAM: 'https://www.instagram.com/hellosehat/',
+    TWITTER: 'https://twitter.com/HelloSehat',
+  },
+  'my-MM': {
+    LINKEDIN: 'https://www.linkedin.com/company/hello-health-group/',
+    FACEBOOK: 'https://www.facebook.com/hellosayarwon/',
+    INSTAGRAM: 'https://www.facebook.com/hellosayarwon/',
+    TWITTER: null,
+  },
+  'zh-TW': {
+    LINKEDIN: 'https://www.linkedin.com/company/hello-health-group/',
+    FACEBOOK: 'https://www.facebook.com/helloyishi/',
+    INSTAGRAM: 'https://www.instagram.com/helloyishi/',
+    TWITTER: null,
+  },
+  'hi-IN': {
+    LINKEDIN: 'https://www.linkedin.com/company/hello-health-group/',
+    FACEBOOK: 'https://www.facebook.com/HelloSwasthya/',
+    INSTAGRAM: 'https://www.instagram.com/hello_swasthya/',
+    TWITTER: null,
+  },
+  'th-TH': {
+    LINKEDIN: 'https://www.linkedin.com/company/hello-health-group/',
+    FACEBOOK: 'https://www.facebook.com/hellokhunmor/',
+    INSTAGRAM: 'https://www.instagram.com/hellokhunmor/',
+    TWITTER: null,
+    YOUTUBE: 'https://www.youtube.com/channel/UCbdbow4UhKfa7rqIhclNPIQ/',
+  },
+}
+
+export const LOCALE_SPECS: {
+  [key: string]: {
+    [key: string]: string
+  }
+} = {
+  'vi-VN': {
+    LOGO_TYPE: 'hellobacsi' as LogoType,
+    SITE_NAME: 'HelloBacsi',
+    SITE_NAME_FORMATTED: 'Hello Bacsi',
+    HOMEPAGE_IMAGE: 'https://hellobacsi.com/images/country-thumbnails/VN.png',
+    SITE_ID: '1',
+    INSIDER_TAG: '//hellobacsivn.api.useinsider.com/ins.js?id=10003798',
+    TOOLTIP_IMAGE: '/images/tooltips-vn.png',
+    PREGNANCY_WEIGHT_GAIN: 'cong-cu-tinh-can-nang-khi-mang-thai',
+    BABY_POOP: 'phan-tre-so-sinh-nhu-the-nao-la-tot',
+    VACCINATION_TOOL: 'lich-tiem-chung',
+  },
+  'en-PH': {
+    LOGO_TYPE: 'hellodoctor' as LogoType,
+    SITE_NAME: 'HelloDoctor',
+    HOMEPAGE_IMAGE:
+      'https://hellodoctor.com.ph/images/country-thumbnails/PH.png',
+    SITE_NAME_FORMATTED: 'Hello Doctor',
+    SITE_ID: '9',
+    CATEGORIES_TYPE: 'short' as CategoriesLayout,
+    INSIDER_TAG: '//hellodoctorph.api.useinsider.com/ins.js?id=10004527',
+    TOOLTIP_IMAGE: '/images/tooltips-ph.png',
+    PREGNANCY_WEIGHT_GAIN: 'pregnancy-weight-gain-calculator',
+    BABY_POOP: 'a-visual-guide-on-baby-poop',
+    VACCINATION_TOOL: 'vaccination-tool',
+  },
+  'th-TH': {
+    LOGO_TYPE: 'hellokhunmor' as LogoType,
+    SITE_NAME: 'HelloKhunmor',
+    HOMEPAGE_IMAGE: 'https://hellokhunmor.com/images/country-thumbnails/TH.png',
+    SITE_NAME_FORMATTED: 'Hello Khunmor',
+    SITE_ID: '3',
+    CATEGORIES_TYPE: 'long' as CategoriesLayout,
+    INSIDER_TAG: '//hellokhunmor.api.useinsider.com/ins.js?id=10004524',
+    TOOLTIP_IMAGE: '/images/tooltips-th.png',
+    PREGNANCY_WEIGHT_GAIN: 'เครื่องคำนวณน้ำหนักตัว',
+    BABY_POOP: 'สีอุจจาระของลูก-บอกถึงส',
+    VACCINATION_TOOL: 'vaccination-tool',
+  },
+  'km-KH': {
+    LOGO_TYPE: 'hellokrupet' as LogoType,
+    SITE_NAME: 'HelloKrupet',
+    HOMEPAGE_IMAGE: 'https://hellokrupet.com/images/country-thumbnails/KH.JPG',
+    SITE_NAME_FORMATTED: 'Hello Krupet',
+    SITE_ID: '4',
+    CATEGORIES_TYPE: 'long' as CategoriesLayout,
+    INSIDER_TAG: '//hellokrupet.api.useinsider.com/ins.js?id=10004523',
+    TOOLTIP_IMAGE: '/images/tooltips-kh.png',
+    PREGNANCY_WEIGHT_GAIN: 'រង្វាស់សុខភាព/គណនាទម្ងន់ស្ត្រីពពោះ',
+    BABY_POOP: 'រង្វាស់សុខភាព/អត្ថន័យពណ៌-និងរូបរាងលាម',
+    VACCINATION_TOOL: 'រង្វាស់សុខភាព/កាលវិភាគចាក់ថ្នាំបង្កា',
+  },
+  'my-MM': {
+    LOGO_TYPE: 'hellosayarwon' as LogoType,
+    SITE_NAME: 'HelloSayarwon',
+    HOMEPAGE_IMAGE:
+      'https://hellosayarwon.com/images/country-thumbnails/PH.png',
+    SITE_NAME_FORMATTED: 'Hello Sayarwon',
+    SITE_ID: '7',
+    INSIDER_TAG: '//hellosayarwon.api.useinsider.com/ins.js?id=10004522',
+  },
+  'zh-TW': {
+    LOGO_TYPE: 'helloyishi' as LogoType,
+    SITE_NAME: 'HelloYishi',
+    HOMEPAGE_IMAGE:
+      'https://helloyishi.com.tw/images/country-thumbnails/TW.png',
+    SITE_NAME_FORMATTED: 'Hello Yishi',
+    SITE_ID: '6',
+    INSIDER_TAG: '//helloyishi.api.useinsider.com/ins.js?id=10004526',
+    TOOLTIP_IMAGE: '/images/tooltips-tw.png',
+    PREGNANCY_WEIGHT_GAIN: 'pregnancy-weight-gain-calculator',
+    BABY_POOP: 'how-does-babies-poop-look-like',
+    VACCINATION_TOOL: 'vaccination-tool',
+  },
+  'id-ID': {
+    LOGO_TYPE: 'hellosehat' as LogoType,
+    SITE_NAME: 'HelloSehat',
+    HOMEPAGE_IMAGE: 'https://hellosehat.com/images/country-thumbnails/ID.png',
+    SITE_NAME_FORMATTED: 'Hello Sehat',
+    SITE_ID: '2',
+    INSIDER_TAG: '//hellosehat.api.useinsider.com/ins.js?id=10003799',
+    TOOLTIP_IMAGE: '/images/tooltips-id.png',
+    PREGNANCY_WEIGHT_GAIN: 'kalkulator-kenaikan-berat-badan-ibu-hamil',
+    BABY_POOP: 'warna-feses-bayi-normal',
+    VACCINATION_TOOL: 'jadwal-imunisasi',
+  },
+  'hi-IN': {
+    LOGO_TYPE: 'helloswasthya' as LogoType,
+    SITE_NAME: 'HelloSwasthya',
+    HOMEPAGE_IMAGE:
+      'https://helloswasthya.com/images/country-thumbnails/IN.png',
+    SITE_NAME_FORMATTED: 'हैलो स्वास्थ्य',
+    SITE_ID: '8',
+    CATEGORIES_TYPE: 'long' as CategoriesLayout,
+    INSIDER_TAG: '//helloswasthya.api.useinsider.com/ins.js?id=10004498',
+    TOOLTIP_IMAGE: '/images/tooltips-in.png',
+    PREGNANCY_WEIGHT_GAIN: 'garbhavastha-weight-calculator',
+    BABY_POOP: 'visual-guide-on-baby-poop',
+    VACCINATION_TOOL: 'vaccination-tool',
+  },
+  'ms-MY': {
+    LOGO_TYPE: 'hellodoktor' as LogoType,
+    SITE_NAME: 'HelloDoktor',
+    HOMEPAGE_IMAGE: 'https://hellodoktor.com/images/country-thumbnails/MY.png',
+    SITE_NAME_FORMATTED: 'Hello Doktor',
+    SITE_ID: '5',
+    INSIDER_TAG: '//hellodoktor.api.useinsider.com/ins.js?id=10004525',
+    TOOLTIP_IMAGE: '/images/tooltips-my.png',
+    PREGNANCY_WEIGHT_GAIN: 'kalkulator-tambah-berat-badan-hamil',
+    BABY_POOP: 'kenali-najis-bayi-anda',
+    VACCINATION_TOOL: 'alat-kesihatan-vaksin',
+  },
+  'tl-PH': {
+    LOGO_TYPE: 'hellodoctor' as LogoType,
+    SITE_NAME: 'HelloDoctor',
+    HOMEPAGE_IMAGE:
+      'https://hellodoctor.com.ph/images/country-thumbnails/PH.png',
+    SITE_NAME_FORMATTED: 'Hello Doctor',
+    SITE_ID: '9',
+    CATEGORIES_TYPE: 'short' as CategoriesLayout,
+    INSIDER_TAG: '//hellodoctorph.api.useinsider.com/ins.js?id=10004527',
+    TOOLTIP_IMAGE: '/fil/images/tooltips-ph.png',
+    PREGNANCY_WEIGHT_GAIN: 'pregnancy-weight-gain-calculator',
+    BABY_POOP: 'a-visual-guide-on-baby-poop',
+    VACCINATION_TOOL: 'vaccination-tool',
+    ABOUT_US_IMAGE: '/fil/images/aboutus/PH.png',
+  },
+}
+
+export const COUNTRY_SITENAME: { [id: string]: string } = {
+  ID: 'Hello Sehat',
+  TH: 'Hello Khunmor',
+  MY: 'Hello Doktor',
+  KH: 'Hello Krupet',
+  TW: 'Hello Yishi',
+  MM: 'Hello Sayarwon',
+  IN: 'Hello Swasthya',
+  VN: 'Hello Bacsi',
+  PH: 'Hello Doctor',
+}
+
+export const SSO_PATHS = {
+  SSO_USER_PROFILE: 'user',
+  SSO_USER_BOOKMARKS: 'user/bookmarks',
+  SSO_USER_PASSWORD: 'user/settings/password',
+  SSO_USER_EMAIL: 'user/settings/update-email',
+  SSO_CLOSE_ACCOUNT: 'user/settings/close-account',
+  SSO_HELP: 'user/settings/help',
+}
+
+export const TOGETHER_PATHS = {
+  COMMUNITIES: 'community?website_url={websiteUrl}',
+  MENU_TOPIC: 'topic?community_id={communityId}&website_url={websiteUrl}',
+  GET_USER_POSTS: 'profile/posts?website_url={websiteUrl}',
+}
+
+export const DISCOVER_PATHS = {
+  SPOTLIGHTS: 'spotlights?per_page={perPage}&order_by={orderBy}',
+  HEALTH_TOOLS: 'healthtools',
+  HEALTH_TOOLS_BY_CATEGORY: 'healthtools?_hasgroup=1',
+  CATEGORIES: 'categories?type=all',
+  FOOTER: 'footer',
+}
+
+export const CARE_PATHS = {
+  SPECIALTIES: 'api/specialties?_ishome=1&site={domain}',
+}
+
+export const MARRY_BABY_PATH = {
+  FOOTER: 'menu/footer',
+  HEALTH_TOOLS: 'health-tools',
+}
+
+export const Z_INDEX = {
+  adBlock: 48,
+  headerContainerHome: 99,
+  headerContainerPopup: 300,
+  headerContainerPopupSUbLevel: 400,
+  menuCategoryPopupWrapper: 200,
+  menuCategoryPopupContainer: 210,
+  menuSearchInputPopup: 5,
+  menuSearchInputDisplayIcon: 6,
+  menuSearchPopup: 300,
+  homeSearchComponent: 200,
+}
+
+export const FLAG_LINKS: { [id: string]: string } = {
+  'vi-VN': 'https://hellobacsi.com',
+  'id-ID': 'https://hellosehat.com',
+  'ms-MY': 'https://hellodoktor.com',
+  'km-KH': 'https://hellokrupet.com',
+  'en-PH': 'https://hellodoctor.com.ph',
+  'th-TH': 'https://hellokhunmor.com',
+  'my-MM': 'https://hellosayarwon.com',
+  'zh-TW': 'https://helloyishi.com.tw',
+  'hi-IN': 'https://helloswasthya.com',
+}
+
+export const LANGUAGES: { [id: string]: string } = {
+  vi: 'Tiếng Việt',
+  en: 'English',
+}
+
+export const careBasePath = '/care'

package/raw/components/organisms/navigationV2/hooks/useHeaderHeight.tsx

@@ -0,0 +1,84 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+
+import debounce from 'lodash/debounce'
+
+export const useHeaderHeight = ({
+  hasSponsoredBanners,
+  isSiteWide,
+  isSponsored,
+  isShowingSiteWideBanner,
+  isMobile,
+  showAmpSubBar,
+}: {
+  hasSponsoredBanners?: boolean
+  isSiteWide?: boolean
+  isSponsored?: boolean
+  isShowingSiteWideBanner?: boolean
+  isMobile?: boolean
+  showAmpSubBar?: boolean
+}) => {
+  const headerRef = useRef<HTMLDivElement>(null)
+  const [headerHeight, setHeaderHeight] = useState(0)
+  const debounceSetHeader = useCallback(
+    debounce(() => {
+      const newHeaderHeight =
+        headerRef.current?.clientHeight ||
+        headerRef.current?.children[0]?.clientHeight ||
+        0
+      // limit recalculation to once per 200ms + less than 300px from top of page
+      if (window.scrollY <= newHeaderHeight + 200) {
+        setHeaderHeight(newHeaderHeight)
+        // setTimeout(() => debounceSetHeader(), 300)
+      }
+    }, 200),
+    [],
+  )
+  useEffect(() => {
+    window.addEventListener('resize', debounceSetHeader)
+    window.addEventListener('scroll', debounceSetHeader)
+    debounceSetHeader()
+    return () => {
+      window.removeEventListener('resize', debounceSetHeader)
+      window.removeEventListener('scroll', debounceSetHeader)
+    }
+  }, [])
+  useEffect(() => {
+    debounceSetHeader()
+  }, [
+    showAmpSubBar,
+    isMobile,
+    isSiteWide,
+    isShowingSiteWideBanner,
+    isSponsored,
+    hasSponsoredBanners,
+    headerRef.current,
+  ])
+
+  const defaultHeaderHeight = useMemo(() => {
+    let res = isMobile ? 64 : 69
+    if (isShowingSiteWideBanner) {
+      res += 64
+    }
+    if (isSponsored) {
+      res += 40
+      if (hasSponsoredBanners) {
+        res += 57
+      }
+    }
+    if (showAmpSubBar) {
+      res += 32
+    }
+    return res
+  }, [
+    isMobile,
+    isShowingSiteWideBanner,
+    hasSponsoredBanners,
+    isSponsored,
+    showAmpSubBar,
+  ])
+  return {
+    defaultHeaderHeight,
+    headerHeight: headerHeight || defaultHeaderHeight,
+    headerRef,
+  }
+}

package/raw/components/organisms/navigationV2/hooks/useInsider.tsx

@@ -0,0 +1,67 @@
+import { useContext, useEffect } from 'react'
+
+import { NavigationContext } from '../navigationContext'
+import { UrlSource } from '../types'
+
+export const useInsider = () => {
+  const { isFirstLogin, userState } = useContext(NavigationContext)
+  const { userInfo } = userState
+
+  useEffect(() => {
+    if (userInfo?.id) {
+      if (isFirstLogin) {
+        // sign up
+        userInfo?.email && userInfo?.email !== ''
+          ? (() => {
+              // with email
+              ;(window as any).insider_object = {
+                user: {
+                  uuid: userInfo?.id,
+                  email: userInfo?.email,
+                  gdpr_optin: true,
+                  email_optin: true,
+                  sign_up: true,
+                  ...(userInfo?.name ? { name: userInfo?.name } : {}),
+                },
+              }
+            })()
+          : (() => {
+              // without email
+              ;(window as any).insider_object = {
+                user: {
+                  uuid: userInfo?.id,
+                  sign_up: true,
+                  ...(userInfo?.name ? { name: userInfo?.name } : {}),
+                },
+              }
+            })()
+      } else {
+        // log in
+        userInfo?.email && userInfo?.email !== ''
+          ? (() => {
+              // with email
+              ;(window as any).insider_object = {
+                user: {
+                  uuid: userInfo?.id,
+                  email: userInfo?.email,
+                  gdpr_optin: true,
+                  email_optin: true,
+                  log_in: true,
+                  ...(userInfo?.name ? { name: userInfo?.name } : {}),
+                },
+              }
+            })()
+          : (() => {
+              // without email
+              ;(window as any).insider_object = {
+                user: {
+                  uuid: userInfo?.id,
+                  log_in: true,
+                  ...(userInfo?.name ? { name: userInfo?.name } : {}),
+                },
+              }
+            })()
+      }
+    }
+  }, [])
+}

package/raw/components/organisms/navigationV2/hooks/useNavConfig.tsx

@@ -0,0 +1,99 @@
+import { useMemo } from 'react'
+
+import {
+  CARE_BOOKING_LOCALES,
+  CARE_LOCALES,
+  TOGETHER_LOCALES,
+} from 'src/interfaces/constants'
+import {
+  getCurrentBaseUrl,
+  getCurrentSsoUrl,
+  getTogetherApiDomain,
+  getDiscoverApiDomain,
+} from 'src/misc/routing'
+
+import { ProjectType } from '../../../../interfaces/types'
+
+export type NavConfig = {
+  enableProfileNavigatorMenu?: boolean
+  enableSearchBar?: boolean
+  enableNavCare?: boolean
+  enableNavCareBooking?: boolean
+  enableNavTogether?: boolean
+  enableNavEcom?: boolean
+  enableProfileEcom?: boolean
+  enableProfileMyHealth?: boolean
+
+  statics: {
+    HOME_PAGE_URL: string
+    CARE_URL_FE: string
+    TOGETHER_URL_FE: string
+    SSO_URL: string
+    TOGETHER_API: string
+    DISCOVER_API: string
+  }
+}
+
+export const useNavConfig = ({
+  locale,
+  projectType,
+  isMobile,
+}: {
+  locale: string
+  projectType: ProjectType
+  isMobile: boolean
+}) => {
+  const config = useMemo<NavConfig>(() => {
+    const enableProfileNavigatorMenu = (() => {
+      if (projectType === 'profile') return false
+      return true
+    })()
+    const enableSearchBar = (() => {
+      return projectType === 'discover'
+    })()
+    const enableNavCare = (() => {
+      return CARE_LOCALES.includes(locale)
+    })()
+    const enableNavCareBooking = (() => {
+      return projectType === 'discover' && CARE_BOOKING_LOCALES.includes(locale)
+    })()
+    const enableNavTogether = (() => {
+      return TOGETHER_LOCALES.includes(locale)
+    })()
+    const enableNavEcom = (() => {
+      if (projectType === 'ecom') return true
+      return false
+    })()
+    const enableProfileEcom = (() => {
+      if (projectType === 'ecom') return true
+      return false
+    })()
+    const enableProfileMyHealth = (() => {
+      return true
+    })()
+    const baseUrl = getCurrentBaseUrl(locale)
+    const statics = (() => {
+      return {
+        HOME_PAGE_URL: baseUrl,
+        CARE_URL_FE: `${baseUrl}/care`,
+        TOGETHER_URL_FE: `${baseUrl}/community`,
+        SSO_URL: getCurrentSsoUrl(locale),
+        TOGETHER_API: getTogetherApiDomain(),
+        DISCOVER_API: getDiscoverApiDomain(locale),
+      }
+    })()
+    return {
+      enableProfileNavigatorMenu,
+      enableSearchBar,
+      enableNavCare,
+      enableNavCareBooking,
+      enableNavTogether,
+      enableNavEcom,
+      enableProfileEcom,
+      enableProfileMyHealth,
+      statics,
+    }
+  }, [locale, projectType, isMobile])
+
+  return config
+}