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

package/raw/components/organisms/navigationV2/utils.tsx

@@ -0,0 +1,400 @@
+import { LOCALIZED_SLUGS } from 'care/interfaces/constants'
+import { LocaleType } from 'interfaces/types'
+import { domainLocales } from 'src/interfaces/constants'
+import formatString from 'string-format'
+
+import {
+  CARE_PATHS,
+  DISCOVER_PATHS,
+  MARRY_BABY_PATH,
+  TOGETHER_PATHS,
+} from './constants'
+import {
+  CategoryHealthToolApi,
+  HealthTool,
+  HealthToolApi,
+  HealthToolByCategory,
+  LocalisedSlugsType,
+  SpotlightSummary,
+  SpotlightSummaryApi,
+  HealthCare,
+  HealthCareApi,
+  HealthSearchDoctor,
+  HealthSearchDoctorApi,
+} from './types'
+
+export const formatSponsor = (sponsor: any): any => {
+  if (!sponsor) return {} as any
+
+  return {
+    title: sponsor.title,
+    logo: sponsor.logo,
+    link: sponsor.link,
+  } as any
+}
+
+export const formatReviewedCategory = (data: any): any => {
+  return {
+    postTitle: data.post_title,
+    permalink: data.permalink,
+  }
+}
+
+export const formatFaqsCategory = (data: any): any => {
+  return {
+    title: data.title,
+    content: data.content,
+  }
+}
+
+export const formatCategory = (category: any): any => {
+  if (!category) return {} as any
+
+  return {
+    termId: category.term_id || null,
+    sponsor: category.sponsor ? formatSponsor(category.sponsor) : null,
+    isSponsored: category.is_sponsored || null,
+    categoryName: category.cat_name || category.name || null,
+    name: category.name || null,
+    iconUrl: category.icon || '',
+    slugName: category.category_nicename || null,
+    description: category.description || null,
+    featureImage: category.thumbnail || category.image || null,
+    displayName: category.name || null,
+    parent: category.parent || null,
+    permalink: category.permalink || null,
+    slug: category.slug || null,
+    childCates:
+      category.child_cates?.map((childCate) => {
+        return formatCategory(childCate)
+      }) || [],
+    thumnailColor:
+      category.thumnail_color ||
+      ['#FFEAF1', '#E0E9FB', '#FFF9EB', '#F2FCF7', '#F3F3F3'][
+        (Math.random() * 5) | 0
+      ],
+    colorFeatureImage: category.color_feature_image || null,
+    imageColor: category.image_color || null,
+    textColor: category.text_color || null,
+    catParent: category.cat_parent?.name
+      ? {
+          name: category.cat_parent.name,
+          permalink: category.cat_parent.permalink,
+        }
+      : {},
+    metaTag: category.meta_tag || '',
+    reviewedBy: category.reviewed_by
+      ? formatReviewedCategory(category.reviewed_by)
+      : null,
+    reviewedDate: category.reviewed_date || '',
+    faqs: category.faqs
+      ? category.faqs.map((faq) => formatFaqsCategory(faq))
+      : null,
+  } as any
+}
+
+export const formatHealthTool = (healthTool: HealthToolApi): HealthTool => {
+  if (!healthTool) return {} as HealthTool
+
+  const isBot = healthTool.link?.includes('/bot/')
+  const hasFilPrefix = healthTool.link?.startsWith('/fil/')
+  const link = healthTool.link
+    ? healthTool.link.startsWith('http')
+      ? healthTool.link
+      : isBot
+      ? healthTool.link
+      : hasFilPrefix
+      ? healthTool.link
+          .replace('/health-tools/', '/')
+          .replace('/fil/', '/fil/health-tools/')
+      : `/health-tools${healthTool.link.replace('/health-tools/', '/')}`
+    : undefined
+  return {
+    icon: healthTool.icon,
+    link,
+    subtitle: healthTool.subtitle,
+    title: healthTool.title,
+  }
+}
+export const formatSpecialties = (specialties: HealthCareApi): HealthCare => {
+  if (!specialties) return {} as HealthCare
+
+  return {
+    thumbnail: specialties.thumbnail,
+    link: specialties?.slug,
+    subtitle: specialties.name,
+    name: specialties.name,
+    slug: specialties.slug,
+  }
+}
+
+export const formatDoctor = (
+  doctor: HealthSearchDoctorApi,
+): HealthSearchDoctor => {
+  if (!doctor) return {} as HealthSearchDoctor
+
+  return {
+    id: doctor.id,
+    name: doctor.name,
+    logo: doctor?.logo,
+    description: doctor.about,
+    slug: doctor.slug,
+  }
+}
+
+export const formatHealthToolTypeCategory = (
+  category: CategoryHealthToolApi,
+): HealthToolByCategory => {
+  if (!category) return {} as HealthToolByCategory
+
+  return {
+    termId: category?.term_id || 0,
+    name: category?.name || '',
+    healthTools:
+      category?.health_tools?.map((tool: HealthTool) =>
+        formatHealthTool(tool),
+      ) ?? [],
+  }
+}
+
+export const getCareDefaultSpecialtiesApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl =
+    apiDomain || 'https://service-health-care.hellohealthgroup.com/'
+  return (
+    apiUrl +
+    formatString(CARE_PATHS.SPECIALTIES, {
+      ...params,
+      domain: domainLocales[locale],
+    })
+  )
+}
+
+export const getDiscoverDefaultCategoriesApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://wp.${domainLocales[locale]}/`
+  return (
+    apiUrl +
+    'wp-json/api/' +
+    formatString(DISCOVER_PATHS.CATEGORIES, { ...params })
+  )
+}
+
+export const getDiscoverDefaultHealthToolsApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://wp.${domainLocales[locale]}/`
+  return (
+    apiUrl +
+    'wp-json/api/' +
+    formatString(DISCOVER_PATHS.HEALTH_TOOLS, { ...params })
+  )
+}
+export const getDiscoverDefaultHealthToolsByCategoryApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://wp.${domainLocales[locale]}/`
+  return (
+    apiUrl +
+    'wp-json/api/' +
+    formatString(DISCOVER_PATHS.HEALTH_TOOLS_BY_CATEGORY, { ...params })
+  )
+}
+
+export const getDiscoverDefaultSpotlightsApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://wp.${domainLocales[locale]}/`
+  return (
+    apiUrl +
+    'wp-json/api/' +
+    formatString(DISCOVER_PATHS.SPOTLIGHTS, {
+      ...params,
+    })
+  )
+}
+
+export const getDiscoverDefaultFooterApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://wp.${domainLocales[locale]}/`
+  return (
+    apiUrl +
+    'wp-json/api/' +
+    formatString(DISCOVER_PATHS.FOOTER, {
+      ...params,
+    })
+  )
+}
+
+export const getTogetherDefaultCommunitiesApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`
+  return (
+    apiUrl +
+    'api/v1/' +
+    formatString(TOGETHER_PATHS.COMMUNITIES, {
+      ...params,
+      websiteUrl: `https://${domainLocales[locale]}`,
+    })
+  )
+}
+
+export const getTogetherUserPostsApiPath = (
+  locale: LocaleType,
+  isMarryBaby: boolean,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`
+  return (
+    apiUrl +
+    'api/v1/' +
+    formatString(TOGETHER_PATHS.GET_USER_POSTS, {
+      ...params,
+      websiteUrl: isMarryBaby
+        ? 'https://marrybaby.vn'
+        : `https://${domainLocales[locale]}`,
+    })
+  )
+}
+
+export const getTogetherMarryBabyCommunitiesApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`
+  return (
+    apiUrl +
+    'api/v1/' +
+    formatString(TOGETHER_PATHS.COMMUNITIES, {
+      ...params,
+      websiteUrl: `https://marrybaby.vn`,
+    })
+  )
+}
+
+export const getTogetherDefaultCommunitiesSubMenuApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`
+  return (
+    apiUrl +
+    'api/v1/' +
+    formatString(TOGETHER_PATHS.MENU_TOPIC, {
+      ...params,
+      websiteUrl: `https://${domainLocales[locale]}`,
+    })
+  )
+}
+
+export const getTogetherMarryBabyCommunitiesSubMenuApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`
+  return (
+    apiUrl +
+    'api/v1/' +
+    formatString(TOGETHER_PATHS.MENU_TOPIC, {
+      ...params,
+      websiteUrl: `https://marrybaby.vn`,
+    })
+  )
+}
+
+export const getMarryBabyDefaultFooterApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://staging.marrybaby.vn/`
+  return (
+    apiUrl +
+    'wp-json/api/' +
+    formatString(MARRY_BABY_PATH.FOOTER, {
+      ...params,
+    })
+  )
+}
+
+export const getMarryBabyDefaultHealthToolsApiPath = (
+  locale: LocaleType,
+  apiDomain?: string,
+  params?: { [key: string]: string | number },
+) => {
+  const apiUrl = apiDomain || `https://staging.marrybaby.vn/`
+  return (
+    apiUrl +
+    'wp-json/api/' +
+    formatString(MARRY_BABY_PATH.HEALTH_TOOLS, {
+      ...params,
+    })
+  )
+}
+
+export const getCareSearchUrl = ({
+  type,
+  specialtySlug,
+  locale,
+}: {
+  type: LocalisedSlugsType
+  cityId?: string | number
+  specialtySlug: string
+  locale: LocaleType
+}) => {
+  return `${LOCALIZED_SLUGS[locale]?.ALL}/${
+    LOCALIZED_SLUGS[locale]?.[type] || 'doctor'
+  }/${specialtySlug ?? ''}`
+}
+
+export const formatSpotlightsList = (
+  spotlight: SpotlightSummaryApi,
+): SpotlightSummary => {
+  if (!spotlight) return {} as SpotlightSummary
+
+  return {
+    id: spotlight.ID,
+    name: spotlight.name,
+    permalink: spotlight.permalink,
+    image: spotlight?.small_banner || spotlight?.image || '',
+    imageMedium: spotlight?.image_medium || null,
+    imageThumbnail: spotlight?.image_thumbnail || null,
+    startDate: spotlight?.start_date,
+    endDate: spotlight?.end_date,
+  }
+}
+
+export const checkAvailableSpotlight = (spotlight: SpotlightSummary) => {
+  const today = new Date()
+  if (spotlight?.startDate) {
+    const startDate = new Date(spotlight.startDate)
+    if (today.getTime() < startDate.getTime()) return false
+  }
+  if (spotlight?.endDate) {
+    const endDate = new Date(spotlight.endDate)
+    if (today.getTime() > endDate.getTime()) return false
+  }
+  return true
+}

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-chevronDown.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9997 14.071L8.17866 10.25C7.76466 9.83595 7.09266 9.83595 6.67866 10.25C6.26466 10.664 6.26466 11.336 6.67866 11.75L11.2927 16.364C11.6837 16.755 12.3167 16.755 12.7067 16.364L17.3207 11.75C17.7347 11.336 17.7347 10.664 17.3207 10.25C16.9067 9.83595 16.2347 9.83595 15.8207 10.25L11.9997 14.071Z" fill="#737373"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-chevronRight.svg

