From 48b4d985e9db96ffc305817d7b9ab26b25dc11a3 Mon Sep 17 00:00:00 2001
From: Goldlabel Apps Ltd <goldlabel.apps@gmail.com>
Date: Sat, 6 Dec 2025 12:13:08 +0000
Subject: [PATCH 1/2] NewComponent

---
 .../DesignSystem/components/StandardCard.tsx  | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/gl-core/cartridges/DesignSystem/components/StandardCard.tsx b/gl-core/cartridges/DesignSystem/components/StandardCard.tsx
index 7fe62c21..36769e4b 100644
--- a/gl-core/cartridges/DesignSystem/components/StandardCard.tsx
+++ b/gl-core/cartridges/DesignSystem/components/StandardCard.tsx
@@ -36,15 +36,13 @@ export function StandardCard({
   const [expanded, setExpanded] = React.useState(false);
   const isMobile = useIsMobile();
 
-  function stripShortcodes(str: string | undefined) {
-    if (!str) return '';
-    return str.replace(/\[[^\]]*\]/g, '').trim();
-  }
-
   if (!content) return null;
 
   const { title, description, image, icon } = content;
 
+  // Shared image height for consistency
+  const MEDIA_HEIGHT = 200;
+
   return (
     <Card
       sx={{
@@ -91,7 +89,7 @@ export function StandardCard({
         }}
       />
 
-      {/* Desktop-only thumbnail when collapsed */}
+      {/* Thumbnail when collapsed */}
       {thumbnails && image && !expanded && !isMobile && (
         <CardMedia
           component="img"
@@ -99,7 +97,7 @@ export function StandardCard({
           alt={title}
           sx={{
             width: '100%',
-            height: 180,
+            height: MEDIA_HEIGHT,
             objectFit: 'cover',
             borderRadius: 0,
           }}
@@ -108,17 +106,23 @@ export function StandardCard({
 
       <Collapse in={expanded} timeout="auto" unmountOnExit>
         <CardContent>
-          {/* On mobile, show the image only inside the expanded section */}
+          {/* Expanded image — same height as thumbnail */}
           {image && (
             <CardMedia
               component="img"
               image={image}
               alt={title}
-              sx={{ borderRadius: 2, mb: 1, objectFit: 'cover' }}
+              sx={{
+                borderRadius: 2,
+                mb: 1,
+                width: '100%',
+                height: MEDIA_HEIGHT,
+                objectFit: 'cover',
+              }}
             />
           )}
 
-          <Typography variant="body1" sx={{}}>
+          <Typography variant="body1">
             {description}
           </Typography>
         </CardContent>

From e58caefdca75f06936f9cf0dd69e6da8e0e4892a Mon Sep 17 00:00:00 2001
From: Goldlabel Apps Ltd <goldlabel.apps@gmail.com>
Date: Thu, 11 Dec 2025 20:06:40 +0000
Subject: [PATCH 2/2] Update next.config.js

---
 next.config.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/next.config.js b/next.config.js
index 8d3a2fcd..a20c8c44 100755
--- a/next.config.js
+++ b/next.config.js
@@ -9,7 +9,6 @@ const withPWA = require('next-pwa')({
 const nextConfig = {
   devIndicators: false,
   transpilePackages: ['react-map-gl', 'mapbox-gl'],
-
   images: {
     remotePatterns: [
       {