diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 13df1ac..5d02ca6 100644
--- a/src/app/about/page.tsx
+++ b/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>
 
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index cdb5b25..da035f9 100644
--- a/src/app/contact/page.tsx
+++ b/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={[
             {
diff --git a/src/app/movies/page.tsx b/src/app/movies/page.tsx
index 76a66ca..cdc0cc7 100644
--- a/src/app/movies/page.tsx
+++ b/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>
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6346a44..a488dbc 100644
--- a/src/app/page.tsx
+++ b/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>
 
diff --git a/src/app/private-screenings/page.tsx b/src/app/private-screenings/page.tsx
index 60bcdf9..0d86360 100644
--- a/src/app/private-screenings/page.tsx
+++ b/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>