@@ -0,0 +1,3 @@
+<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.71429 4.00043L1.16696 1.45309C0.890961 1.17709 0.890961 0.729094 1.16696 0.453094C1.44296 0.177094 1.89096 0.177094 2.16696 0.453094L5.24296 3.52909C5.50363 3.78976 5.50363 4.21176 5.24296 4.47176L2.16696 7.54776C1.89096 7.82376 1.44296 7.82376 1.16696 7.54776C0.890961 7.27176 0.890961 6.82376 1.16696 6.54776L3.71429 4.00043Z" fill="#595959"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-eCom.svg

@@ -0,0 +1,22 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.09375 4.21875H11.5312V8.4375H3.09375V4.21875Z" fill="#BCDEFF"/>
+<path d="M7.3125 4.21875H11.5312V8.4375H7.3125V4.21875Z" fill="#91CAFF"/>
+<path d="M0.28125 7.03125H14.3438V24H0.28125V7.03125Z" fill="#E3F2FF"/>
+<path d="M7.3125 7.03125H14.3438V24H7.3125V7.03125Z" fill="#BCDEFF"/>
+<path d="M1.6875 0H12.9375V5.625H1.6875V0Z" fill="#284A75"/>
+<path d="M7.3125 0H12.9375V5.625H7.3125V0Z" fill="#1B3250"/>
+<path d="M0.28125 10.125H14.3438V20.9062H0.28125V10.125Z" fill="#F44D2C"/>
+<path d="M7.3125 10.125H14.3438V20.9062H7.3125V10.125Z" fill="#E64728"/>
+<path d="M8.71875 0H10.125V2.79347H8.71875V0Z" fill="#284A75"/>
+<path d="M4.5 0H5.90625V2.79347H4.5V0Z" fill="#1B3250"/>
+<path d="M9.89062 14.8125H8.01562V12.9375H6.60938V14.8125H4.73438V16.2188H6.60938V18.0938H8.01562V16.2188H9.89062V14.8125Z" fill="#E3F2FF"/>
+<path d="M8.01562 14.8125V12.9375H7.3125V18.0938H8.01562V16.2188H9.89062V14.8125H8.01562Z" fill="#BCDEFF"/>
+<path d="M21.1406 22.9687H15.5156C14.094 22.9687 12.9375 21.8122 12.9375 20.3906C12.9375 18.969 14.094 17.8125 15.5156 17.8125H21.1406C22.5622 17.8125 23.7188 18.969 23.7188 20.3906C23.7188 21.8122 22.5622 22.9687 21.1406 22.9687Z" fill="#E3F2FF"/>
+<path d="M15.5156 22.9687H21.1406C22.5622 22.9687 23.7188 21.8122 23.7188 20.3906H12.9375C12.9375 21.8122 14.094 22.9687 15.5156 22.9687Z" fill="#BCDEFF"/>
+<path d="M21.1406 17.8125H18.3281V22.9687H21.1406C22.5622 22.9687 23.7188 21.8122 23.7188 20.3906C23.7188 18.969 22.5622 17.8125 21.1406 17.8125Z" fill="#F44D2C"/>
+<path d="M18.3281 22.9687H21.1406C22.5622 22.9687 23.7188 21.8122 23.7188 20.3906H18.3281V22.9687Z" fill="#E64728"/>
+<path d="M21.3168 12.0414L17.3394 16.019C16.3341 17.0242 14.6986 17.0242 13.6933 16.019C12.6882 15.0138 12.6882 13.3781 13.6933 12.373L17.6708 8.39549C18.6761 7.3903 20.3116 7.3903 21.3169 8.39549C22.322 9.40068 22.322 11.0362 21.3168 12.0414Z" fill="#E3F2FF"/>
+<path d="M17.3394 16.019L21.3169 12.0415C22.3221 11.0364 22.3221 9.40074 21.3169 8.39551L13.6934 16.019C14.6986 17.0243 16.3342 17.0243 17.3394 16.019Z" fill="#BCDEFF"/>
+<path d="M17.6704 8.39647L15.6816 10.3852L19.3276 14.0312L21.3164 12.0425C22.3216 11.0373 22.3216 9.4017 21.3164 8.39647C20.3112 7.39128 18.6756 7.39128 17.6704 8.39647Z" fill="#45A4FF"/>
+<path d="M19.3269 14.0312L21.3156 12.0425C22.3208 11.0373 22.3208 9.40172 21.3156 8.39648L17.5039 12.2082L19.3269 14.0312Z" fill="#2685F1"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-helpCircle.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 19V17H13V19H11ZM14.17 12.17L15.07 11.25C16.09 10.23 16.44 8.48 15.26 6.85C14.36 5.6 12.91 4.81 11.39 5.05C9.84 5.29 8.59 6.41 8.16 7.88C8 8.44 8.4 9 8.98 9H9.28C9.67 9 9.98 8.72 10.1 8.35C10.43 7.4 11.46 6.77 12.57 7.08C13.27 7.28 13.83 7.89 13.96 8.61C14.09 9.31 13.87 9.97 13.41 10.41L12.17 11.67C11.75 12.09 11.42 12.61 11.22 13.19C11.08 13.6 11 14.04 11 14.5V15H13C13 14.54 13.05 14.18 13.13 13.86C13.31 13.14 13.67 12.68 14.17 12.17Z" fill="#737373"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-logOut.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9998 2C6.8148 2 2.5518 5.947 2.0498 11H8.9998V9.6C8.9998 9.277 9.19481 8.985 9.4938 8.861C9.79381 8.738 10.1368 8.806 10.3658 9.034L12.7658 11.434C13.0788 11.747 13.0788 12.253 12.7658 12.565L10.3658 14.965C10.2118 15.119 10.0078 15.2 9.7998 15.2C9.6968 15.2 9.5928 15.18 9.4938 15.139C9.19481 15.015 8.9998 14.723 8.9998 14.4V13H2.0498C2.5518 18.053 6.8138 22 11.9998 22C17.5228 22 21.9998 17.523 21.9998 12C21.9998 6.477 17.5228 2 11.9998 2Z" fill="#595959"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-myBooking.svg

