src/app/dashboard/page.tsx

@@ -52,11 +52,11 @@ export default function Dashboard() {
       </div>
       <div id="metrics" data-section="metrics">
         <MetricCardEleven
-          description="Track your performance"
-          textboxLayout="default"
           animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
           title="Dashboard Metrics"
+          description="Track your performance"
           metrics={[
             { id: "1", value: "50K", title: "Total Users", description: "Active users this month" },
             { id: "2", value: "25M", title: "Revenue", description: "Monthly revenue" },
@@ -66,11 +66,11 @@ export default function Dashboard() {
       </div>
       <div id="events" data-section="events">
         <BlogCardTwo
-          title="Recent Activity"
-          description="Your latest updates and events"
           animationType="slide-up"
           useInvertedBackground={false}
           textboxLayout="default"
+          title="Recent Activity"
+          description="Your latest updates and events"
           blogs={[
             { id: "1", category: "Update", title: "Profile Updated", excerpt: "Your profile has been successfully updated", imageSrc: "/placeholder1.webp", authorName: "System", authorAvatar: "/avatar1.webp", date: "Today" },
             { id: "2", category: "Alert", title: "New Message", excerpt: "You have received a new message", imageSrc: "/placeholder2.webp", authorName: "User", authorAvatar: "/avatar2.webp", date: "Yesterday" },

src/app/page.tsx

@@ -53,11 +53,11 @@ export default function Home() {
       </div>
       <div id="metrics" data-section="metrics">
         <MetricCardEleven
-          description="Track your performance"
-          textboxLayout="default"
           animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
           title="Key Metrics"
+          description="Track your performance"
           metrics={[
             { id: "1", value: "100K", title: "Users", description: "Active users on platform" },
             { id: "2", value: "50M", title: "Revenue", description: "Annual revenue" },
@@ -67,11 +67,11 @@ export default function Home() {
       </div>
       <div id="events" data-section="events">
         <BlogCardTwo
-          title="Latest Events"
-          description="Stay updated with our latest events"
           animationType="slide-up"
           useInvertedBackground={false}
           textboxLayout="default"
+          title="Latest Events"
+          description="Stay updated with our latest events"
           blogs={[
             { id: "1", category: "Event", title: "Tech Summit 2025", excerpt: "Join us for the biggest tech event of the year", imageSrc: "/placeholder1.webp", authorName: "John Doe", authorAvatar: "/avatar1.webp", date: "20 Jan 2025" },
             { id: "2", category: "Webinar", title: "AI Workshop", excerpt: "Learn about the latest AI technologies", imageSrc: "/placeholder2.webp", authorName: "Jane Smith", authorAvatar: "/avatar2.webp", date: "25 Jan 2025" },