diff --git a/apps/docs/app/blog/layout.tsx b/apps/docs/app/blog/layout.tsx
index 7a77c92b7c..b724bb9bae 100644
--- a/apps/docs/app/blog/layout.tsx
+++ b/apps/docs/app/blog/layout.tsx
@@ -33,7 +33,7 @@ export default function DocsLayout({children}: DocsLayoutProps) {
         />
       </div>
 
-      <ScriptProviders isKapaEnabled={false} />
+      <ScriptProviders />
     </>
   );
 }
diff --git a/apps/docs/app/docs/layout.tsx b/apps/docs/app/docs/layout.tsx
index 598ed96ce3..90a29d8f1f 100644
--- a/apps/docs/app/docs/layout.tsx
+++ b/apps/docs/app/docs/layout.tsx
@@ -40,7 +40,7 @@ export default function DocsLayout({children}: DocsLayoutProps) {
         />
       </div>
 
-      <ScriptProviders isKapaEnabled={false} />
+      <ScriptProviders />
     </>
   );
 }
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
diff --git a/apps/docs/components/scripts/script-providers.tsx b/apps/docs/components/scripts/script-providers.tsx
index 1c3e7b7a5b..1a399abb1e 100644
--- a/apps/docs/components/scripts/script-providers.tsx
+++ b/apps/docs/components/scripts/script-providers.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import Script from "next/script";
 
 
-export function ScriptProviders({isKapaEnabled}: {isKapaEnabled?: boolean}) {
+export function ScriptProviders({isKapaEnabled = true}: {isKapaEnabled?: boolean}) {
   if (!isKapaEnabled) return null;
 
   return (
diff --git a/apps/docs/content/components/checkbox-group/custom-implementation.raw.jsx b/apps/docs/content/components/checkbox-group/custom-implementation.raw.jsx
index 39de776552..ed6a28b8f2 100644
--- a/apps/docs/content/components/checkbox-group/custom-implementation.raw.jsx
+++ b/apps/docs/content/components/checkbox-group/custom-implementation.raw.jsx
@@ -1,26 +1,26 @@
 import {useCheckbox, CheckboxGroup, Chip, VisuallyHidden, tv} from "@heroui/react";
 
-const checkbox = tv({
-  slots: {
-    base: "border-default hover:bg-default-200",
-    content: "text-default-500",
-  },
-  variants: {
-    isSelected: {
-      true: {
-        base: "border-primary bg-primary hover:bg-primary-500 hover:border-primary-500",
-        content: "text-primary-foreground pl-1",
-      },
+export const CustomCheckbox = (props) => {
+  const checkbox = tv({
+    slots: {
+      base: "border-default hover:bg-default-200",
+      content: "text-default-500",
     },
-    isFocusVisible: {
-      true: {
-        base: "outline-none ring-2 ring-focus ring-offset-2 ring-offset-background",
+    variants: {
+      isSelected: {
+        true: {
+          base: "border-primary bg-primary hover:bg-primary-500 hover:border-primary-500",
+          content: "text-primary-foreground pl-1",
+        },
+      },
+      isFocusVisible: {
+        true: {
+          base: "outline-none ring-2 ring-focus ring-offset-2 ring-offset-background",
+        },
       },
     },
-  },
-});
+  });
 
-export const CustomCheckbox = (props) => {
   const {children, isSelected, isFocusVisible, getBaseProps, getLabelProps, getInputProps} =
     useCheckbox({
       ...props,
diff --git a/apps/docs/content/components/checkbox/custom-implementation.raw.jsx b/apps/docs/content/components/checkbox/custom-implementation.raw.jsx
index bdb989c173..649a98c1ee 100644
--- a/apps/docs/content/components/checkbox/custom-implementation.raw.jsx
+++ b/apps/docs/content/components/checkbox/custom-implementation.raw.jsx
@@ -20,32 +20,32 @@ export const CheckIcon = (props) => {
   );
 };
 
-const checkbox = tv({
-  slots: {
-    base: "border-default hover:bg-default-200",
-    content: "text-default-500",
-  },
-  variants: {
-    isSelected: {
-      true: {
-        base: "border-primary bg-primary hover:bg-primary-500 hover:border-primary-500",
-        content: "text-primary-foreground pl-1",
-      },
-    },
-    isFocusVisible: {
-      true: {
-        base: "outline-none ring-2 ring-focus ring-offset-2 ring-offset-background",
-      },
-    },
-  },
-});
-
 export default function App() {
   const {children, isSelected, isFocusVisible, getBaseProps, getLabelProps, getInputProps} =
     useCheckbox({
       defaultSelected: true,
     });
 
+  const checkbox = tv({
+    slots: {
+      base: "border-default hover:bg-default-200",
+      content: "text-default-500",
+    },
+    variants: {
+      isSelected: {
+        true: {
+          base: "border-primary bg-primary hover:bg-primary-500 hover:border-primary-500",
+          content: "text-primary-foreground pl-1",
+        },
+      },
+      isFocusVisible: {
+        true: {
+          base: "outline-none ring-2 ring-focus ring-offset-2 ring-offset-background",
+        },
+      },
+    },
+  });
+
   const styles = checkbox({isSelected, isFocusVisible});
 
   return (
diff --git a/apps/docs/content/components/drawer/custom-styles.raw.jsx b/apps/docs/content/components/drawer/custom-styles.raw.jsx
index c1ecc325d5..6492c649e9 100644
--- a/apps/docs/content/components/drawer/custom-styles.raw.jsx
+++ b/apps/docs/content/components/drawer/custom-styles.raw.jsx
@@ -160,7 +160,7 @@ export default function App() {
                     alt="Event image"
                     className="aspect-square w-full hover:scale-110"
                     height={300}
-                    src="https://herouipro.nyc3.cdn.digitaloceanspaces.com/components-images/places/san-francisco.png"
+                    src="https://nextuipro.nyc3.cdn.digitaloceanspaces.com/components-images/places/san-francisco.png"
                   />
                 </div>
                 <div className="flex flex-col gap-2 py-4">
diff --git a/packages/components/drawer/stories/drawer.stories.tsx b/packages/components/drawer/stories/drawer.stories.tsx
index 7d3c4542c4..9b73a143a6 100644
--- a/packages/components/drawer/stories/drawer.stories.tsx
+++ b/packages/components/drawer/stories/drawer.stories.tsx
@@ -316,7 +316,7 @@ const CustomStylesTemplate = (args: DrawerProps) => {
                     alt="Event image"
                     className="aspect-square w-full hover:scale-110"
                     height={300}
-                    src="https://herouipro.nyc3.cdn.digitaloceanspaces.com/components-images/places/san-francisco.png"
+                    src="https://nextuipro.nyc3.cdn.digitaloceanspaces.com/components-images/places/san-francisco.png"
                   />
                 </div>
                 <div className="flex flex-col gap-2 py-4">