71 lines
2.5 KiB
TypeScript
71 lines
2.5 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { Button } from "@/components/ui/button";
|
|
import { AppSwitcher } from "@/components/AppSwitcher";
|
|
|
|
export function Navbar() {
|
|
return (
|
|
<nav className="border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
|
|
<div className="container mx-auto px-4">
|
|
<div className="flex h-16 items-center justify-between">
|
|
<div className="flex items-center gap-6">
|
|
<AppSwitcher current="network" />
|
|
<Link href="/" className="flex items-center gap-2">
|
|
<span className="text-2xl font-bold text-primary">rSocials</span>
|
|
</Link>
|
|
<div className="hidden md:flex items-center gap-4">
|
|
<Link
|
|
href="#features"
|
|
className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
Features
|
|
</Link>
|
|
<Link
|
|
href="#platforms"
|
|
className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
Platforms
|
|
</Link>
|
|
<Link
|
|
href="/provision"
|
|
className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
Deploy
|
|
</Link>
|
|
<Link
|
|
href="/dashboard"
|
|
className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
Dashboard
|
|
</Link>
|
|
<Link
|
|
href="/zine"
|
|
className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
rZine
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex items-center gap-2">
|
|
<Button variant="ghost" size="sm" asChild className="md:hidden">
|
|
<Link href="/zine">rZine</Link>
|
|
</Button>
|
|
<Button variant="ghost" asChild>
|
|
<a href="https://github.com/gitroomhq/postiz-app" target="_blank" rel="noopener noreferrer">
|
|
GitHub
|
|
</a>
|
|
</Button>
|
|
<Button asChild>
|
|
<a href="https://socials.rsocials.online">
|
|
Launch Postiz
|
|
</a>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|