diff --git a/apps/landing/src/app/(frontend)/_components/header.tsx b/apps/landing/src/app/(frontend)/_components/header.tsx
index 59b6a16..b9a404f 100644
--- a/apps/landing/src/app/(frontend)/_components/header.tsx
+++ b/apps/landing/src/app/(frontend)/_components/header.tsx
@@ -82,9 +82,11 @@ export function Header() {
 
         <div className="flex items-center gap-4">
           <SimpleThemeToggle />
-          <Button className="hidden md:flex bg-gradient-to-r from-primary to-blue-400 hover:from-primary/90 hover:to-blue-400/90 transition-all duration-300">
-            Gabung Discord
-          </Button>
+          <a href="https://discord.com/invite/imphnen" target="_blank">
+            <Button className="hidden md:flex bg-gradient-to-r from-primary to-blue-400 hover:from-primary/90 hover:to-blue-400/90 transition-all duration-300">
+              Gabung Discord
+            </Button>
+          </a>
 
           {/* Mobile Menu Button */}
           <Button
diff --git a/apps/landing/src/collections/CallToActionSection.ts b/apps/landing/src/collections/CallToActionSection.ts
index 67a5691..4357b7c 100644
--- a/apps/landing/src/collections/CallToActionSection.ts
+++ b/apps/landing/src/collections/CallToActionSection.ts
@@ -2,6 +2,7 @@ import { GlobalConfig } from 'payload';
 
 export const CallToActionSection: GlobalConfig = {
   slug: 'call-to-action-section',
+  label: 'Call To Action Section',
   fields: [
     {
       name: 'title',