diff --git a/README.md b/README.md
index f9d5a39b..5f71d220 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
- **HTTP Tunnels** - Expose web servers with custom subdomains
- **TCP Tunnels** - Tunnel any TCP service (databases, game servers, etc.)
-- **UDP Tunnels** - Tunnel UDP traffic (DNS, VoIP,TFTP etc.)
+- **UDP Tunnels** - Tunnel UDP traffic (DNS, VoIP, TFTP etc.)
- **Custom Domains** - Bring your own domain with automatic TLS
- **Dashboard** - Monitor traffic, view analytics, manage tunnels
- **Team Support** - Collaborate with organizations and role-based access
diff --git a/apps/web/src/components/landing/developer-experience.tsx b/apps/web/src/components/landing/developer-experience.tsx
index 03dc97aa..bbcc4517 100644
--- a/apps/web/src/components/landing/developer-experience.tsx
+++ b/apps/web/src/components/landing/developer-experience.tsx
@@ -120,7 +120,7 @@ export const DeveloperExperience = () => {
Use our SDKs to embed OutRay directly into your app.
-
+
import outray{" "}
from{" "}
"outray";{"\n"}
diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx
index b7d2f567..0c27c48a 100644
--- a/apps/web/src/components/landing/hero.tsx
+++ b/apps/web/src/components/landing/hero.tsx
@@ -1,7 +1,8 @@
import { useState } from "react";
import { Canvas } from "@react-three/fiber";
-import { ArrowRight, Copy, Check } from "lucide-react";
+import { ArrowRight, Copy, Check, LayoutDashboard } from "lucide-react";
import { Link } from "@tanstack/react-router";
+import { authClient } from "@/lib/auth-client";
import { usePostHog } from "posthog-js/react";
import { Terminal } from "./Terminal";
import { BeamGroup } from "./beam-group";
@@ -9,6 +10,8 @@ import { BeamGroup } from "./beam-group";
export const Hero = () => {
const [copied, setCopied] = useState(false);
const posthog = usePostHog();
+ const { data: session } = authClient.useSession();
+ const { data: organizations } = authClient.useListOrganizations();
const copyCommand = () => {
navigator.clipboard.writeText("npm install -g outray");
@@ -54,12 +57,27 @@ export const Hero = () => {
-
- Get Started Free
-
+ {session ? (
+
+ Dashboard
+
+ ) : (
+
+ Get Started Free
+
+ )}