From 4c3c47cc87b25782ec7981f945f83fa04d9b39d6 Mon Sep 17 00:00:00 2001
From: Ronni Baslund <rhb@vdoc.dk>
Date: Fri, 5 Jun 2026 12:08:57 +0200
Subject: [PATCH] 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.
---
 .../components/landing/PartnerCard.vue        |  2 +-
 .../website/components/landing/Whitelabel.vue | 30 +++++++++++++++++--
 apps/website/utils/landingCopy.ts             | 10 +++++++
 3 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/apps/website/components/landing/PartnerCard.vue b/apps/website/components/landing/PartnerCard.vue
index 1f31c39..5229342 100644
--- a/apps/website/components/landing/PartnerCard.vue
+++ b/apps/website/components/landing/PartnerCard.vue
@@ -12,7 +12,7 @@ const props = withDefaults(defineProps<{
   placeholder?: boolean
 }>(), { placeholder: false })
 
-const initial = computed(() => props.name[0].toUpperCase())
+const initial = computed(() => (props.name[0] ?? '').toUpperCase())
 </script>
 
 <template>
diff --git a/apps/website/components/landing/Whitelabel.vue b/apps/website/components/landing/Whitelabel.vue
index c401c02..1571ae4 100644
--- a/apps/website/components/landing/Whitelabel.vue
+++ b/apps/website/components/landing/Whitelabel.vue
@@ -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>
diff --git a/apps/website/utils/landingCopy.ts b/apps/website/utils/landingCopy.ts
index 5dd7179..e5d9089 100644
--- a/apps/website/utils/landingCopy.ts
+++ b/apps/website/utils/landingCopy.ts
@@ -81,6 +81,11 @@ export const COPY = {
         'Co-marketing og kundeleads via partnernetværk',
       ],
       cta: 'Se partnerprogrammet',
+      partners: [
+        { name: 'moltke it', subtitle: 'aalborg · 24 brugere' },
+        { name: 'kraft & partners', subtitle: 'københavn · 112 brugere' },
+        { name: 'dit firma her', subtitle: '—' },
+      ],
     },
     stack: {
       label: '07 — under motorhjelmen',
@@ -210,6 +215,11 @@ export const COPY = {
         'Co-marketing and leads via partner network',
       ],
       cta: 'See the partner program',
+      partners: [
+        { name: 'moltke it', subtitle: 'aalborg · 24 users' },
+        { name: 'kraft & partners', subtitle: 'copenhagen · 112 users' },
+        { name: 'your company here', subtitle: '—' },
+      ],
     },
     stack: {
       label: '07 — under the hood',