@@ -0,0 +1,36 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.7935 3.86471V7.58302H1.20801V3.86471C1.20801 3.30889 1.52093 2.826 1.98064 2.58358C2.18249 2.47638 2.41235 2.41602 2.6567 2.41602H21.3448C21.9006 2.41602 22.3835 2.72893 22.626 3.18865C22.7332 3.3905 22.7935 3.62036 22.7935 3.86471Z" fill="#2B94FF"/>
+<path d="M7.00354 2.41602V5.12024C7.00354 5.3868 6.7872 5.60314 6.52064 5.60314H4.2993C4.03274 5.60314 3.81641 5.3868 3.81641 5.12024V2.41602H7.00354Z" fill="#2685F1"/>
+<path d="M19.4127 2.41602V5.12024C19.4127 5.3868 19.1964 5.60314 18.9298 5.60314H16.7085C16.4419 5.60314 16.2256 5.3868 16.2256 5.12024V2.41602H19.4127Z" fill="#2685F1"/>
+<path d="M1.98065 2.58398V7.58343H1.20801V3.86511C1.20801 3.3093 1.52093 2.8264 1.98065 2.58398Z" fill="#2685F1"/>
+<path d="M5.16723 10.4707H7.65173C7.78506 10.4707 7.89318 10.5788 7.89318 10.7122V13.1967C7.89318 13.33 7.78506 13.4381 7.65173 13.4381H5.16723C5.0339 13.4381 4.92578 13.33 4.92578 13.1967V10.7122C4.92578 10.5788 5.0339 10.4707 5.16723 10.4707Z" fill="#D2D6DC"/>
+<path d="M5.16723 14.1621H7.65173C7.78506 14.1621 7.89318 14.2702 7.89318 14.4036V16.8886C7.89318 17.0219 7.78506 17.13 7.65173 17.13H5.16723C5.0339 17.13 4.92578 17.0219 4.92578 16.8886V14.4036C4.92578 14.2702 5.0339 14.1621 5.16723 14.1621Z" fill="#D2D6DC"/>
+<path d="M5.16723 17.8564H7.65173C7.78506 17.8564 7.89318 17.9646 7.89318 18.0979V20.5824C7.89318 20.7157 7.78506 20.8239 7.65173 20.8239H5.16723C5.0339 20.8239 4.92578 20.7157 4.92578 20.5824V18.0979C4.92578 17.9646 5.0339 17.8564 5.16723 17.8564Z" fill="#D2D6DC"/>
+<path d="M8.85864 10.4707H11.3963C11.5296 10.4707 11.6377 10.5788 11.6377 10.7122V13.1967C11.6377 13.33 11.5296 13.4381 11.3963 13.4381H8.85864C8.72531 13.4381 8.61719 13.33 8.61719 13.1967V10.7122C8.61719 10.5788 8.72531 10.4707 8.85864 10.4707Z" fill="#D2D6DC"/>
+<path d="M8.85864 14.1621H11.3963C11.5296 14.1621 11.6377 14.2702 11.6377 14.4036V16.8886C11.6377 17.0219 11.5296 17.13 11.3963 17.13H8.85864C8.72531 17.13 8.61719 17.0219 8.61719 16.8886V14.4036C8.61719 14.2702 8.72531 14.1621 8.85864 14.1621Z" fill="#D2D6DC"/>
+<path d="M8.85864 17.8564H11.3963C11.5296 17.8564 11.6377 17.9646 11.6377 18.0979V20.5824C11.6377 20.7157 11.5296 20.8239 11.3963 20.8239H8.85864C8.72531 20.8239 8.61719 20.7157 8.61719 20.5824V18.0979C8.61719 17.9646 8.72531 17.8564 8.85864 17.8564Z" fill="#D2D6DC"/>
+<path d="M12.6038 10.4707H15.1414C15.2747 10.4707 15.3828 10.5788 15.3828 10.7122V13.1967C15.3828 13.33 15.2747 13.4381 15.1414 13.4381H12.6038C12.4704 13.4381 12.3623 13.33 12.3623 13.1967V10.7122C12.3623 10.5788 12.4704 10.4707 12.6038 10.4707Z" fill="#D2D6DC"/>
+<path d="M12.6038 14.1621H15.1414C15.2747 14.1621 15.3828 14.2702 15.3828 14.4036V16.8886C15.3828 17.0219 15.2747 17.13 15.1414 17.13H12.6038C12.4704 17.13 12.3623 17.0219 12.3623 16.8886V14.4036C12.3623 14.2702 12.4704 14.1621 12.6038 14.1621Z" fill="#D2D6DC"/>
+<path d="M12.6038 17.8564H15.1414C15.2747 17.8564 15.3828 17.9646 15.3828 18.0979V20.5824C15.3828 20.7157 15.2747 20.8239 15.1414 20.8239H12.6038C12.4704 20.8239 12.3623 20.7157 12.3623 20.5824V18.0979C12.3623 17.9646 12.4704 17.8564 12.6038 17.8564Z" fill="#D2D6DC"/>
+<path d="M19.0739 10.7122V13.1967C19.0739 13.33 18.9657 13.4381 18.8324 13.4381H16.3479C16.2146 13.4381 16.1064 13.33 16.1064 13.1967V10.7122C16.1064 10.5788 16.2146 10.4707 16.3479 10.4707H18.8324C18.9657 10.4707 19.0739 10.5788 19.0739 10.7122Z" fill="#D2D6DC"/>
+<path d="M16.3479 14.1621H18.8324C18.9657 14.1621 19.0739 14.2702 19.0739 14.4036V16.8886C19.0739 17.0219 18.9657 17.13 18.8324 17.13H16.3479C16.2146 17.13 16.1064 17.0219 16.1064 16.8886V14.4036C16.1064 14.2702 16.2146 14.1621 16.3479 14.1621Z" fill="#D2D6DC"/>
+<path d="M16.3479 17.8564H18.8324C18.9657 17.8564 19.0739 17.9646 19.0739 18.0979V20.5824C19.0739 20.7157 18.9657 20.8239 18.8324 20.8239H16.3479C16.2146 20.8239 16.1064 20.7157 16.1064 20.5824V18.0979C16.1064 17.9646 16.2146 17.8564 16.3479 17.8564Z" fill="#D2D6DC"/>
+<path d="M1.20801 7.24316V22.551C1.20801 23.3512 1.85654 23.9997 2.6567 23.9997H21.3448C22.145 23.9997 22.7935 23.3512 22.7935 22.551V7.24316H1.20801Z" fill="#F7F9FC"/>
+<path d="M7.00238 0.482897V4.34608C7.00238 4.61264 6.78604 4.82897 6.51948 4.82897H5.07079C4.80423 4.82897 4.58789 4.61264 4.58789 4.34608V0.482897C4.58789 0.216338 4.80423 0 5.07079 0H6.51948C6.78604 0 7.00238 0.216338 7.00238 0.482897Z" fill="#284A75"/>
+<path d="M4.92578 10.4707H7.89318V13.4381H4.92578V10.4707Z" fill="#FFB521"/>
+<path d="M16.1064 10.4707H19.0739V13.4381H16.1064V10.4707Z" fill="#FFB521"/>
+<path d="M8.61719 10.4707H11.6377V13.4381H8.61719V10.4707Z" fill="#FFB521"/>
+<path d="M4.92578 14.1621H7.89318V17.13H4.92578V14.1621Z" fill="#FFB521"/>
+<path d="M16.1064 14.1621H19.0739V17.13H16.1064V14.1621Z" fill="#D2D6DC"/>
+<path d="M8.61719 14.1621H11.6377V17.13H8.61719V14.1621Z" fill="#FFB521"/>
+<path d="M4.92578 17.8525H7.89318V20.82H4.92578V17.8525Z" fill="#D2D6DC"/>
+<path d="M16.1064 17.8525H19.0739V20.82H16.1064V17.8525Z" fill="#D2D6DC"/>
+<path d="M8.61719 17.8525H11.6377V20.82H8.61719V17.8525Z" fill="#D2D6DC"/>
+<path d="M12.3623 10.4707H15.3828V13.4381H12.3623V10.4707Z" fill="#FFB521"/>
+<path d="M12.3623 14.1621H15.3828V17.13H12.3623V14.1621Z" fill="#FFB521"/>
+<path d="M12.3623 17.8525H15.3828V20.82H12.3623V17.8525Z" fill="#D2D6DC"/>
+<path d="M19.4135 0.482897V4.34608C19.4135 4.61264 19.1972 4.82897 18.9306 4.82897H17.4819C17.2154 4.82897 16.999 4.61264 16.999 4.34608V0.482897C16.999 0.216338 17.2154 0 17.4819 0H18.9306C19.1972 0 19.4135 0.216338 19.4135 0.482897Z" fill="#284A75"/>
+<path d="M1.20801 7.24316V22.551C1.20801 23.3512 1.85654 23.9997 2.6567 23.9997H3.19175C2.51618 23.877 2.00479 23.286 2.00479 22.5752V8.26787C2.05936 8.12059 2.20084 8.0158 2.36696 8.0158H22.7935V7.26731V7.24316H1.20801Z" fill="#D2D6DC"/>
+<path d="M5.84343 4.82897H5.07079C4.80423 4.82897 4.58789 4.61264 4.58789 4.34608V0.482897C4.58789 0.216338 4.80423 0 5.07079 0H5.36053V4.34608C5.36053 4.61264 5.57687 4.82897 5.84343 4.82897Z" fill="#1B3250"/>
+<path d="M18.2546 4.82897H17.4819C17.2154 4.82897 16.999 4.61264 16.999 4.34608V0.482897C16.999 0.216338 17.2154 0 17.4819 0H17.7717V4.34608C17.7717 4.61264 17.988 4.82897 18.2546 4.82897Z" fill="#1B3250"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-myCommunity.svg

