import ProductForm from "@/components/admin/products/ProductForm"
import Link from "next/link"
import { ArrowLeft } from "lucide-react"

export default function CreateProductPage() {
  return (
    <div className="max-w-4xl mx-auto space-y-6">
      <div className="flex flex-col space-y-1 pb-4">
        <Link href="/admin/products" className="inline-flex items-center text-xs font-bold uppercase tracking-wider text-zinc-400 hover:text-zinc-900 transition mb-4">
          <ArrowLeft className="w-3.5 h-3.5 mr-1.5" />
          Back to Products
        </Link>
        <h1 className="text-2xl font-bold tracking-tight text-zinc-950">
          Create New Product
        </h1>
        <p className="text-sm text-zinc-500">
          Add a new premium product to your catalog with rich details and variations.
        </p>
      </div>

      <div>
        <ProductForm />
      </div>
    </div>
  )
}