src/app/about/page.tsx

@@ -169,6 +169,7 @@ export default function AboutPage() {
           descriptionClassName="text-[var(--foreground)]/70 mb-12"
           nameClassName="text-lg font-bold text-[var(--foreground)]"
           roleClassName="text-[var(--primary-cta)] text-sm"
+          cardTitleClassName="text-lg font-bold text-[var(--foreground)]"
         />
       </div>
 

src/app/contact/page.tsx

@@ -79,7 +79,7 @@ export default function ContactPage() {
           title="Get In Touch - Century Cinemax"
           description="Visit us at Acacia Mall, Kampala. We're here to help with movie bookings, private screenings, and all your cinema needs."
           tag="📍 Kampala Location"
-          tagIcon="MapPin"
+          tagIcon={MapPin}
           tagAnimation="slide-up"
           background={{
             variant: "radial-gradient",
@@ -129,7 +129,7 @@ export default function ContactPage() {
           title="Visit Century Cinemax"
           description="Located in the heart of Acacia Mall, Century Cinemax is easily accessible and offers ample parking. Open daily from 10 AM to 11 PM, we're ready to welcome you and your family for an unforgettable cinema experience."
           tag="✨ Easy Access"
-          tagIcon="MapPin"
+          tagIcon={MapPin}
           tagAnimation="slide-up"
           metrics={[
             {

src/app/movies/page.tsx

@@ -165,6 +165,7 @@ export default function MoviesPage() {
           containerClassName="max-w-7xl mx-auto px-4"
           titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)] mb-4"
           textBoxDescriptionClassName="text-[var(--foreground)]/70 mb-12"
+          cardTitleClassName="text-xl font-bold text-[var(--foreground)]"
         />
       </div>
 
@@ -217,6 +218,7 @@ export default function MoviesPage() {
           containerClassName="max-w-7xl mx-auto px-4"
           titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)] mb-4"
           textBoxDescriptionClassName="text-[var(--foreground)]/70 mb-12"
+          cardTitleClassName="text-xl font-bold text-[var(--foreground)]"
         />
       </div>
 

src/app/page.tsx

@@ -131,7 +131,7 @@ export default function HomePage() {
           tag="🎬 In Theaters"
           tagIcon={Film}
           tagAnimation="slide-up"
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="bento-grid"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -169,6 +169,7 @@ export default function HomePage() {
           textBoxDescriptionClassName="text-[var(--foreground)]/70 max-w-2xl mb-12"
           cardClassName="bg-[var(--card)] rounded-lg overflow-hidden hover:shadow-lg transition-shadow"
           imageClassName="w-full h-96 object-cover"
+          cardTitleClassName="text-xl font-bold text-[var(--foreground)]"
         />
       </div>
 
@@ -267,6 +268,7 @@ export default function HomePage() {
           titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)] mb-4"
           textBoxDescriptionClassName="text-[var(--foreground)]/70 max-w-2xl mb-12"
           logoTextClassName="text-[var(--foreground)] font-semibold"
+          textBoxTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)] mb-4"
         />
       </div>
 
@@ -370,6 +372,7 @@ export default function HomePage() {
           textBoxDescriptionClassName="text-[var(--foreground)]/70 max-w-2xl mb-12"
           accordionTitleClassName="text-lg font-semibold text-[var(--foreground)]"
           accordionContentClassName="text-[var(--foreground)]/70"
+          textBoxTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)] mb-4"
         />
       </div>
 

src/app/private-screenings/page.tsx

@@ -180,7 +180,10 @@ export default function PrivateScreeningsPage() {
           descriptionClassName="text-[var(--foreground)]/70 mb-12"
           badgeClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] px-3 py-1 rounded-full text-sm font-semibold"
           priceClassName="text-2xl font-bold text-[var(--primary-cta)]"
-          featuresClassName="list-disc pl-5"
+          badgeClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] px-3 py-1 rounded-full text-sm font-semibold"
+          priceClassName="text-2xl font-bold text-[var(--primary-cta)]"
+          subtitleClassName="text-[var(--foreground)]/70 text-sm"
+          featureItemClassName="text-[var(--foreground)]/70 text-sm"
         />
       </div>