@@ -0,0 +1,19 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M12.666 10.0908H6.00443C2.96439 10.0908 0.5 12.5298 0.5 15.5386C0.5 17.715 1.78974 19.5933 3.65389 20.4659C4.40249 20.8164 4.88268 21.5595 4.88268 22.3791V23.5478C4.88268 23.9922 5.46287 24.1693 5.71557 23.8022L7.01957 21.9094C7.41753 21.3319 8.0781 20.9863 8.78434 20.9863H12.666C15.706 20.9863 18.1704 18.5473 18.1704 15.5386C18.1702 12.5298 15.7058 10.0908 12.666 10.0908Z" fill="#E3F2FF"/>
+<path d="M5.75731 20.4659C3.89316 19.5933 2.60342 17.715 2.60342 15.5386C2.60342 12.5298 5.06781 10.0908 8.10785 10.0908H6.00443C2.96439 10.0908 0.5 12.5298 0.5 15.5386C0.5 17.715 1.78953 19.5933 3.65368 20.4659C4.40249 20.8164 4.88247 21.5595 4.88247 22.3791V23.5478C4.88247 23.9922 5.46267 24.1693 5.71557 23.8022L6.95138 22.0082C6.83072 21.3407 6.39082 20.7624 5.75731 20.4659Z" fill="#BCDEFF"/>
+<path d="M6.62491 15.6424C6.62491 16.1978 6.17013 16.6481 5.60894 16.6481C5.04776 16.6481 4.59277 16.1978 4.59277 15.6424C4.59277 15.087 5.04776 14.6367 5.60894 14.6367C6.17013 14.6367 6.62491 15.087 6.62491 15.6424Z" fill="#2685F1"/>
+<path d="M10.3517 15.6424C10.3517 16.1978 9.89669 16.6481 9.33551 16.6481C8.77432 16.6481 8.31934 16.1978 8.31934 15.6424C8.31934 15.087 8.77432 14.6367 9.33551 14.6367C9.89669 14.6367 10.3517 15.087 10.3517 15.6424Z" fill="#2685F1"/>
+<path d="M14.0763 15.6424C14.0763 16.1978 13.6213 16.6481 13.0601 16.6481C12.4989 16.6481 12.0439 16.1978 12.0439 15.6424C12.0439 15.087 12.4989 14.6367 13.0601 14.6367C13.6213 14.6367 14.0763 15.087 14.0763 15.6424Z" fill="#2685F1"/>
+<path d="M12.3345 0H18.9958C22.0359 0 24.5003 2.43901 24.5003 5.44775C24.5003 7.62419 23.2107 9.50228 21.3466 10.3751C20.5978 10.7256 20.1178 11.4687 20.1178 12.2883V13.457C20.1178 13.9012 19.5376 14.0785 19.2847 13.7114L17.9807 11.8184C17.5829 11.2409 16.9224 10.8955 16.2159 10.8955H12.3345C9.29447 10.8955 6.83008 8.45649 6.83008 5.44775C6.83008 2.43901 9.29447 0 12.3345 0Z" fill="#2685F1"/>
+<path d="M18.4813 10.2027H14.5997C11.5597 10.2027 9.09528 7.76344 9.09528 4.7549C9.09528 2.77151 10.1664 1.03575 11.7673 0.0830078C8.99383 0.363984 6.83008 2.68296 6.83008 5.50213C6.83008 8.51087 9.29447 10.9499 12.3345 10.9499H16.2161C16.9224 10.9499 17.5829 11.2955 17.9807 11.873L19.2847 13.7658C19.5376 14.1328 20.1178 13.9558 20.1178 13.5114V12.3427C20.1178 11.9791 20.2126 11.6306 20.3833 11.3247L20.2459 11.1257C19.8481 10.548 19.1876 10.2027 18.4813 10.2027Z" fill="#2C74DF"/>
+<path d="M20.4064 5.5516C20.4064 6.10701 19.9514 6.55731 19.3902 6.55731C18.829 6.55731 18.374 6.10701 18.374 5.5516C18.374 4.9962 18.829 4.5459 19.3902 4.5459C19.9514 4.5459 20.4064 4.9962 20.4064 5.5516Z" fill="#E3F2FF"/>
+<path d="M16.6806 5.5516C16.6806 6.10701 16.2258 6.55731 15.6646 6.55731C15.1034 6.55731 14.6484 6.10701 14.6484 5.5516C14.6484 4.9962 15.1034 4.5459 15.6646 4.5459C16.2258 4.5459 16.6806 4.9962 16.6806 5.5516Z" fill="#E3F2FF"/>
+<path d="M12.9552 5.5516C12.9552 6.10701 12.5002 6.55731 11.939 6.55731C11.3778 6.55731 10.9229 6.10701 10.9229 5.5516C10.9229 4.9962 11.3778 4.5459 11.939 4.5459C12.5002 4.5459 12.9552 4.9962 12.9552 5.5516Z" fill="#E3F2FF"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="24" height="24" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-myFamily.svg

