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 + + )}