// Full, shippable page — real size at normal type scale. The registry
// preview above is a scaled-down miniature of this same composition, not
// a different component.
import { ArrowRight, Zap, ShieldCheck, Sparkles } from "lucide-react";

const FEATURES = [
  { icon: Zap, title: "Instant deploys", body: "Push to main, live in under a minute." },
  { icon: ShieldCheck, title: "SOC2 secure", body: "Encrypted at rest and in transit, always." },
  { icon: Sparkles, title: "AI-assisted", body: "Built-in copilots for every workflow." },
];

function Nav({ productName }: { productName: string }) {
  return (
    <header className="flex items-center justify-between border-b border-white/10 px-6 py-4">
      <div className="flex items-center gap-2">
        <span className="h-6 w-6 rounded-md bg-blue-600" />
        <span className="font-sans font-bold">{productName}</span>
      </div>

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}