@@ -0,0 +1,15 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M5.04649 7.45988L11.8267 4.25883H9.91109L7.01249 1.78873C6.88648 1.66272 6.71005 1.6123 6.53357 1.6123H1.7698C1.3413 1.6123 1.01367 1.93998 1.01367 2.36843V7.45988H5.04649Z" fill="#FFB521"/>
+<path d="M20.9263 7.46178H22.9931V5.01687C22.9931 4.58837 22.6655 4.26074 22.237 4.26074H19.4141L20.9263 7.46178Z" fill="#FFB521"/>
+<path d="M18.479 1.96331C18.2774 1.5348 17.7481 1.33319 17.2944 1.56004L4.49023 7.60926H21.1256L18.479 1.96331Z" fill="#E4E8EC"/>
+<path d="M23.7984 7.55887C23.6471 7.40763 23.4455 7.33203 23.2439 7.33203H22.9918H20.925H5.0458H1.01298H0.760948C0.559288 7.33203 0.357676 7.40763 0.20643 7.55887C0.0551849 7.71012 -0.0204136 7.91173 0.00476984 8.11339L0.7609 21.8249C0.786083 22.2282 1.11376 22.5307 1.51703 22.5307H22.4877C22.891 22.5307 23.2186 22.2283 23.2438 21.8249L24 8.11339C24 7.91173 23.9244 7.71007 23.7984 7.55887Z" fill="#FFC326"/>
+<path d="M17.3337 22.5752V21.1585C17.3337 20.4071 17.0527 19.6864 16.5526 19.1551C16.0525 18.6237 15.3742 18.3252 14.667 18.3252H9.33366C8.62641 18.3252 7.94814 18.6237 7.44804 19.1551C6.94794 19.6864 6.66699 20.4071 6.66699 21.1585V22.5752" fill="#FFF8E2"/>
+<path d="M12.0007 17.6169C13.4734 17.6169 14.6673 16.3483 14.6673 14.7835C14.6673 13.2187 13.4734 11.9502 12.0007 11.9502C10.5279 11.9502 9.33398 13.2187 9.33398 14.7835C9.33398 16.3483 10.5279 17.6169 12.0007 17.6169Z" fill="#FFF8E2"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-myHealth.svg

