"use client";

import Link from "next/link";
import { SellerForm } from "@/components/forms/seller-form";
import { ArrowLeft } from "lucide-react";

export default function NewSellerPage() {
  return (
    <div className="space-y-6 animate-page-in">
      {/* Header */}
      <div>
        <Link
          href="/dashboard/sellers"
          className="inline-flex items-center gap-1 text-sm text-navy-500 hover:text-navy-700 mb-4 transition-colors"
        >
          <ArrowLeft className="h-4 w-4" />
          Back to Seller Leads
        </Link>
        <h1 className="text-2xl font-bold text-navy-900">New Seller Lead</h1>
        <p className="text-sm text-navy-500 mt-1">
          Enter the property details below. Once saved, our matching engine will find the best buyer matches.
        </p>
      </div>

      <SellerForm />
    </div>
  );
}
