{#if links && links.cards.length > 0} {#if variant === 'minimal'}

{links.heading}

{#if links.description?.trim()}

{links.description}

{/if}
{#each links.cards as card, index (index)} {@const IconComponent = landingPageLinkIconMap[card.icon]} {/each}
{:else if variant === 'tech'}

{links.heading}

{#if links.description?.trim()}

{links.description}

{:else} {/if}
{#each links.cards as card, index (index)} {@const IconComponent = landingPageLinkIconMap[card.icon]}

{card.title}

{card.description}

{/each}
{:else if variant === 'studio'}

{resolvedResourcesEyebrow}

{links.heading}

{#if links.description?.trim()}

{links.description}

{/if}
{#each links.cards as card, index (index)} {@const IconComponent = landingPageLinkIconMap[card.icon]}

{card.title}

{card.description}

{/each}
{:else if variant === 'terminal'} {@const cardCount = links.cards.length} {@const lgColsClass = cardCount >= 4 ? 'ui:lg:grid-cols-4' : cardCount === 3 ? 'ui:lg:grid-cols-3' : cardCount === 2 ? 'ui:lg:grid-cols-2' : 'ui:lg:grid-cols-1'} {@const mdColsClass = cardCount === 1 ? 'ui:md:grid-cols-1' : 'ui:md:grid-cols-2'}

{resolvedResourcesEyebrow}

{links.heading}

{#each links.cards as card, index (index)} {@const IconComponent = landingPageLinkIconMap[card.icon]} (e.currentTarget.style.background = '#14171f')} onmouseleave={(e) => (e.currentTarget.style.background = '#0f1218')} aria-label={`${card.title} — ${linkDisplayHint(card.href)} (opens in new tab)`} >

{card.title}

{card.description}

{/each}
{:else if variant === 'corporate'}

{resolvedResourcesEyebrow}

{links.heading}

{#each links.cards as card, index (index)} {@const IconComponent = landingPageLinkIconMap[card.icon]}

{card.title}

{card.description}

{/each}
{:else if variant === 'saas'}

{resolvedResourcesEyebrow}

{links.heading}

{#if links.description?.trim()}

{links.description}

{/if}
{#each links.cards as card, index (index)} {@const IconComponent = landingPageLinkIconMap[card.icon]}

{card.title}

{card.description}

{/each}
{:else if variant === 'vibrant'}

{links.heading}

{#if links.description?.trim()}

{links.description}

{:else} {/if}
{#each links.cards as card, index (index)} {@const IconComponent = landingPageLinkIconMap[card.icon]}

{card.title}

{card.description}

{/each}
{:else if variant === 'editorial'} {@const cardCount = links.cards.length} {@const lgColsClass = cardCount >= 4 ? 'ui:lg:grid-cols-4' : cardCount === 3 ? 'ui:lg:grid-cols-3' : cardCount === 2 ? 'ui:lg:grid-cols-2' : 'ui:lg:grid-cols-1'}

{resolvedResourcesEyebrow}

{links.heading}

{#if links.description?.trim()}

{links.description}

{/if}
{#each links.cards as card, index (index)} {@const IconComponent = landingPageLinkIconMap[card.icon]}

{card.title}

{card.description}

{/each}
{:else if variant === 'bold'}

{links.heading}

{#if links.description?.trim()}

{links.description}

{:else} {/if}
{#each links.cards as card, index (index)} {@const IconComponent = landingPageLinkIconMap[card.icon]} {@const visitLabel = links.boldVisitLabel?.trim()}
{card.title} {card.description}
{/each}
{:else}

{links.heading}

{#if links.description?.trim()}

{links.description}

{/if}
{#each links.cards as card, index (index)} {@const IconComponent = landingPageLinkIconMap[card.icon]} {@const learnMoreLabel = links.classicLearnMoreLabel?.trim()}
{card.title} {card.description} {/each}
{/if} {/if}