@@ -0,0 +1,13 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.5 13C27.5 13.1339 27.4978 13.2673 27.4934 13.4001C27.4917 13.4543 27.2974 13.362 27.2949 13.416C27.2755 13.8371 27.2219 14.1792 27.1602 14.5879C27.1464 14.6789 27.3362 14.9895 27.3204 15.0799C26.3355 20.716 21.4181 25 15.5 25C8.87258 25 3.5 19.6274 3.5 13C3.5 6.37258 8.87258 1 15.5 1C22.1274 1 27.5 6.37258 27.5 13Z" fill="white"/>
+<path d="M27.4936 13.4003C27.4749 13.9712 27.4163 14.5321 27.3206 15.0801C27.3007 15.0555 27.2831 15.0287 27.2683 14.9999L25.5848 11.822L24.0916 15.5549C24.0204 15.7328 23.8481 15.8495 23.6564 15.8495C23.4647 15.8495 23.2924 15.7328 23.2211 15.5549L22.2836 13.2111C22.1875 12.9707 22.3044 12.698 22.5448 12.6018C22.7851 12.5057 23.0579 12.6226 23.1541 12.8629L23.6564 14.1186L25.0962 10.5192C25.1644 10.3487 25.3258 10.2337 25.5093 10.225C25.6925 10.2172 25.8643 10.3156 25.9483 10.4789L27.4936 13.4003Z" fill="#91CAFF"/>
+<path d="M22.661 15.0206C21.7099 17.3166 17.458 20.7479 14.9947 22.3026C14.4442 22.6501 13.7428 22.6501 13.1923 22.3026C10.729 20.7479 6.47711 17.3166 5.52597 15.0206C2.40053 7.47626 10.3012 4.88416 14.0935 8.4963C17.8858 4.88416 25.7865 7.47626 22.661 15.0206Z" fill="#FF5331"/>
+<path d="M17.7872 20.2954C16.7839 21.0933 15.7949 21.7965 14.9947 22.3016C14.4441 22.6491 13.7428 22.6491 13.1923 22.3016C10.729 20.7468 6.47711 17.3155 5.52597 15.0196C4.06089 11.4832 5.01864 9.03484 6.84025 7.80371C6.76614 10.6918 8.09828 13.9531 10.6927 16.5475C12.8029 18.6578 15.3543 19.9328 17.7872 20.2954Z" fill="#E64728"/>
+<path d="M21.236 12.4863C20.329 13.0639 16.9374 10.2611 17.3385 9.23451C17.5795 8.61763 19.3164 8.31829 20.498 9.21145C21.7893 10.1875 21.804 12.1245 21.236 12.4863Z" fill="#FEAA96"/>
+<path d="M12.4062 13.4219C12.4062 14.0691 11.8816 14.5938 11.2344 14.5938C10.5872 14.5938 10.0625 14.0691 10.0625 13.4219C10.0625 12.7747 10.5872 12.25 11.2344 12.25C11.8816 12.25 12.4062 12.7747 12.4062 13.4219Z" fill="#D84023"/>
+<path d="M11.1741 13.4723C10.9337 13.5683 10.661 13.4516 10.5648 13.2112L10.0625 11.9555L8.62273 15.555C8.55453 15.7254 8.39309 15.8404 8.20963 15.8491C8.20222 15.8494 8.19481 15.8496 8.18741 15.8496C8.01247 15.8496 7.85122 15.7519 7.77064 15.5952L6.49522 13.1153H3.96875C3.70986 13.1153 3.5 12.9053 3.5 12.6465C3.5 12.3877 3.70986 12.1778 3.96875 12.1778H6.78125C6.95689 12.1778 7.11777 12.276 7.19811 12.4321L8.13411 14.2522L9.62727 10.5193C9.69847 10.3413 9.87083 10.2246 10.0625 10.2246C10.2542 10.2246 10.4265 10.3413 10.4977 10.5193L11.4352 12.863C11.5314 13.1034 11.4145 13.3762 11.1741 13.4723Z" fill="#91CAFF"/>
+<path d="M22.5525 17.4593V19.435C22.5525 19.6939 22.3427 19.9037 22.0838 19.9037H20.0034V21.9841C20.0034 22.243 19.7935 22.4529 19.5347 22.4529H17.5589C17.3 22.4529 17.0901 22.243 17.0901 21.9841V19.9037H15.0098C14.7509 19.9037 14.541 19.6939 14.541 19.435V17.4593C14.541 17.2004 14.7509 16.9905 15.0098 16.9905H17.0901V14.9102C17.0901 14.6513 17.3 14.4414 17.5589 14.4414H19.5347C19.7935 14.4414 20.0034 14.6513 20.0034 14.9102V16.9905H22.0838C22.3426 16.9905 22.5525 17.2004 22.5525 17.4593Z" fill="#BCDEFF"/>
+<path d="M18.0021 16.9915H17.0901V14.9111C17.0901 14.6522 17.3 14.4424 17.5589 14.4424H18.9396C18.6807 14.4424 18.4709 14.6522 18.4709 14.9111V16.5227C18.4709 16.7816 18.261 16.9915 18.0021 16.9915ZM16.3905 16.9915H15.0098C14.7509 16.9915 14.541 17.2014 14.541 17.4602V19.436C14.541 19.6949 14.7509 19.9047 15.0098 19.9047H16.3905C16.1316 19.9047 15.9218 19.6949 15.9218 19.436V17.4602C15.9218 17.2014 16.1316 16.9915 16.3905 16.9915ZM18.4709 21.9851V20.3735C18.4709 20.1146 18.261 19.9047 18.0021 19.9047H17.0901V21.9851C17.0901 22.244 17.3 22.4538 17.5589 22.4538H18.9396C18.6807 22.4538 18.4709 22.244 18.4709 21.9851Z" fill="#91CAFF"/>
+<path d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2.8 14C2.8 20.1856 7.81441 25.2 14 25.2C20.1856 25.2 25.2 20.1856 25.2 14C25.2 7.81441 20.1856 2.8 14 2.8C7.81441 2.8 2.8 7.81441 2.8 14Z" fill="#E4E8EC"/>
+<path d="M14 1.4C14 0.626801 14.6284 -0.00725199 15.3977 0.0699401C17.3056 0.26137 19.159 0.843284 20.8407 1.78506C22.9307 2.9555 24.6854 4.64261 25.937 6.68502C27.1886 8.72743 27.8952 11.0568 27.9892 13.4504C28.0833 15.8439 27.5616 18.2216 26.4741 20.3559C25.3866 22.4902 23.7697 24.3098 21.778 25.6406C19.7863 26.9714 17.4864 27.7689 15.0984 27.9568C12.7104 28.1448 10.3141 27.7169 8.13877 26.714C6.3884 25.9071 4.82819 24.7496 3.55189 23.3186C3.03724 22.7416 3.18086 21.8606 3.80639 21.4061C4.43192 20.9516 5.30156 21.0975 5.83048 21.6615C6.81507 22.7114 7.99596 23.565 9.31101 24.1712C11.0513 24.9735 12.9683 25.3158 14.8787 25.1655C16.7892 25.0151 18.629 24.3771 20.2224 23.3125C21.8157 22.2478 23.1093 20.7921 23.9793 19.0847C24.8493 17.3772 25.2666 15.4751 25.1914 13.5603C25.1161 11.6455 24.5508 9.78194 23.5496 8.14802C22.5483 6.51409 21.1445 5.1644 19.4726 4.22804C18.2091 3.52049 16.8245 3.06684 15.3964 2.88739C14.6292 2.79098 14 2.1732 14 1.4Z" fill="#2685F1"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-mySaved.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 3H7.5C6.4 3 5.5 3.9 5.5 5V21L12.5 18L19.5 21V5C19.5 3.9 18.6 3 17.5 3Z" fill="#2ED69E"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-rank-ambassador.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.536 11.019L16.794 13.5L14.514 14.517L13.5 16.794L11.019 16.536L9 18L6.98101 16.536L4.5 16.794L3.48296 14.514L1.20601 13.5L1.46396 11.019L0 9L1.46396 6.98101L1.20601 4.5L3.48604 3.48296L4.5 1.20601L6.98101 1.46396L9 0L11.019 1.46396L13.5 1.20601L14.517 3.48604L16.794 4.5L16.536 6.98101L18 9L16.536 11.019Z" fill="#00C076"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.0532 10.8081L5.1007 8.59389C4.73854 8.22808 4.15065 8.22808 3.78849 8.59389C3.61237 8.77179 3.51562 9.00731 3.51562 9.25787C3.51562 9.50842 3.61237 9.74395 3.78849 9.91934L6.39585 12.795C6.75802 13.1608 7.34591 13.1608 7.70807 12.795L13.649 6.79414C13.8251 6.61625 13.9219 6.38072 13.9219 6.13267C13.9219 5.88211 13.8251 5.64659 13.649 5.4687C13.2869 5.10288 12.699 5.10288 12.3368 5.4687L7.0532 10.8081Z" fill="#fff"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-rank-doctor.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z" fill="#FF5331"/>
+<path d="M10.5 7.5V4.5H7.5V7.5H4.5V10.5H7.5V13.5H10.5V10.5H13.5V7.5H10.5Z" fill="#fff"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-rank-expert.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z" fill="#FEA21E"/>
+<path d="M8.72843 4.51601C8.83641 4.28599 9.16359 4.28599 9.27157 4.51601L10.4964 7.12517C10.5388 7.21564 10.6236 7.27902 10.7224 7.2942L13.4858 7.71894C13.7271 7.75602 13.8254 8.05038 13.6549 8.22504L11.6371 10.2917C11.5705 10.3598 11.5403 10.4555 11.5556 10.5495L12.0292 13.4527C12.0695 13.6998 11.8071 13.8847 11.5879 13.7635L9.14518 12.4127C9.05484 12.3627 8.94516 12.3627 8.85482 12.4127L6.41211 13.7635C6.19294 13.8847 5.93053 13.6998 5.97085 13.4527L6.44437 10.5495C6.4597 10.4555 6.42948 10.3598 6.36293 10.2917L4.34511 8.22504C4.17457 8.05038 4.27291 7.75602 4.51419 7.71894L7.27764 7.2942C7.37643 7.27902 7.46116 7.21564 7.50364 7.12517L8.72843 4.51601Z" fill="#fff"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-rank-influencer.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z" fill="#9E4CD1"/>
+<path d="M8.72843 4.51601C8.83641 4.28599 9.16359 4.28599 9.27157 4.51601L10.4964 7.12517C10.5388 7.21564 10.6236 7.27902 10.7224 7.2942L13.4858 7.71894C13.7271 7.75602 13.8254 8.05038 13.6549 8.22504L11.6371 10.2917C11.5705 10.3598 11.5403 10.4555 11.5556 10.5495L12.0292 13.4527C12.0695 13.6998 11.8071 13.8847 11.5879 13.7635L9.14518 12.4127C9.05484 12.3627 8.94516 12.3627 8.85482 12.4127L6.41211 13.7635C6.19294 13.8847 5.93053 13.6998 5.97085 13.4527L6.44437 10.5495C6.4597 10.4555 6.42948 10.3598 6.36293 10.2917L4.34511 8.22504C4.17457 8.05038 4.27291 7.75602 4.51419 7.71894L7.27764 7.2942C7.37643 7.27902 7.46116 7.21564 7.50364 7.12517L8.72843 4.51601Z" fill="#fff"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-rank-member.svg

