diff --git a/components/hero.tsx b/components/hero.tsx
index 37d16c3..6a1e8f4 100644
--- a/components/hero.tsx
+++ b/components/hero.tsx
@@ -61,11 +61,14 @@ export function Hero() {
             <Button
               size="lg"
               className="group relative overflow-hidden bg-primary text-primary-foreground hover:bg-primary/90 retro-shadow-sm hover:translate-x-[2px] hover:translate-y-[2px] hover:shadow-none transition-all"
+              asChild
             >
-              <span className="relative z-10 flex items-center gap-2">
-                <Sparkles className="h-5 w-5" />
-                Create Your rSpace
-              </span>
+              <a href="https://demo.rspace.online">
+                <span className="relative z-10 flex items-center gap-2">
+                  <Sparkles className="h-5 w-5" />
+                  Click here to start yourSpace
+                </span>
+              </a>
             </Button>
             <Button
               size="lg"