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',