@@ -0,0 +1,8 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z" fill="#2685F1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.17379 8.07193V10.9513C8.17379 11.0506 8.16138 11.1529 8.16138 11.2401C8.12723 11.7967 7.56232 12.3443 6.88255 12.3232C6.5256 12.3112 6.24935 12.0555 6.23693 11.7095C6.21521 11.3966 6.33005 11.1529 6.65286 11.0175C6.74598 10.9723 6.78012 10.9182 6.78012 10.8279C6.76771 10.7828 6.78012 10.7286 6.78012 10.6835V5.46939V5.37011C6.79254 5.24675 6.74598 5.18056 6.63113 5.12339C6.25245 4.94588 6.12519 4.49758 6.34247 4.15158C6.46973 3.94999 6.65286 3.83867 6.88255 3.82664C7.36677 3.80558 7.73614 4.01619 7.99997 4.39528C8.1024 4.55174 8.17379 4.72022 8.17379 4.90977C8.18621 5.00906 8.18621 5.11136 8.18621 5.19861C8.17379 6.15237 8.17379 7.11215 8.17379 8.07193Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.14941 8.06205V5.0632C3.14941 4.77473 3.22974 4.5073 3.42438 4.28193C3.67772 3.98145 4.0083 3.8252 4.4223 3.8252C4.74361 3.83721 4.9846 4.0145 5.06492 4.31499C5.14525 4.61547 5.03094 4.92798 4.7776 5.08423C4.75597 5.10527 4.7189 5.11728 4.68491 5.1293C4.59223 5.16236 4.55824 5.21945 4.55824 5.30659V5.45082V10.6793V10.7244C4.54588 10.8686 4.57987 10.9707 4.74052 11.0369C5.00313 11.1601 5.1298 11.4395 5.09582 11.716C5.06183 11.9954 4.86719 12.2298 4.60149 12.2959C4.38523 12.353 4.17823 12.3169 3.97123 12.2388C3.39967 12.0285 3.15868 11.5026 3.15868 11.103C3.16177 10.0903 3.14941 9.07769 3.14941 8.06205Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5137 12.5112C12.1943 12.4633 12.0238 12.4483 11.7541 12.4334C11.7076 12.4214 11.72 12.3915 11.6735 12.4035C11.5712 12.9929 11.1774 13.4536 10.6163 13.675C10.3868 13.7647 10.1574 13.8306 9.91555 13.8634C9.2614 13.9622 8.59169 13.9622 7.9375 13.8634C7.6492 13.8186 7.36393 13.7408 7.0973 13.6091C6.74076 13.4327 6.46482 13.1753 6.31603 12.8104C6.3036 12.7894 6.22302 12.4783 6.17652 12.3676C6.06177 12.1133 5.77347 11.9667 5.4975 12.0355C5.22157 12.1013 5.02624 12.3347 5.03864 12.6129C5.05105 12.7685 5.15339 13.1454 5.16576 13.1664C5.2464 13.3997 5.36108 13.6091 5.5223 13.8096C5.83234 14.2105 6.23539 14.4768 6.69425 14.6742C7.21201 14.8956 7.76388 15.0063 8.32815 15.0512C8.93893 15.096 9.5373 15.0841 10.145 14.9734C10.6163 14.8837 11.0875 14.752 11.5122 14.5187C12.3183 14.0639 12.7555 13.3758 12.8454 12.4872C12.7338 12.5202 12.5137 12.5112 12.5137 12.5112Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1052 9.35095C14.0928 9.56112 14.0587 9.76229 14.0029 9.97546C13.9347 10.1976 13.8292 10.4108 13.6804 10.588C13.3578 10.9903 12.933 11.1674 12.4151 11.1554C11.7235 11.1434 11.2429 10.8312 10.9545 10.2187C10.8614 10.0175 10.7932 9.79531 10.7715 9.58514C10.7126 9.14077 10.725 8.6934 10.8738 8.26105C10.9545 8.05087 11.0568 7.84971 11.2088 7.68157C11.5995 7.24621 12.105 7.09008 12.6942 7.18015C13.3144 7.27023 13.7176 7.62452 13.9378 8.18298C14.0959 8.54928 14.1424 8.93961 14.1052 9.35095ZM15.4884 8.60631C15.4202 8.08388 15.2589 7.58247 14.9705 7.12609C14.5457 6.46855 13.9471 6.03319 13.1657 5.85605C12.8431 5.77798 12.5113 5.77798 12.1764 5.78999C11.7391 5.81101 11.3236 5.9251 10.9453 6.13528C10.3591 6.45954 9.94358 6.93694 9.67998 7.52843C9.40398 8.14093 9.30164 8.78646 9.35747 9.45601C9.39158 9.85834 9.4598 10.2246 9.61179 10.603C9.96842 11.4947 10.5886 12.1282 11.5562 12.3954C11.5903 12.4074 12.7749 12.5516 12.8555 12.4855C13.6029 12.3954 14.2355 12.0832 14.7193 11.5157C15.017 11.1704 15.2248 10.7681 15.3644 10.3447C15.5101 9.77428 15.569 9.20681 15.4884 8.60631Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4302 9.81687C12.0586 9.81687 11.7754 9.53552 11.7754 9.17507C11.7754 8.82628 12.0678 8.5332 12.4302 8.5332C12.8018 8.5332 13.0972 8.82628 13.0972 9.18676C13.1094 9.49156 12.8383 9.8286 12.4302 9.81687Z" fill="#333"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/helloSites/icon-settingsWheel.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4238 2C11.1798 2 10.9697 2.17697 10.9297 2.41797L10.6465 4.12305C10.1597 4.20672 9.68918 4.33608 9.23633 4.50391L8.13477 3.16797C7.97977 2.97897 7.71005 2.92973 7.49805 3.05273L6.50195 3.62891C6.28995 3.75091 6.1972 4.00833 6.2832 4.23633L6.88867 5.85352C6.51324 6.1664 6.1664 6.51324 5.85352 6.88867L4.23633 6.2832C4.00833 6.1972 3.75091 6.28995 3.62891 6.50195L3.05273 7.49805C2.92973 7.71005 2.97897 7.97977 3.16797 8.13477L4.50391 9.23633C4.33608 9.68918 4.20672 10.1597 4.12305 10.6465L2.41797 10.9297C2.17697 10.9707 2 11.1788 2 11.4238V12.5762C2 12.8202 2.17697 13.0303 2.41797 13.0703L4.12305 13.3535C4.20672 13.8403 4.33608 14.3108 4.50391 14.7637L3.16797 15.8652C2.97897 16.0202 2.93073 16.29 3.05273 16.502L3.62891 17.498C3.75091 17.71 4.00833 17.8028 4.23633 17.7168L5.85352 17.1113C6.1664 17.4868 6.51324 17.8336 6.88867 18.1465L6.2832 19.7637C6.1972 19.9927 6.29095 20.2491 6.50195 20.3711L7.49805 20.9473C7.71005 21.0693 7.97977 21.02 8.13477 20.832L9.23438 19.4961C9.68775 19.6642 10.1591 19.7932 10.6465 19.877L10.9297 21.582C10.9707 21.823 11.1788 22 11.4238 22H12.5762C12.8202 22 13.0303 21.823 13.0703 21.582L13.3535 19.877C13.8403 19.7933 14.3108 19.6639 14.7637 19.4961L15.8652 20.832C16.0202 21.021 16.29 21.0693 16.502 20.9473L17.498 20.3711C17.71 20.2491 17.8028 19.9917 17.7168 19.7637L17.1113 18.1465C17.4868 17.8336 17.8336 17.4868 18.1465 17.1113L19.7637 17.7168C19.9927 17.8028 20.2491 17.709 20.3711 17.498L20.9473 16.502C21.0693 16.29 21.02 16.0202 20.832 15.8652L19.4961 14.7656C19.6642 14.3123 19.7932 13.8409 19.877 13.3535L21.582 13.0703C21.823 13.0293 22 12.8212 22 12.5762V11.4238C22 11.1798 21.823 10.9697 21.582 10.9297L19.877 10.6465C19.7933 10.1597 19.6639 9.68918 19.4961 9.23633L20.832 8.13477C21.021 7.97977 21.0693 7.71005 20.9473 7.49805L20.3711 6.50195C20.2491 6.28995 19.9917 6.1972 19.7637 6.2832L18.1465 6.88867C17.8336 6.51324 17.4868 6.1664 17.1113 5.85352L17.7168 4.23633C17.8028 4.00733 17.709 3.75091 17.498 3.62891L16.502 3.05273C16.29 2.93073 16.0202 2.97997 15.8652 3.16797L14.7656 4.50391C14.3123 4.33576 13.8409 4.20682 13.3535 4.12305L13.0703 2.41797C13.0293 2.17697 12.8212 2 12.5762 2H11.4238ZM11 6.08984V9.17383C10.4155 9.38049 9.90931 9.76319 9.55116 10.2693C9.19301 10.7754 9.00047 11.38 9 12C9.00005 12.1841 9.01705 12.3678 9.05078 12.5488L6.37891 14.0898C6.13823 13.4388 6 12.737 6 12C6 9.01614 8.15536 6.5638 11 6.08984ZM13 6.08984C15.8446 6.5638 18 9.01614 18 12C18 12.7379 17.8604 13.4401 17.6191 14.0918L14.9473 12.5469C14.9815 12.3666 14.9992 12.1835 15 12C14.9991 11.3803 14.8064 10.7761 14.4483 10.2704C14.0902 9.76474 13.5842 9.38234 13 9.17578V6.08984ZM13.9473 14.2773L16.6289 15.8262C15.5304 17.156 13.8686 18 12 18C10.1314 18 8.46961 17.156 7.37109 15.8262L10.0508 14.2793C10.5939 14.7441 11.2851 14.9997 12 15C12.7144 14.9987 13.4049 14.7424 13.9473 14.2773Z" fill="#737373"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/marryBaby/icon-arrowRight.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16" stroke="#9495A0" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/marryBaby/icon-lock.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.64397 7.43059V7.12771C7.64397 5.25245 8.96249 3.61384 10.8517 3.14126C11.6047 2.95291 12.3953 2.95291 13.1482 3.14126C15.0374 3.61384 16.356 5.25245 16.356 7.12772V7.4306M4.6531 17.0263L4.74598 17.2546C5.49221 19.0888 7.19131 20.4082 9.21479 20.7247L9.96352 20.8418C11.3123 21.0527 12.6877 21.0527 14.0365 20.8418L14.7852 20.7247C16.8087 20.4082 18.5078 19.0889 19.254 17.2546L19.3469 17.0263C20.0769 15.2319 20.1984 13.2618 19.6939 11.3971C19.1833 9.50989 17.6058 8.06217 15.6199 7.65829L15.3438 7.60213C13.139 7.15374 10.861 7.15374 8.65619 7.60213L8.38009 7.65829C6.39417 8.06217 4.81668 9.50989 4.30609 11.3971C3.80161 13.2618 3.92306 15.2319 4.6531 17.0263Z" stroke="#3E3F58" stroke-width="1.3" stroke-linecap="round"/>
+<path d="M12 11L12 13" stroke="#3E3F58" stroke-width="1.3" stroke-linecap="round"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/marryBaby/icon-logOut.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.0496 20.6471C13.0437 21.1176 10.9563 21.1176 8.95044 20.6471C6.17301 19.9956 4.00437 17.827 3.35288 15.0496C2.88237 13.0437 2.88237 10.9563 3.35288 8.95043C4.00437 6.17301 6.17301 4.00437 8.95043 3.35288C10.9563 2.88237 13.0437 2.88237 15.0496 3.35288" stroke="#3E3F58" stroke-width="1.3" stroke-linecap="round"/>
+<path d="M10 12L20 12M20 12L17.5 9.5M20 12L17.5 14.5" stroke="#3E3F58" stroke-width="1.3" stroke-linecap="round"/>
+</svg>

