import { Breadcrumbs } from '../Breadcrumbs' import { useProductSubLandingContext } from 'components/context/ProductSubLandingContext' import { ArrowRightIcon, StarFillIcon } from '@primer/octicons-react' import { useTranslation } from 'components/hooks/useTranslation' import { Link } from 'components/Link' export const SubLandingHero = () => { const { title, intro, featuredTrack } = useProductSubLandingContext() const { t } = useTranslation('product_sublanding') const guideItems = featuredTrack?.guides?.map((guide) => (
  • {featuredTrack.guides && ( {featuredTrack.guides?.indexOf(guide) + 1} )}
    {t('guide_types')[guide.page?.type || '']}

    {guide.title}

  • )) return (

    {title} guides

    {featuredTrack && (
    )}
    ) }