bender/4473a11b-48b3-4aa9-b62f-b59fe836176e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/learn/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 17:24:14 +00:00
parent 72a4b57294
commit b91d0e04dd
1 changed files with 28 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
src/app/learn/page.tsx
View File

@@ -46,9 +46,7 @@ export default function LearnPage() {
<NavbarStyleCentered
navItems={navItems}
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/contact"}}
brandName="CodeHub"
/>
</div>
@@ -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: "#" },