package/raw/components/organisms/userProfileNavigation/assets/marryBaby/icon-myCommunity.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.99961 4.6501C7.4256 4.6501 6.14961 5.92609 6.14961 7.5001C6.14961 9.07411 7.4256 10.3501 8.99961 10.3501C10.5736 10.3501 11.8496 9.07411 11.8496 7.5001C11.8496 5.92609 10.5736 4.6501 8.99961 4.6501ZM4.84961 7.5001C4.84961 5.20812 6.70763 3.3501 8.99961 3.3501C11.2916 3.3501 13.1496 5.20812 13.1496 7.5001C13.1496 9.79208 11.2916 11.6501 8.99961 11.6501C6.70763 11.6501 4.84961 9.79208 4.84961 7.5001ZM6.71218 15.0234L6.53409 15.0518C4.87235 15.317 3.64961 16.7504 3.64961 18.4331C3.64961 18.9396 4.06015 19.3501 4.56658 19.3501H13.4326C13.9391 19.3501 14.3496 18.9396 14.3496 18.4331C14.3496 16.7504 13.1269 15.317 11.4651 15.0518L11.287 15.0234C9.77167 14.7815 8.22754 14.7815 6.71218 15.0234ZM6.5073 13.7396C8.15839 13.4761 9.84083 13.4761 11.4919 13.7396L11.67 13.7681C13.9626 14.1339 15.6496 16.1115 15.6496 18.4331C15.6496 19.6575 14.657 20.6501 13.4326 20.6501H4.56658C3.34218 20.6501 2.34961 19.6575 2.34961 18.4331C2.34961 16.1115 4.03657 14.1339 6.3292 13.7681L6.5073 13.7396Z" fill="#3E3F58"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.3496 4.0001C14.3496 3.64111 14.6406 3.3501 14.9996 3.3501C17.2916 3.3501 19.1496 5.20812 19.1496 7.5001C19.1496 9.79208 17.2916 11.6501 14.9996 11.6501C14.6406 11.6501 14.3496 11.3591 14.3496 11.0001C14.3496 10.6411 14.6406 10.3501 14.9996 10.3501C16.5736 10.3501 17.8496 9.07411 17.8496 7.5001C17.8496 5.92609 16.5736 4.6501 14.9996 4.6501C14.6406 4.6501 14.3496 4.35908 14.3496 4.0001ZM15.5908 14.3815C15.5908 14.0225 15.8818 13.7315 16.2408 13.7315H17.2089C17.3632 13.7315 17.5175 13.7437 17.67 13.7681C19.9626 14.1339 21.6496 16.1115 21.6496 18.4331C21.6496 19.6575 20.657 20.6501 19.4326 20.6501H17.3895C17.0305 20.6501 16.7395 20.3591 16.7395 20.0001C16.7395 19.6411 17.0305 19.3501 17.3895 19.3501H19.4326C19.9391 19.3501 20.3496 18.9396 20.3496 18.4331C20.3496 16.7504 19.1269 15.317 17.4651 15.0518C17.3805 15.0383 17.2947 15.0315 17.2089 15.0315H16.2408C15.8818 15.0315 15.5908 14.7405 15.5908 14.3815Z" fill="#3E3F58"/>
+</svg>