diff --git a/src/components/common/hero-section.tsx b/src/components/common/hero-section.tsx
index 9a5bacc..5cb9caa 100644
--- a/src/components/common/hero-section.tsx
+++ b/src/components/common/hero-section.tsx
@@ -40,7 +40,11 @@ export function HeroSection() {
         inView
         className="mt-4 flex w-full flex-col gap-3 sm:flex-row sm:justify-center sm:gap-6"
       >
-        <Button disabled variant="outline" className="w-full sm:w-52">
+        <Button 
+          onClick={() => router.push("https://s.id/BookletMABIMRPL2024")}
+          variant="outline" 
+          className="w-full sm:w-52"
+        >
           BOOKLET
         </Button>