Update src/app/learn/page.tsx

src/app/learn/page.tsx

@@ -46,9 +46,7 @@ export default function LearnPage() {
         <NavbarStyleCentered
           navItems={navItems}
           button={{
-            text: "Get Started",
+            text: "Get Started",            href: "/contact"}}
-            href: "/contact",
-          }}
           brandName="CodeHub"
         />
       </div>
@@ -67,11 +65,8 @@ export default function LearnPage() {
           ]}
           buttonAnimation="slide-up"
           dashboard={{
-            title: "Learning Progress Hub",
+            title: "Learning Progress Hub",            logoIcon: Code,
-            logoIcon: Code,
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-clean-software-dashboard-interf-1772557828834-3c7c8e0a.png?_wi=4",            searchPlaceholder: "Search courses, topics, certifications...",            sidebarItems: [
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-clean-software-dashboard-interf-1772557828834-3c7c8e0a.png?_wi=4",
-            searchPlaceholder: "Search courses, topics, certifications...",
-            sidebarItems: [
               { icon: BookOpen, active: true },
               { icon: Gamepad2 },
               { icon: GitBranch },
@@ -82,42 +77,29 @@ export default function LearnPage() {
             ],
             stats: [
               {
-                title: "Courses",
+                title: "Courses",                values: [45, 67, 92],
-                values: [45, 67, 92],
+                description: "Available curricula"},
-                description: "Available curricula",
-              },
               {
-                title: "Hours Content",
+                title: "Hours Content",                values: [320, 480, 650],
-                values: [320, 480, 650],
+                valueSuffix: "+",                description: "Video tutorials"},
-                valueSuffix: "+",
-                description: "Video tutorials",
-              },
               {
-                title: "Certifications",
+                title: "Certifications",                values: [12, 18, 28],
-                values: [12, 18, 28],
+                description: "Completable paths"},
-                description: "Completable paths",
-              },
             ],
-            chartTitle: "Enrollment Trends",
+            chartTitle: "Enrollment Trends",            chartData: [
-            chartData: [
               { value: 70 },
               { value: 50 },
               { value: 80 },
               { value: 65 },
               { value: 95 },
             ],
-            listTitle: "Popular Courses",
+            listTitle: "Popular Courses",            listItems: [
-            listItems: [
               {
                 icon: Code,
-                title: "Python Fundamentals",
+                title: "Python Fundamentals",                status: "2.4K enrolled"},
-                status: "2.4K enrolled",
-              },
               {
                 icon: Gamepad2,
-                title: "Game Development with Unity",
+                title: "Game Development with Unity",                status: "1.8K enrolled"},
-                status: "1.8K enrolled",
-              },
               { icon: BookOpen, title: "Algorithms Mastery", status: "1.5K enrolled" },
             ],
           }}
@@ -133,48 +115,30 @@ export default function LearnPage() {
           tagAnimation="slide-up"
           features={[
             {
-              title: "Beginner Fundamentals",
+              title: "Beginner Fundamentals",              description: "Start from scratch with clear explanations and interactive exercises. Learn programming basics, syntax, and core concepts that apply across all languages.",              icon: BookOpen,
-              description: "Start from scratch with clear explanations and interactive exercises. Learn programming basics, syntax, and core concepts that apply across all languages.",
-              icon: BookOpen,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-clean-colorful-illustration-showing-a--1772557828492-0511ad50.png?_wi=2",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-clean-colorful-illustration-showing-a--1772557828492-0511ad50.png?_wi=2",                  imageAlt: "Beginner learning path"},
-                  imageAlt: "Beginner learning path",
-                },
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-clean-software-dashboard-interf-1772557828834-3c7c8e0a.png?_wi=5",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-clean-software-dashboard-interf-1772557828834-3c7c8e0a.png?_wi=5",                  imageAlt: "Learning interface"},
-                  imageAlt: "Learning interface",
-                },
               ],
             },
             {
-              title: "Intermediate Projects",
+              title: "Intermediate Projects",              description: "Apply your knowledge to real-world projects. Build games, create applications, and solve practical problems that reinforce what you've learned.",              icon: Palette,
-              description: "Apply your knowledge to real-world projects. Build games, create applications, and solve practical problems that reinforce what you've learned.",
-              icon: Palette,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-vibrant-game-development-workspace-sho-1772557829553-78efb018.png?_wi=4",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-vibrant-game-development-workspace-sho-1772557829553-78efb018.png?_wi=4",                  imageAlt: "Game development project"},
-                  imageAlt: "Game development project",
-                },
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-gallery-grid-showing-different--1772557831924-ea0916da.png?_wi=3",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-gallery-grid-showing-different--1772557831924-ea0916da.png?_wi=3",                  imageAlt: "Project portfolio"},
-                  imageAlt: "Project portfolio",
-                },
               ],
             },
             {
-              title: "Advanced Deep Dives",
+              title: "Advanced Deep Dives",              description: "Master complex algorithms, system design, and optimization techniques. Learn from experts tackling industry-level challenges and patterns.",              icon: Zap,
-              description: "Master complex algorithms, system design, and optimization techniques. Learn from experts tackling industry-level challenges and patterns.",
-              icon: Zap,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-algorithm-visualization-showing-1772557828226-7cdb3f18.png?_wi=5",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-algorithm-visualization-showing-1772557828226-7cdb3f18.png?_wi=5",                  imageAlt: "Algorithm visualization"},
-                  imageAlt: "Algorithm visualization",
-                },
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-clean-software-dashboard-interf-1772557828834-3c7c8e0a.png?_wi=6",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-clean-software-dashboard-interf-1772557828834-3c7c8e0a.png?_wi=6",                  imageAlt: "Advanced dashboard"},
-                  imageAlt: "Advanced dashboard",
-                },
               ],
             },
           ]}
