feat(website): localize whitelabel partner cards (da/en)
Partner demo cards in section 06 were hardcoded Danish strings, so they stayed Danish in EN mode. Move name + subtitle into COPY.whitelabel.partners for both languages and render them via a mapped computed; per-card accent and the placeholder style remain presentational config in the component. Also harden PartnerCard's avatar-initial against an empty name to satisfy noUncheckedIndexedAccess.
This commit is contained in:
@@ -10,6 +10,22 @@ const dark = useDark()
|
||||
|
||||
const sectionBg = computed(() => (dark.value ? '#1A1A17' : '#EFEDE3'))
|
||||
const cardBg = computed(() => (dark.value ? '#0F0F0D' : '#FFFFFF'))
|
||||
|
||||
// Per-card presentation (accent / placeholder). Name + subtitle come from copy
|
||||
// so the demo tenants translate with the rest of the page; the visual style is
|
||||
// matched to each card by position.
|
||||
const cardStyles = [
|
||||
{ accent: '#D6502A', placeholder: false },
|
||||
{ accent: '#3956C8', placeholder: false },
|
||||
] as const
|
||||
|
||||
const partnerCards = computed(() =>
|
||||
copy.value.whitelabel.partners.map((p, i) => ({
|
||||
...p,
|
||||
accent: cardStyles[i]?.accent ?? t.value.signal,
|
||||
placeholder: cardStyles[i]?.placeholder ?? true,
|
||||
})),
|
||||
)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -33,9 +49,17 @@ const cardBg = computed(() => (dark.value ? '#0F0F0D' : '#FFFFFF'))
|
||||
</div>
|
||||
</div>
|
||||
<div :style="{ display: 'flex', flexDirection: 'column', gap: '16px' }">
|
||||
<LandingPartnerCard :fg="t.fg" :bg="cardBg" :border="t.border" accent="#D6502A" name="moltke it" subtitle="aalborg · 24 brugere" />
|
||||
<LandingPartnerCard :fg="t.fg" :bg="cardBg" :border="t.border" accent="#3956C8" name="kraft & partners" subtitle="københavn · 112 brugere" />
|
||||
<LandingPartnerCard :fg="t.fg" :bg="cardBg" :border="t.border" :accent="t.signal" name="dit firma her" subtitle="—" placeholder />
|
||||
<LandingPartnerCard
|
||||
v-for="(p, i) in partnerCards"
|
||||
:key="i"
|
||||
:fg="t.fg"
|
||||
:bg="cardBg"
|
||||
:border="t.border"
|
||||
:accent="p.accent"
|
||||
:name="p.name"
|
||||
:subtitle="p.subtitle"
|
||||
:placeholder="p.placeholder"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</LandingContainer>
|
||||
|
||||
Reference in New Issue
Block a user