src/app/about/page.tsx

@@ -92,11 +92,11 @@ export default function AboutPage() {
             {
               id: "memberships",              value: "8",              description: "Professional Medical Associations"},
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           textboxLayout="default"
           animationType="blur-reveal"
           useInvertedBackground={true}
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           buttonAnimation="slide-up"
         />
       </div>

src/app/appointment/page.tsx

@@ -95,11 +95,11 @@ export default function AppointmentPage() {
             {
               id: "satisfaction",              value: "98%",              description: "Patient Satisfaction Rate"},
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={true}
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           buttonAnimation="slide-up"
         />
       </div>

src/app/page.tsx

@@ -141,11 +141,11 @@ export default function HomePage() {
             {
               id: "coverage",              value: "5",              description: "Service Areas Covered"},
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           textboxLayout="default"
           animationType="blur-reveal"
           useInvertedBackground={false}
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           buttonAnimation="slide-up"
         />
       </div>

src/app/treatments/page.tsx

@@ -108,11 +108,11 @@ export default function TreatmentsPage() {
             {
               id: "coverage",              value: "5",              description: "Service Areas Covered"},
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           textboxLayout="default"
           animationType="blur-reveal"
           useInvertedBackground={false}
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           buttonAnimation="slide-up"
         />
       </div>