2026-03-13 09:27:32 +00:00
10 changed files with 119 additions and 78 deletions
--- a/src/app/challenges/page.tsx
+++ b/src/app/challenges/page.tsx
@@ -100,7 +100,7 @@ export default function ChallengesPage() {
            {
              title: "Easy Challenges",
              description: "Start with fundamental problems to build confidence and core programming concepts.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png?_wi=5",
              imageAlt: "Easy coding challenges interface",
              button: {
                text: "Start Easy",
@@ -110,7 +110,7 @@ export default function ChallengesPage() {
            {
              title: "Intermediate Challenges",
              description: "Level up your skills with problems that require deeper understanding and algorithmic thinking.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png?_wi=3",
              imageAlt: "Intermediate challenges",
              button: {
                text: "Try Intermediate",
@@ -120,7 +120,7 @@ export default function ChallengesPage() {
            {
              title: "Expert Challenges",
              description: "Challenge yourself with complex problems that require optimization and advanced techniques.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png?_wi=3",
              imageAlt: "Expert level challenges",
              button: {
                text: "Face Expert",
--- a/src/app/community/page.tsx
+++ b/src/app/community/page.tsx
@@ -99,7 +99,7 @@ export default function CommunityPage() {
            {
              title: "Discussion Forums",
              description: "Ask questions, share insights, and help other learners. Get answers from experienced developers and mentors.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png?_wi=3",
              imageAlt: "Community discussion forum",
              button: {
                text: "Join Discussions",
@@ -109,7 +109,7 @@ export default function CommunityPage() {
            {
              title: "Code Review Sessions",
              description: "Share your code with the community and get constructive feedback. Learn best practices from code reviews.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png?_wi=6",
              imageAlt: "Code review interface",
              button: {
                text: "Submit Code",
@@ -119,7 +119,7 @@ export default function CommunityPage() {
            {
              title: "Mentorship Program",
              description: "Connect with experienced mentors who can guide your learning journey and help you overcome obstacles.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/dashboard-preview-1773393959773-9cb948af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/dashboard-preview-1773393959773-9cb948af.png?_wi=1",
              imageAlt: "Mentorship connection",
              button: {
                text: "Find Mentor",
@@ -129,7 +129,7 @@ export default function CommunityPage() {
            {
              title: "Study Groups",
              description: "Form or join study groups focused on specific topics, languages, or learning goals.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png?_wi=4",
              imageAlt: "Study group collaboration",
              button: {
                text: "Create Group",
@@ -139,7 +139,7 @@ export default function CommunityPage() {
            {
              title: "Project Showcase",
              description: "Display your projects, receive feedback, and inspire others with your creations.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/dashboard-preview-1773393959773-9cb948af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/dashboard-preview-1773393959773-9cb948af.png?_wi=2",
              imageAlt: "Project showcase gallery",
              button: {
                text: "Show Your Work",
@@ -185,7 +185,7 @@ export default function CommunityPage() {
              role: "Junior Developer",
              company: "TechCorp",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-photo-of-a-young-professional-d-1773393958255-f863766e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-photo-of-a-young-professional-d-1773393958255-f863766e.png?_wi=2",
              imageAlt: "Sarah Johnson",
            },
            {
@@ -194,7 +194,7 @@ export default function CommunityPage() {
              role: "Software Engineer",
              company: "InnovateLab",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-female-software-engineer-w-1773393958850-d45f5ae9.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-female-software-engineer-w-1773393958850-d45f5ae9.png?_wi=2",
              imageAlt: "Michael Chen",
            },
            {
@@ -203,7 +203,7 @@ export default function CommunityPage() {
              role: "Senior Developer",
              company: "GrowthCo",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-middle-aged-male-developer-1773393958004-95cf3ebc.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-middle-aged-male-developer-1773393958004-95cf3ebc.png?_wi=2",
              imageAlt: "Emily Rodriguez",
            },
            {
@@ -212,7 +212,7 @@ export default function CommunityPage() {
              role: "Career Switcher",
              company: "StartupXYZ",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-young-aspiring-developer-w-1773393959701-f0260340.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-young-aspiring-developer-w-1773393959701-f0260340.png?_wi=2",
              imageAlt: "David Kim",
            },
            {
@@ -221,7 +221,7 @@ export default function CommunityPage() {
              role: "Full Stack Developer",
              company: "CloudServices",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-diverse-software-engineer-ag-1773393958038-b800a773.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-diverse-software-engineer-ag-1773393958038-b800a773.png?_wi=2",
              imageAlt: "Priya Patel",
            },
            {
@@ -230,7 +230,7 @@ export default function CommunityPage() {
              role: "Tech Lead",
              company: "ByteForce",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-confident-female-tech-lead-o-1773393958716-b30be03f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-confident-female-tech-lead-o-1773393958716-b30be03f.png?_wi=2",
              imageAlt: "Jessica Lee",
            },
          ]}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -96,7 +96,7 @@ export default function ContactPage() {
            variant: "radial-gradient",
          }}
          useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/modern-newsletter-signup-visualization-s-1773393959083-5a8d8a83.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/modern-newsletter-signup-visualization-s-1773393959083-5a8d8a83.png?_wi=3"
          imageAlt="Newsletter subscription"
          mediaAnimation="slide-up"
          mediaPosition="right"
@@ -120,7 +120,7 @@ export default function ContactPage() {
            {
              title: "Documentation",
              description: "Comprehensive guides and API documentation to help you get started and troubleshoot issues.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png?_wi=7",
              imageAlt: "Documentation",
              button: {
                text: "Read Docs",
@@ -130,7 +130,7 @@ export default function ContactPage() {
            {
              title: "Community Forum",
              description: "Ask questions, share knowledge, and get help from other learners and experienced mentors.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png?_wi=5",
              imageAlt: "Community",
              button: {
                text: "Visit Forum",
@@ -140,7 +140,7 @@ export default function ContactPage() {
            {
              title: "Email Support",
              description: "Contact our support team directly for urgent issues and personalized assistance.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/modern-newsletter-signup-visualization-s-1773393959083-5a8d8a83.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/modern-newsletter-signup-visualization-s-1773393959083-5a8d8a83.png?_wi=4",
              imageAlt: "Email Support",
              button: {
                text: "Contact Us",
--- a/src/app/courses/page.tsx
+++ b/src/app/courses/page.tsx
@@ -94,7 +94,7 @@ export default function CoursesPage() {
              category: "Beginner",
              title: "JavaScript Fundamentals",
              excerpt: "Master the basics of JavaScript including variables, functions, DOM manipulation, and async programming.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png?_wi=5",
              imageAlt: "JavaScript course",
              authorName: "Alex Chen",
              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-photo-of-a-young-professional-d-1773393958255-f863766e.png",
@@ -105,7 +105,7 @@ export default function CoursesPage() {
              category: "Intermediate",
              title: "React Advanced Patterns",
              excerpt: "Learn React hooks, context API, performance optimization, and state management best practices.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png?_wi=7",
              imageAlt: "React course",
              authorName: "Sarah Johnson",
              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-female-software-engineer-w-1773393958850-d45f5ae9.png",
@@ -116,7 +116,7 @@ export default function CoursesPage() {
              category: "Advanced",
              title: "Full-Stack Development with MERN",
              excerpt: "Build complete web applications using MongoDB, Express, React, and Node.js with real-world projects.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png?_wi=4",
              imageAlt: "Full-stack course",
              authorName: "Mike Rodriguez",
              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-middle-aged-male-developer-1773393958004-95cf3ebc.png",
@@ -213,7 +213,7 @@ export default function CoursesPage() {
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/modern-newsletter-signup-visualization-s-1773393959083-5a8d8a83.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/modern-newsletter-signup-visualization-s-1773393959083-5a8d8a83.png?_wi=2"
          imageAlt="Newsletter subscription"
          mediaAnimation="slide-up"
          mediaPosition="right"
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -92,7 +92,7 @@ export default function DashboardPage() {
            {
              title: "Your Learning Progress",
              description: "Track your advancement through courses with detailed analytics and performance metrics.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png?_wi=4",
              imageAlt: "Dashboard analytics interface",
              button: {
                text: "View Details",
@@ -102,7 +102,7 @@ export default function DashboardPage() {
            {
              title: "Recommended Courses",
              description: "Personalized course recommendations based on your skill level and learning interests.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png?_wi=4",
              imageAlt: "Learning path visualization",
              button: {
                text: "Explore Courses",
@@ -112,7 +112,7 @@ export default function DashboardPage() {
            {
              title: "Recent Achievements",
              description: "View badges, certificates, and milestones you've earned from completed challenges.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/gamification-interface-showing-xp-points-1773393962631-f69a902f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/gamification-interface-showing-xp-points-1773393962631-f69a902f.png?_wi=4",
              imageAlt: "Achievements display",
              button: {
                text: "See All Badges",
@@ -159,7 +159,7 @@ export default function DashboardPage() {
              role: "Just Started",
              company: "CodeMaster",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-photo-of-a-young-professional-d-1773393958255-f863766e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-photo-of-a-young-professional-d-1773393958255-f863766e.png?_wi=3",
              imageAlt: "Getting started",
            },
            {
@@ -168,7 +168,7 @@ export default function DashboardPage() {
              role: "Week 2",
              company: "Building Momentum",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-young-aspiring-developer-w-1773393959701-f0260340.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-young-aspiring-developer-w-1773393959701-f0260340.png?_wi=3",
              imageAlt: "Learning progress",
            },
            {
@@ -177,7 +177,7 @@ export default function DashboardPage() {
              role: "Month 3+",
              company: "Expert Developer",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-confident-female-tech-lead-o-1773393958716-b30be03f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-confident-female-tech-lead-o-1773393958716-b30be03f.png?_wi=3",
              imageAlt: "Expert level",
            },
          ]}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,18 +1,22 @@
 import type { Metadata } from "next";
 import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
+import { Roboto } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
-import { Roboto } from "next/font/google";

+const halant = Halant({
+  variable: "--font-halant",
+  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
+});

-
-export const metadata: Metadata = {
-  title: "Webild components 2",
-  description: "Generated by create next app",
-};
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});

 const roboto = Roboto({
  variable: "--font-roboto",
@@ -20,6 +24,41 @@ const roboto = Roboto({
  weight: ["100", "300", "400", "500", "700", "900"],
 });

+export const metadata: Metadata = {
+  title: "CodeMaster - Learn Programming by Coding",
+  description: "Master programming through hands-on practice. Interactive code editor, 500+ courses, 15+ languages, gamification, and community support. Start learning free today.",
+  keywords: "coding, programming, learn to code, interactive coding, online programming courses, code editor, web development, software engineering",
+  metadataBase: new URL("https://codemaster.dev"),
+  alternates: {
+    canonical: "https://codemaster.dev",
+  },
+  openGraph: {
+    title: "CodeMaster - Learn Programming by Coding",
+    description: "Master programming through hands-on practice with interactive code editor, real-time feedback, and projects.",
+    url: "https://codemaster.dev",
+    siteName: "CodeMaster",
+    type: "website",
+    images: [
+      {
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png",
+        alt: "CodeMaster - Interactive Code Editor Interface",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "CodeMaster - Learn Programming by Coding",
+    description: "Master programming through hands-on practice with interactive code editor, real-time feedback, and projects.",
+    images: [
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png",
+    ],
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+};
+
 export default function RootLayout({
  children,
 }: Readonly<{
@@ -28,7 +67,9 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${roboto.variable} antialiased`}>
+        <body
+          className={`${halant.variable} ${inter.variable} ${roboto.variable} antialiased`}
+        >
          <Tag />
          {children}
          <script
@@ -40,4 +81,4 @@ export default function RootLayout({
      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/leaderboard/page.tsx
+++ b/src/app/leaderboard/page.tsx
@@ -137,7 +137,7 @@ export default function LeaderboardPage() {
              role: "Rank #1",
              company: "XP: 125,840",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-photo-of-a-young-professional-d-1773393958255-f863766e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-photo-of-a-young-professional-d-1773393958255-f863766e.png?_wi=4",
              imageAlt: "Alex Rivera",
            },
            {
@@ -146,7 +146,7 @@ export default function LeaderboardPage() {
              role: "Rank #2",
              company: "XP: 118,350",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-female-software-engineer-w-1773393958850-d45f5ae9.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-female-software-engineer-w-1773393958850-d45f5ae9.png?_wi=3",
              imageAlt: "Jordan Park",
            },
            {
@@ -155,7 +155,7 @@ export default function LeaderboardPage() {
              role: "Rank #3",
              company: "XP: 112,720",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-middle-aged-male-developer-1773393958004-95cf3ebc.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-middle-aged-male-developer-1773393958004-95cf3ebc.png?_wi=3",
              imageAlt: "Taylor Murphy",
            },
            {
@@ -164,7 +164,7 @@ export default function LeaderboardPage() {
              role: "Rank #4",
              company: "XP: 108,910",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-young-aspiring-developer-w-1773393959701-f0260340.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-young-aspiring-developer-w-1773393959701-f0260340.png?_wi=4",
              imageAlt: "Casey Chen",
            },
            {
@@ -173,7 +173,7 @@ export default function LeaderboardPage() {
              role: "Rank #5",
              company: "XP: 104,560",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-diverse-software-engineer-ag-1773393958038-b800a773.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-diverse-software-engineer-ag-1773393958038-b800a773.png?_wi=3",
              imageAlt: "Morgan Davis",
            },
            {
@@ -182,7 +182,7 @@ export default function LeaderboardPage() {
              role: "Rank #6",
              company: "XP: 99,835",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-confident-female-tech-lead-o-1773393958716-b30be03f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-confident-female-tech-lead-o-1773393958716-b30be03f.png?_wi=4",
              imageAlt: "Riley Thompson",
            },
          ]}
--- a/src/app/learning-paths/page.tsx
+++ b/src/app/learning-paths/page.tsx
@@ -99,7 +99,7 @@ export default function LearningPathsPage() {
            {
              title: "JavaScript Fundamentals",
              description: "Start with JavaScript basics: variables, functions, DOM manipulation, and async programming. Build interactive web applications from scratch.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png?_wi=4",
              imageAlt: "JavaScript learning path",
              button: {
                text: "Start Learning",
@@ -109,7 +109,7 @@ export default function LearningPathsPage() {
            {
              title: "Python for Data Science",
              description: "Master Python programming with data science focus. Learn NumPy, Pandas, and Matplotlib to analyze and visualize real-world datasets.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png?_wi=3",
              imageAlt: "Python data science path",
              button: {
                text: "Start Learning",
@@ -119,7 +119,7 @@ export default function LearningPathsPage() {
            {
              title: "React & Frontend Development",
              description: "Build modern web interfaces with React. Learn components, hooks, state management, and responsive design for production-ready applications.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png?_wi=3",
              imageAlt: "React development path",
              button: {
                text: "Start Learning",
@@ -129,7 +129,7 @@ export default function LearningPathsPage() {
            {
              title: "Backend Development with Node.js",
              description: "Create robust backend systems using Node.js and Express. Learn database design, API development, and server-side architecture.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png?_wi=2",
              imageAlt: "Node.js backend path",
              button: {
                text: "Start Learning",
@@ -139,7 +139,7 @@ export default function LearningPathsPage() {
            {
              title: "Full Stack Development",
              description: "Combine frontend and backend skills to build complete web applications. Project-based learning with real deployment scenarios.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png?_wi=2",
              imageAlt: "Full stack path",
              button: {
                text: "Start Learning",
@@ -149,7 +149,7 @@ export default function LearningPathsPage() {
            {
              title: "Mobile Development with React Native",
              description: "Develop cross-platform mobile applications with React Native. Learn native modules, testing, and app deployment to iOS and Android.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/gamification-interface-showing-xp-points-1773393962631-f69a902f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/gamification-interface-showing-xp-points-1773393962631-f69a902f.png?_wi=3",
              imageAlt: "React Native mobile path",
              button: {
                text: "Start Learning",
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -101,37 +101,37 @@ export default function HomePage() {
          background={{ variant: "circleGradient" }}
          leftCarouselItems={[
            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png?_wi=1",
              imageAlt: "Professional code editor interface",
            },
            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png?_wi=1",
              imageAlt: "Advanced syntax highlighting",
            },
            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png?_wi=1",
              imageAlt: "Learning path visualization",
            },
            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png?_wi=1",
              imageAlt: "Dashboard overview",
            },
          ]}
          rightCarouselItems={[
            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png?_wi=1",
              imageAlt: "Interactive learning environment",
            },
            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/gamification-interface-showing-xp-points-1773393962631-f69a902f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/gamification-interface-showing-xp-points-1773393962631-f69a902f.png?_wi=1",
              imageAlt: "Gamification achievements",
            },
            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png?_wi=1",
              imageAlt: "Community collaboration",
            },
            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/pricing-tier-comparison-showing-three-ti-1773393958728-0bde1fd7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/pricing-tier-comparison-showing-three-ti-1773393958728-0bde1fd7.png?_wi=1",
              imageAlt: "Pricing comparison",
            },
          ]}
@@ -151,42 +151,42 @@ export default function HomePage() {
            {
              title: "Interactive Code Editor",
              description: "Write, run, and debug code instantly with syntax highlighting, autocompletion, and real-time error detection.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png?_wi=2",
              imageAlt: "Code editor interface",
              button: { text: "Learn More", href: "#" },
            },
            {
              title: "Structured Learning Paths",
              description: "Progress from beginner to advanced with carefully designed lessons, exercises, and real-world projects.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png?_wi=2",
              imageAlt: "Learning path progression",
              button: { text: "Explore Paths", href: "/learning-paths" },
            },
            {
              title: "Gamification System",
              description: "Earn XP points, build coding streaks, unlock achievements, and compete on leaderboards.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/gamification-interface-showing-xp-points-1773393962631-f69a902f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/gamification-interface-showing-xp-points-1773393962631-f69a902f.png?_wi=2",
              imageAlt: "Gamification achievements",
              button: { text: "Check Leaderboard", href: "/leaderboard" },
            },
            {
              title: "Coding Challenges",
              description: "Practice with coding challenges ranging from easy to expert level with instant test case validation.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png?_wi=3",
              imageAlt: "Challenge interface",
              button: { text: "Start Challenges", href: "/challenges" },
            },
            {
              title: "Community Support",
              description: "Ask questions, share code, get peer feedback, and learn from experienced mentors in the community forum.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png?_wi=2",
              imageAlt: "Community discussion",
              button: { text: "Join Community", href: "/community" },
            },
            {
              title: "Real-World Projects",
              description: "Build portfolio projects like todo apps, calculators, APIs, and more with guided instructions and solutions.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png?_wi=2",
              imageAlt: "Project showcase",
              button: { text: "View Projects", href: "/projects" },
            },
@@ -313,7 +313,7 @@ export default function HomePage() {
              role: "Junior Developer",
              company: "TechCorp",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-photo-of-a-young-professional-d-1773393958255-f863766e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-photo-of-a-young-professional-d-1773393958255-f863766e.png?_wi=1",
              imageAlt: "Sarah Johnson",
            },
            {
@@ -322,7 +322,7 @@ export default function HomePage() {
              role: "Software Engineer",
              company: "InnovateLab",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-female-software-engineer-w-1773393958850-d45f5ae9.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-female-software-engineer-w-1773393958850-d45f5ae9.png?_wi=1",
              imageAlt: "Michael Chen",
            },
            {
@@ -331,7 +331,7 @@ export default function HomePage() {
              role: "Senior Developer",
              company: "GrowthCo",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-middle-aged-male-developer-1773393958004-95cf3ebc.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-middle-aged-male-developer-1773393958004-95cf3ebc.png?_wi=1",
              imageAlt: "Emily Rodriguez",
            },
            {
@@ -340,7 +340,7 @@ export default function HomePage() {
              role: "Career Switcher",
              company: "StartupXYZ",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-young-aspiring-developer-w-1773393959701-f0260340.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-a-young-aspiring-developer-w-1773393959701-f0260340.png?_wi=1",
              imageAlt: "David Kim",
            },
            {
@@ -349,7 +349,7 @@ export default function HomePage() {
              role: "Full Stack Developer",
              company: "CloudServices",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-diverse-software-engineer-ag-1773393958038-b800a773.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-diverse-software-engineer-ag-1773393958038-b800a773.png?_wi=1",
              imageAlt: "Priya Patel",
            },
            {
@@ -358,7 +358,7 @@ export default function HomePage() {
              role: "Tech Lead",
              company: "ByteForce",
              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-confident-female-tech-lead-o-1773393958716-b30be03f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-of-confident-female-tech-lead-o-1773393958716-b30be03f.png?_wi=1",
              imageAlt: "Jessica Lee",
            },
          ]}
@@ -440,7 +440,7 @@ export default function HomePage() {
              category: "Best Practices",
              title: "Clean Code Principles Every Developer Should Know",
              excerpt: "Learn the fundamental principles of writing maintainable, readable code that your team will love working with.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/professional-blog-header-image-showing-c-1773393960137-bdbb17eb.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/professional-blog-header-image-showing-c-1773393960137-bdbb17eb.png?_wi=1",
              imageAlt: "Clean code principles",
              authorName: "Alex Chen",
              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/portrait-photo-of-a-young-professional-d-1773393958255-f863766e.png",
@@ -491,7 +491,7 @@ export default function HomePage() {
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/modern-newsletter-signup-visualization-s-1773393959083-5a8d8a83.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/modern-newsletter-signup-visualization-s-1773393959083-5a8d8a83.png?_wi=1"
          imageAlt="Newsletter subscription"
          mediaAnimation="slide-up"
          mediaPosition="right"
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -90,7 +90,7 @@ export default function ProjectsPage() {
            {
              title: "Todo App",
              description: "Build a fully functional todo application with add, edit, delete, and filter functionality. Learn DOM manipulation and local storage.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png?_wi=8",
              imageAlt: "Todo app project",
              button: {
                text: "Start Project",
@@ -100,7 +100,7 @@ export default function ProjectsPage() {
            {
              title: "Calculator",
              description: "Create a responsive calculator with basic operations and a clean interface. Master event handling and mathematical operations.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png?_wi=5",
              imageAlt: "Calculator project",
              button: {
                text: "Start Project",
@@ -110,7 +110,7 @@ export default function ProjectsPage() {
            {
              title: "Weather App",
              description: "Build a weather app using public APIs. Learn asynchronous programming, API integration, and dynamic data rendering.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png?_wi=5",
              imageAlt: "Weather app project",
              button: {
                text: "Start Project",
@@ -120,7 +120,7 @@ export default function ProjectsPage() {
            {
              title: "Blog Platform",
              description: "Create a multi-page blog with post listing, detail views, and categories. Learn routing and state management.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/professional-blog-header-image-showing-c-1773393960137-bdbb17eb.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/professional-blog-header-image-showing-c-1773393960137-bdbb17eb.png?_wi=2",
              imageAlt: "Blog platform project",
              button: {
                text: "Start Project",
@@ -130,7 +130,7 @@ export default function ProjectsPage() {
            {
              title: "E-Commerce Product Page",
              description: "Build a product page with image gallery, filtering options, and shopping cart. Learn complex UI patterns.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/pricing-tier-comparison-showing-three-ti-1773393958728-0bde1fd7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/pricing-tier-comparison-showing-three-ti-1773393958728-0bde1fd7.png?_wi=2",
              imageAlt: "E-commerce project",
              button: {
                text: "Start Project",
@@ -140,7 +140,7 @@ export default function ProjectsPage() {
            {
              title: "Chat Application",
              description: "Develop a real-time chat app with WebSockets. Learn real-time communication, user management, and messaging.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png?_wi=4",
              imageAlt: "Chat application project",
              button: {
                text: "Start Project",
@@ -173,7 +173,7 @@ export default function ProjectsPage() {
            {
              title: "Project Documentation",
              description: "Comprehensive guides, requirements, and learning objectives for each project to keep you on track.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png?_wi=6",
              imageAlt: "Project documentation",
              button: {
                text: "View Docs",
@@ -183,7 +183,7 @@ export default function ProjectsPage() {
            {
              title: "Starter Templates",
              description: "Pre-configured project templates with boilerplate code to help you get started quickly.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png?_wi=5",
              imageAlt: "Starter templates",
              button: {
                text: "Clone Template",