src/app/about/page.tsx

@@ -53,7 +53,7 @@ export default function AboutPage() {
         <TextAbout
           title="Your Journey to Expertise Starts Here"
           buttons={[{ text: 'Explore Courses', href: '/courses' }]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="slide-up"
           useInvertedBackground={true}
           tag="About SkillUp"
           tagIcon={BookOpen}
@@ -78,7 +78,7 @@ export default function AboutPage() {
       <div id="faq" data-section="faq">
         <FaqSplitMedia
           faqs={aboutFaqs}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-stylized-illustration-of-a-friendly-cu-1771606686696-3fcd5f0d.png?_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-stylized-illustration-of-a-friendly-cu-1771606686696-3fcd5f0d.png"
           imageAlt="Team collaborating on the SkillUp mission"
           mediaAnimation="slide-up"
           mediaPosition="left"

src/app/courses/page.tsx

@@ -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"

src/app/layout.tsx

@@ -4,41 +4,26 @@ import { Work_Sans } from "next/font/google";
 import "./globals.css";
 
 const openSans = Open_Sans({
-  variable: "--font-open-sans",
-  subsets: ["latin"],
+  variable: "--font-open-sans",  subsets: ["latin"],
 });
 
 const workSans = Work_Sans({
-  variable: "--font-work-sans",
-  subsets: ["latin"],
+  variable: "--font-work-sans",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "SkillUp | Online Course Platform & E-Learning",
-  description: "Master new skills with expert-led online courses from SkillUp. Flexible learning paths, interactive content, and a supportive community for career growth.",
-  keywords: ["online courses", "e-learning", "skill development", "career growth", "education platform", "digital skills", "professional development", "tech education", "coding courses", "data science courses", "UX design courses"],
+  title: "SkillUp | Online Course Platform & E-Learning",  description: "Master new skills with expert-led online courses from SkillUp. Flexible learning paths, interactive content, and a supportive community for career growth.",  keywords: ["online courses", "e-learning", "skill development", "career growth", "education platform", "digital skills", "professional development", "tech education", "coding courses", "data science courses", "UX design courses"],
   metadataBase: new URL("https://skillup.com"),
   alternates: {
-    canonical: "https://skillup.com",
-  },
+    canonical: "https://skillup.com"},
   openGraph: {
-    title: "SkillUp | Online Course Platform & E-Learning",
-    description: "Master new skills with expert-led online courses from SkillUp. Flexible learning paths, interactive content, and a supportive community for career growth.",
-    url: "https://skillup.com",
-    siteName: "SkillUp",
-    images: [
+    title: "SkillUp | Online Course Platform & E-Learning",    description: "Master new skills with expert-led online courses from SkillUp. Flexible learning paths, interactive content, and a supportive community for career growth.",    url: "https://skillup.com",    siteName: "SkillUp",    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-diverse-group-of-students-collaborativ-1771606686940-e32cd224.png",
-        alt: "Students learning online",
-      },
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-diverse-group-of-students-collaborativ-1771606686940-e32cd224.png",        alt: "Students learning online"},
     ],
-    type: "website",
-  },
+    type: "website"},
   twitter: {
-    card: "summary_large_image",
-    title: "SkillUp | Online Course Platform & E-Learning",
-    description: "Master new skills with expert-led online courses from SkillUp. Flexible learning paths, interactive content, and a supportive community for career growth.",
-    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-diverse-group-of-students-collaborativ-1771606686940-e32cd224.png"],
+    card: "summary_large_image",    title: "SkillUp | Online Course Platform & E-Learning",    description: "Master new skills with expert-led online courses from SkillUp. Flexible learning paths, interactive content, and a supportive community for career growth.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-diverse-group-of-students-collaborativ-1771606686940-e32cd224.png"],
   },
   robots: {
     index: true,

src/app/page.tsx

@@ -72,12 +72,12 @@ export default function HomePage() {
       <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=1', 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=1', 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=1', 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=1', 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=2', 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=2', 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="Featured Courses"
           description="Discover popular courses handpicked for their impact and relevance to today's fastest-growing industries."
@@ -96,7 +96,7 @@ export default function HomePage() {
             { 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="Experience a New Way to Learn"
@@ -132,7 +132,7 @@ export default function HomePage() {
             { id: '5', title: 'Is there a money-back guarantee?', content: "We offer a 7-day satisfaction guarantee. If you're not happy with your purchase, you can request a full refund within 7 days of enrollment." },
             { id: '6', title: 'How long do I have access to courses?', content: "Once enrolled, you'll have lifetime access to your courses, including all future updates and new content." },
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-stylized-illustration-of-a-friendly-cu-1771606686696-3fcd5f0d.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUQvOmvybi7OsenpqBLyZR6m5/a-stylized-illustration-of-a-friendly-cu-1771606686696-3fcd5f0d.png"
           imageAlt="Customer support representative assisting a user"
           mediaAnimation="slide-up"
           mediaPosition="right"