bender/07638a8c-c29d-41b2-ae55-7a18df783c49
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/courses/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-20 17:03:09 +00:00
parent d26f9b9585
commit 9c229a32b1
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/courses/page.tsx
View File

@@ -52,12 +52,12 @@ export default function CoursesPage() {
<div id="featured-courses" data-section="featured-courses">
<FeatureCardTwentySix
features={[
{ title: 'UX Design Fundamentals', description: 'Learn user-centered design principles and create intuitive interfaces.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-modern-minimalist-illustration-represe-1771606687335-6890ebf5.png?_wi=3', imageAlt: 'UX Design Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/ux-design' },
{ title: 'Fullstack Web Development', description: 'Build modern web applications from frontend to backend.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-sleek-illustration-of-web-development--1771606688329-5a4e5075.png?_wi=3', imageAlt: 'Fullstack Web Development Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/web-dev' },
{ title: 'Data Science & Machine Learning', description: 'Explore data analysis, predictive modeling, and AI algorithms.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/an-abstract-visualization-of-data-scienc-1771606687011-f4b63d4e.png?_wi=2', imageAlt: 'Data Science Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/data-science' },
{ title: 'Digital Marketing Strategy', description: 'Master SEO, social media, and content marketing for business growth.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-dynamic-illustration-of-digital-market-1771606691282-363299b8.png?_wi=2', imageAlt: 'Digital Marketing Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/digital-marketing' },
{ title: 'Cloud Computing Essentials', description: 'Understand cloud platforms, infrastructure, and deployment strategies.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-modern-minimalist-illustration-represe-1771606687335-6890ebf5.png?_wi=4', imageAlt: 'Cloud Computing Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/cloud-computing' },
{ title: 'Mobile App Development', description: 'Design and build native mobile applications for iOS and Android.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-sleek-illustration-of-web-development--1771606688329-5a4e5075.png?_wi=4', imageAlt: 'Mobile App Development Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/mobile-dev' },
{ title: 'UX Design Fundamentals', description: 'Learn user-centered design principles and create intuitive interfaces.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-modern-minimalist-illustration-represe-1771606687335-6890ebf5.png', imageAlt: 'UX Design Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/ux-design' },
{ title: 'Fullstack Web Development', description: 'Build modern web applications from frontend to backend.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-sleek-illustration-of-web-development--1771606688329-5a4e5075.png', imageAlt: 'Fullstack Web Development Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/web-dev' },
{ title: 'Data Science & Machine Learning', description: 'Explore data analysis, predictive modeling, and AI algorithms.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/an-abstract-visualization-of-data-scienc-1771606687011-f4b63d4e.png', imageAlt: 'Data Science Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/data-science' },
{ title: 'Digital Marketing Strategy', description: 'Master SEO, social media, and content marketing for business growth.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-dynamic-illustration-of-digital-market-1771606691282-363299b8.png', imageAlt: 'Digital Marketing Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/digital-marketing' },
{ title: 'Cloud Computing Essentials', description: 'Understand cloud platforms, infrastructure, and deployment strategies.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-modern-minimalist-illustration-represe-1771606687335-6890ebf5.png', imageAlt: 'Cloud Computing Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/cloud-computing' },
{ title: 'Mobile App Development', description: 'Design and build native mobile applications for iOS and Android.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-sleek-illustration-of-web-development--1771606688329-5a4e5075.png', imageAlt: 'Mobile App Development Course Image', buttonIcon: ArrowRight, buttonHref: '/courses/mobile-dev' },
]}
title="All Courses"
description="Find the perfect course to advance your skills, from beginner fundamentals to advanced specializations."
@@ -76,7 +76,7 @@ export default function CoursesPage() {
{ title: 'Personalized Learning Paths', description: 'Get tailored course recommendations and progress through customized learning experiences designed for you.', bentoComponent: '3d-stack-cards', items: [{ icon: Award, title: 'Foundation Skills', subtitle: 'Build your base', detail: 'Essential concepts for beginners.' }, { icon: Rocket, title: 'Advanced Mastery', subtitle: 'Accelerate growth', detail: 'Deep dive into specialized topics.' }, { icon: Briefcase, title: 'Career Readiness', subtitle: 'Job-ready skills', detail: 'Practical projects for employment.' }] },
{ title: 'Learn On-The-Go', description: 'Access your courses anytime, anywhere, with our fully responsive mobile app experience.', bentoComponent: 'phone', statusIcon: Signal, alertIcon: Bell, alertTitle: 'New Lesson Alert!', alertMessage: 'Module 3: Advanced Concepts is now available.', apps: [{ name: 'Courses', icon: PlayCircle }, { name: 'Quizzes', icon: FileText }, { name: 'Community', icon: Users }, { name: 'Progress', icon: PieChart }, { name: 'Projects', icon: Code }, { name: 'Resources', icon: BookOpen }, { name: 'Schedule', icon: Calendar }, { name: 'Settings', icon: Settings }] },
{ title: 'AI-Powered Learning Assistant', description: 'Get instant answers to your questions, personalized feedback, and smart recommendations with our AI tutor.', bentoComponent: 'chat', aiIcon: Bot, userIcon: User, exchanges: [{ userMessage: 'What are the core principles of responsive web design?', aiResponse: 'Responsive web design (RWD) ensures layouts adapt to different screen sizes. Key principles include fluid grids, flexible images, and media queries.' }, { userMessage: 'Can you give me an example of a media query for mobile devices?', aiResponse: 'Certainly! A common media query for mobile-first design is `@media (max-width: 768px) { /* CSS for smaller screens */ }`.' }], placeholder: 'Ask your AI tutor anything...' },
{ title: 'Next.js Project', description: 'Practice coding directly in your browser with our integrated development environment, complete with real-time feedback.', bentoComponent: '3d-task-list', title: 'Task List', items: [{ icon: CheckCircle, label: 'Setup environment', time: 'Completed' }, { icon: Clock, label: 'Build Navbar Component', time: '2 hours' }, { icon: Code, label: 'Implement API Route', time: 'Pending' }] },
{ title: 'Next.js Project', description: 'Practice coding directly in your browser with our integrated development environment, complete with real-time feedback.', bentoComponent: '3d-task-list', items: [{ icon: CheckCircle, label: 'Setup environment', time: 'Completed' }, { icon: Clock, label: 'Build Navbar Component', time: '2 hours' }, { icon: Code, label: 'Implement API Route', time: 'Pending' }] },
]}
animationType="slide-up"
title="A Superior Learning Environment"