chore: add a sticky header with CTAs

This commit is contained in:
Abhishek Kumar 2026-04-11 16:29:19 +05:30
parent c06c457505
commit 1a7eb08aea
6 changed files with 49 additions and 64 deletions

View file

@ -3,9 +3,11 @@
import { Menu } from "lucide-react";
import Link from "next/link";
import { usePathname } from "next/navigation";
import posthog from "posthog-js";
import React, { ReactNode } from "react";
import { Button } from "@/components/ui/button";
import { PostHogEvent } from "@/constants/posthog-events";
import { SidebarInset, SidebarProvider, useSidebar } from "@/components/ui/sidebar";
import { AppSidebar } from "./AppSidebar";
@ -28,6 +30,7 @@ function AppHeader() {
href="https://join.slack.com/t/dograh-community/shared_invite/zt-2z2i1p37n-CkHFbPWDCQ~hNqmKeFGJiQ"
target="_blank"
rel="noopener noreferrer"
onClick={() => posthog.capture(PostHogEvent.SLACK_COMMUNITY_CLICKED, { source: "app_header" })}
className="flex items-center gap-2"
>
<svg className="h-4 w-4" viewBox="0 0 24 24" fill="currentColor">
@ -36,7 +39,7 @@ function AppHeader() {
<span className="hidden sm:inline">Join Slack</span>
</a>
</Button>
<GitHubStarBadge />
<GitHubStarBadge source="app_header" />
</div>
</header>
);