ListingCard

import { PropertyCard } from "@/components/ui/listing-card";

export default function DemoOne() {
  const handleExploreClick = () => {
    alert("Explore Now button clicked!");
  };

  return  <div className="flex min-h-screen items-center justify-center bg-background p-4 dark:bg-slate-950">
      <PropertyCard
        imageUrl="https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=900&auto=format&fit=crop&q=60"
        imageAlt="Beachfront paradise with palm trees and crystal clear water"
        title="Tropical Beach House"
        price={299}
        pricePeriod="per day"
        description="Discover your perfect getaway in this stunning beachfront property featuring private beach access, infinity pool, and spectacular sunset views."
        stats={[
          { label: "Availability", value: "7+" },
          { label: "Reviews", value: "4.8" },
        ]}
        actionLabel="Explore Now"
        onActionClick={handleExploreClick}
      />
    </div>
}