From b91d0e04dd7697345743b1499f38fc0dd6368715 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 17:24:14 +0000 Subject: [PATCH] Update src/app/learn/page.tsx --- src/app/learn/page.tsx | 119 ++++++++++------------------------------- 1 file changed, 28 insertions(+), 91 deletions(-) diff --git a/src/app/learn/page.tsx b/src/app/learn/page.tsx index bbc3398..c00fbf3 100644 --- a/src/app/learn/page.tsx +++ b/src/app/learn/page.tsx @@ -46,9 +46,7 @@ export default function LearnPage() { @@ -67,11 +65,8 @@ export default function LearnPage() { ]} buttonAnimation="slide-up" dashboard={{ - title: "Learning Progress Hub", - 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: [ + title: "Learning Progress Hub", 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: [ { icon: BookOpen, active: true }, { icon: Gamepad2 }, { icon: GitBranch }, @@ -82,42 +77,29 @@ export default function LearnPage() { ], stats: [ { - title: "Courses", - values: [45, 67, 92], - description: "Available curricula", - }, + title: "Courses", values: [45, 67, 92], + description: "Available curricula"}, { - title: "Hours Content", - values: [320, 480, 650], - valueSuffix: "+", - description: "Video tutorials", - }, + title: "Hours Content", values: [320, 480, 650], + valueSuffix: "+", description: "Video tutorials"}, { - title: "Certifications", - values: [12, 18, 28], - description: "Completable paths", - }, + title: "Certifications", values: [12, 18, 28], + description: "Completable paths"}, ], - chartTitle: "Enrollment Trends", - chartData: [ + chartTitle: "Enrollment Trends", chartData: [ { value: 70 }, { value: 50 }, { value: 80 }, { value: 65 }, { value: 95 }, ], - listTitle: "Popular Courses", - listItems: [ + listTitle: "Popular Courses", listItems: [ { icon: Code, - title: "Python Fundamentals", - status: "2.4K enrolled", - }, + title: "Python Fundamentals", status: "2.4K enrolled"}, { icon: Gamepad2, - title: "Game Development with Unity", - status: "1.8K enrolled", - }, + title: "Game Development with Unity", 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", - description: "Start from scratch with clear explanations and interactive exercises. Learn programming basics, syntax, and core concepts that apply across all languages.", - icon: BookOpen, + 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, 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", - imageAlt: "Beginner learning path", - }, + 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"}, { - 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", - }, + 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"}, ], }, { - 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, + 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, 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", - imageAlt: "Game development project", - }, + 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"}, { - 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", - }, + 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"}, ], }, { - title: "Advanced Deep Dives", - description: "Master complex algorithms, system design, and optimization techniques. Learn from experts tackling industry-level challenges and patterns.", - icon: Zap, + title: "Advanced Deep Dives", 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", - imageAlt: "Algorithm visualization", - }, + 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"}, { - 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", - }, + 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"}, ], }, ]} @@ -195,35 +159,11 @@ export default function LearnPage() { tagAnimation="slide-up" blogs={[ { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, ]} 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", - items: [ + title: "Learning", 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", - items: [ + title: "Community", 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", - items: [ + title: "Company", items: [ { label: "About Us", href: "/#about" }, { label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" },