Floating Dock

import { FloatingDock } from "@/components/ui/floating-dock"
import { House, BookOpen, CreditCard } from "@phosphor-icons/react"

export default function Example() {
  const items = [
    { title: "Home", icon: <House size={18} />, href: "/" },
    { title: "Docs", icon: <BookOpen size={18} />, href: "/docs" },
    { title: "Pricing", icon: <CreditCard size={18} />, href: "/pricing" },
  ]
  return <FloatingDock items={items} />
}