diff --git a/apps/docs/components/marketing/heroui-pro-section.tsx b/apps/docs/components/marketing/heroui-pro-section.tsx
index ea3fb7ca13..3d48ee2702 100644
--- a/apps/docs/components/marketing/heroui-pro-section.tsx
+++ b/apps/docs/components/marketing/heroui-pro-section.tsx
@@ -25,12 +25,12 @@ export const HeroUIProSection = () => {
 
   if (isDarkMode) {
     imgSrc = isMobile
-      ? "/images/nextuipro-section-background@mobile.webp"
-      : "/images/nextuipro-section-background.webp";
+      ? "/images/herouipro-section-background@mobile.webp"
+      : "/images/herouipro-section-background.webp";
   } else {
     imgSrc = isMobile
-      ? "/images/nextuipro-section-background-light@mobile.webp"
-      : "/images/nextuipro-section-background-light.webp";
+      ? "/images/herouipro-section-background-light@mobile.webp"
+      : "/images/herouipro-section-background-light.webp";
   }
 
   const mobileClassName: string = isDarkMode