diff --git a/src/app/page.tsx b/src/app/page.tsx
index 52676bd..3649217 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "Media",
-          id: "#media",
-        },
+          name: "Media",          id: "#media"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Cinestream"
     />
@@ -55,39 +47,23 @@ export default function LandingPage() {
       description="Premium cinematic streaming platform. Explore your favorite movies and TV shows with our high-performance media server integration."
       buttons={[
         {
-          text: "Start Watching",
-          href: "#media",
-        },
+          text: "Start Watching",          href: "#media"},
         {
-          text: "View Features",
-          href: "#features",
-        },
+          text: "View Features",          href: "#features"},
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/duotone-effect-collage_23-2150157399.jpg",
-          imageAlt: "Cinematic interface",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/duotone-effect-collage_23-2150157399.jpg",          imageAlt: "Cinematic interface"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-casual-guy-relaxing-couch-isolated-screen_482257-120105.jpg",
-          imageAlt: "Streaming dashboard",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/african-american-casual-guy-relaxing-couch-isolated-screen_482257-120105.jpg",          imageAlt: "Streaming dashboard"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/film-elements-white-background-with-copy-space_23-2148416839.jpg",
-          imageAlt: "Abstract aesthetic",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/film-elements-white-background-with-copy-space_23-2148416839.jpg",          imageAlt: "Abstract aesthetic"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-colourful-plexus-design_1048-20450.jpg",
-          imageAlt: "Vibrant lighting",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-colourful-plexus-design_1048-20450.jpg",          imageAlt: "Vibrant lighting"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg",
-          imageAlt: "API integration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg",          imageAlt: "API integration"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-sequins-dark-background_23-2147992714.jpg",
-          imageAlt: "Future interface",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/blue-sequins-dark-background_23-2147992714.jpg",          imageAlt: "Future interface"},
       ]}
     />
   </div>
@@ -99,35 +75,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "OMDB API Integration",
-          tags: [
-            "Dynamic",
-            "Real-time",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-glass-morphism-background-with-glowing-gradient-design_1017-42650.jpg",
-          imageAlt: "OMDB API feature",
-        },
+          id: "f1",          title: "OMDB API Integration",          tags: [
+            "Dynamic",            "Real-time"],
+          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-glass-morphism-background-with-glowing-gradient-design_1017-42650.jpg",          imageAlt: "OMDB API feature"},
         {
-          id: "f2",
-          title: "Media Server Sync",
-          tags: [
-            "Global",
-            "Low-latency",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-app-powered-with-ai_1268-21799.jpg",
-          imageAlt: "Server sync feature",
-        },
+          id: "f2",          title: "Media Server Sync",          tags: [
+            "Global",            "Low-latency"],
+          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-app-powered-with-ai_1268-21799.jpg",          imageAlt: "Server sync feature"},
         {
-          id: "f3",
-          title: "4K UHD Streaming",
-          tags: [
-            "Clear",
-            "Crisp",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo64bl",
-          imageAlt: "4K streaming feature",
-        },
+          id: "f3",          title: "4K UHD Streaming",          tags: [
+            "Clear",            "Crisp"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo64bl",          imageAlt: "4K streaming feature"},
       ]}
       title="Experience Next-Gen Streaming"
       description="Powerful tools and seamless integration to transform your viewing experience."
@@ -136,30 +94,16 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "50K+",
-          title: "Movies",
-          description: "Global movie catalog available.",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-api-infographic_23-2149392287.jpg",
-        },
+          id: "m1",          value: "50K+",          title: "Movies",          description: "Global movie catalog available.",          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-api-infographic_23-2149392287.jpg"},
         {
-          id: "m2",
-          value: "12K+",
-          title: "TV Shows",
-          description: "Trending and classic collections.",
-          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg",
-        },
+          id: "m2",          value: "12K+",          title: "TV Shows",          description: "Trending and classic collections.",          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg"},
         {
-          id: "m3",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Reliable streaming connectivity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/video-player-left-side_187299-39607.jpg",
-        },
+          id: "m3",          value: "99.9%",          title: "Uptime",          description: "Reliable streaming connectivity.",          imageSrc: "http://img.b2bpic.net/free-photo/video-player-left-side_187299-39607.jpg"},
       ]}
       title="Platform Excellence"
       description="Delivering content at scale with unmatched performance metrics."
@@ -173,59 +117,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Alice Johnson",
-          role: "Film Critic",
-          company: "CinemaDaily",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-film-cinema-auditorium_23-2147803817.jpg",
-        },
+          id: "t1",          name: "Alice Johnson",          role: "Film Critic",          company: "CinemaDaily",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-film-cinema-auditorium_23-2147803817.jpg"},
         {
-          id: "t2",
-          name: "Bob Smith",
-          role: "Director",
-          company: "IndieStream",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-african-girl-dark-wall_176420-5815.jpg",
-        },
+          id: "t2",          name: "Bob Smith",          role: "Director",          company: "IndieStream",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-african-girl-dark-wall_176420-5815.jpg"},
         {
-          id: "t3",
-          name: "Charlie Davis",
-          role: "Tech Blogger",
-          company: "TechStream",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-gamer-desk_23-2149350005.jpg",
-        },
+          id: "t3",          name: "Charlie Davis",          role: "Tech Blogger",          company: "TechStream",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-gamer-desk_23-2149350005.jpg"},
         {
-          id: "t4",
-          name: "Diana Prince",
-          role: "Editor",
-          company: "PixelPerfect",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-leaning-against-canvas_171337-16444.jpg",
-        },
+          id: "t4",          name: "Diana Prince",          role: "Editor",          company: "PixelPerfect",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-leaning-against-canvas_171337-16444.jpg"},
         {
-          id: "t5",
-          name: "Edward Norton",
-          role: "Creator",
-          company: "ContentHub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453362.jpg",
-        },
+          id: "t5",          name: "Edward Norton",          role: "Creator",          company: "ContentHub",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453362.jpg"},
       ]}
       kpiItems={[
         {
-          value: "5M+",
-          label: "Active Users",
-        },
+          value: "5M+",          label: "Active Users"},
         {
-          value: "15+",
-          label: "Global Servers",
-        },
+          value: "15+",          label: "Global Servers"},
         {
-          value: "24/7",
-          label: "Support Access",
-        },
+          value: "24/7",          label: "Support Access"},
       ]}
       title="Voices of Cinestream"
       description="What our users say about the best cinema experience on the web."
@@ -236,16 +149,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Ready to Stream?"
       title="Start your journey today."
       description="Get instant access to our media library and global servers with just a few clicks."
       buttons={[
         {
-          text: "Contact Support",
-          href: "#",
-        },
+          text: "Contact Support",          href: "#"},
       ]}
     />
   </div>
@@ -255,42 +165,27 @@ export default function LandingPage() {
       logoText="Cinestream"
       columns={[
         {
-          title: "Platform",
-          items: [
+          title: "Platform",          items: [
             {
-              label: "Watch Movies",
-              href: "#",
-            },
+              label: "Watch Movies",              href: "#"},
             {
-              label: "TV Shows",
-              href: "#",
-            },
+              label: "TV Shows",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}