From a05b081ddee9b9ef8e262d879dae17d6dee04fda Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Fri, 14 Aug 2026 10:58:31 +0100
Subject: [PATCH] fix(ui): render cover images in minimal landing template
 (#839)

Show course.logo on minimal course cards and hero.image below CTAs so
the default org landing page matches other templates.
---
 .../custom/org-landing-page/minimal/course-card.svelte   | 7 ++++++-
 .../ui/src/custom/org-landing-page/minimal/hero.svelte   | 9 +++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/custom/org-landing-page/minimal/course-card.svelte b/packages/ui/src/custom/org-landing-page/minimal/course-card.svelte
index 7af895e5..38582bfa 100644
--- a/packages/ui/src/custom/org-landing-page/minimal/course-card.svelte
+++ b/packages/ui/src/custom/org-landing-page/minimal/course-card.svelte
@@ -36,10 +36,15 @@
   tabindex={disableCourseLinks ? -1 : undefined}
 >
   <Card.Root
-    class="ui:rounded-none ui:border-[var(--landing-border)]/60 ui:shadow-none ui:h-full ui:p-0 ui:gap-0 {disableCourseLinks
+    class="ui:rounded-none ui:overflow-hidden ui:border-[var(--landing-border)]/60 ui:shadow-none ui:h-full ui:p-0 ui:gap-0 {disableCourseLinks
       ? ''
       : 'ui:hover:border-[var(--landing-border)] ui:transition-colors'}"
   >
+    {#if course.logo}
+      <div class="ui:aspect-video ui:w-full ui:overflow-hidden">
+        <img src={course.logo} alt={course.title} class="ui:h-full ui:w-full ui:object-cover" />
+      </div>
+    {/if}
     <Card.Content class="ui:p-8 ui:flex ui:flex-col ui:flex-1">
       <Card.Title class="ui:text-xl ui:font-normal ui:mb-4">{course.title}</Card.Title>
       <Card.Description class="ui:mb-8 ui:line-clamp-3 ui:text-base ui:leading-relaxed">
diff --git a/packages/ui/src/custom/org-landing-page/minimal/hero.svelte b/packages/ui/src/custom/org-landing-page/minimal/hero.svelte
index 54bee398..8380a5de 100644
--- a/packages/ui/src/custom/org-landing-page/minimal/hero.svelte
+++ b/packages/ui/src/custom/org-landing-page/minimal/hero.svelte
@@ -65,6 +65,15 @@
           {/if}
         </div>
       {/if}
+      {#if hero.image}
+        <div class="ui:mt-12 ui:max-w-3xl ui:mx-auto">
+          <img
+            src={hero.image}
+            alt=""
+            class="ui:w-full ui:h-auto ui:rounded-xl ui:border ui:border-[var(--landing-border)]"
+          />
+        </div>
+      {/if}
     </div>
   </section>
 </EditableLandingSection>