@@ -195,35 +159,11 @@ export default function LearnPage() {
           tagAnimation="slide-up"
           blogs={[
             {
-              id: "1",
+              id: "1",              category: "Game Development",              title: "Building Your First 2D Platformer Game",              excerpt: "Learn how to create a complete 2D platformer from scratch using modern game engines and physics systems.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-vibrant-hero-image-for-a-blog-post-abo-1772557829071-73f5e221.png?_wi=1",              authorName: "Alex Chen",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-photo-of-a-smili-1772557827289-e81d8558.png",              date: "Jan 15, 2025"},
-              category: "Game Development",
-              title: "Building Your First 2D Platformer Game",
-              excerpt: "Learn how to create a complete 2D platformer from scratch using modern game engines and physics systems.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-vibrant-hero-image-for-a-blog-post-abo-1772557829071-73f5e221.png?_wi=1",
-              authorName: "Alex Chen",
-              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-photo-of-a-smili-1772557827289-e81d8558.png",
-              date: "Jan 15, 2025",
-            },
             {
-              id: "2",
+              id: "2",              category: "Algorithms",              title: "Mastering Sorting Algorithms: A Complete Guide",              excerpt: "Explore the most important sorting algorithms with complexity analysis, code implementations, and real-world applications.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-clean-visualization-for-an-algorithms--1772557829002-bd31b2de.png",              authorName: "Sarah Martinez",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-of-a-different-y-1772557826882-57f1ccb3.png",              date: "Jan 12, 2025"},
-              category: "Algorithms",
-              title: "Mastering Sorting Algorithms: A Complete Guide",
-              excerpt: "Explore the most important sorting algorithms with complexity analysis, code implementations, and real-world applications.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-clean-visualization-for-an-algorithms--1772557829002-bd31b2de.png",
-              authorName: "Sarah Martinez",
-              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-of-a-different-y-1772557826882-57f1ccb3.png",
-              date: "Jan 12, 2025",
-            },
             {
-              id: "3",
+              id: "3",              category: "Advanced Programming",              title: "Object-Oriented Programming Patterns Explained",              excerpt: "Master SOLID principles, design patterns, and advanced OOP concepts for writing maintainable, scalable code.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-blog-header-showing-object-orie-1772557829034-d90a348d.png",              authorName: "James Wilson",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-of-a-game-develo-1772557828380-a6282019.png",              date: "Jan 10, 2025"},
-              category: "Advanced Programming",
-              title: "Object-Oriented Programming Patterns Explained",
-              excerpt: "Master SOLID principles, design patterns, and advanced OOP concepts for writing maintainable, scalable code.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-modern-blog-header-showing-object-orie-1772557829034-d90a348d.png",
-              authorName: "James Wilson",
-              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWlhCQ3lZbhewCsY5pIqiypsC/a-professional-headshot-of-a-game-develo-1772557828380-a6282019.png",
-              date: "Jan 10, 2025",
-            },
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -241,8 +181,7 @@ export default function LearnPage() {
           copyrightText="© 2025 CodeHub. Empowering the next generation of developers."
           columns={[
             {
-              title: "Learning",
+              title: "Learning",              items: [
-              items: [
                 { label: "Coding Tutorials", href: "/learn" },
                 { label: "Game Development", href: "/learn" },
                 { label: "Algorithm Courses", href: "/learn" },
@@ -250,8 +189,7 @@ export default function LearnPage() {
               ],
             },
             {
-              title: "Community",
+              title: "Community",              items: [
-              items: [
                 { label: "Project Showcase", href: "/showcase" },
                 { label: "Developer Forum", href: "/community" },
                 { label: "Mentorship", href: "/community" },
@@ -259,8 +197,7 @@ export default function LearnPage() {
               ],
             },
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About Us", href: "/#about" },
                 { label: "Contact", href: "/contact" },
                 { label: "Privacy Policy", href: "#" },