"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>
  );
}
