| @@ -517,15 +517,21 @@ export default function PublicGrid({ cards, maxCols = 5 }: { cards: Card[], maxC | |||||
| title="Close" | title="Close" | ||||
| >✕</button> | >✕</button> | ||||
| </div> | </div> | ||||
| <div className="p-8"> | |||||
| <div className="text-xs text-blue-600 font-bold tracking-wider uppercase mb-2">{activeCard.cardType.replace('_', ' ')}</div> | |||||
| <h2 className="text-3xl font-bold mb-4 text-gray-900">{activeCard.title}</h2> | |||||
| {activeCard.fullContent ? ( | |||||
| <div className="prose max-w-none text-gray-700" dangerouslySetInnerHTML={{ __html: activeCard.fullContent }} /> | |||||
| ) : ( | |||||
| <p className="text-gray-500 italic text-lg">{activeCard.shortDescription}</p> | |||||
| )} | |||||
| </div> | |||||
| {(activeCard.title || activeCard.shortDescription || activeCard.fullContent) && ( | |||||
| <div className="p-8"> | |||||
| <div className="text-xs text-blue-600 font-bold tracking-wider uppercase mb-2">{activeCard.cardType.replace('_', ' ')}</div> | |||||
| {activeCard.title && ( | |||||
| <h2 className={`text-3xl font-bold text-gray-900 ${(activeCard.shortDescription || activeCard.fullContent) ? 'mb-4' : ''}`}> | |||||
| {activeCard.title} | |||||
| </h2> | |||||
| )} | |||||
| {activeCard.fullContent ? ( | |||||
| <div className="prose max-w-none text-gray-700" dangerouslySetInnerHTML={{ __html: activeCard.fullContent }} /> | |||||
| ) : activeCard.shortDescription ? ( | |||||
| <p className="text-gray-500 italic text-lg">{activeCard.shortDescription}</p> | |||||
| ) : null} | |||||
| </div> | |||||
| )} | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| )} | )} | ||||