diff --git a/src/app/track/page.tsx b/src/app/track/page.tsx
index e61316e..bc2cf54 100644
--- a/src/app/track/page.tsx
+++ b/src/app/track/page.tsx
@@ -7,6 +7,7 @@ import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 import Link from "next/link";
+import { Truck, Clock } from "lucide-react";
 
 export default function TrackOrderPage() {
   return (
@@ -43,8 +44,8 @@ export default function TrackOrderPage() {
       <div id="track-info" data-section="track-info">
         <TextAbout
           tag="Real-Time Tracking"
-          tagIcon="Truck"
-          tagAnimation="entrance-slide"
+          tagIcon={Truck}
+          tagAnimation="slide-up"
           title="Track Your Order in Real-Time"
           buttons={[
             {
@@ -52,7 +53,7 @@ export default function TrackOrderPage() {
               href: "/",
             },
           ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="slide-up"
           useInvertedBackground={false}
           ariaLabel="Track Order Information"
         />
@@ -63,11 +64,11 @@ export default function TrackOrderPage() {
           title="Your Order Status"
           description="Monitor your order progress from preparation to delivery. Our live tracking system keeps you informed every step of the way."
           tag="Live Updates"
-          tagIcon="Clock"
-          tagAnimation="entrance-slide"
+          tagIcon={Clock}
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           metrics={[
             {