"use client" import { motion } from "framer-motion" import { fadeIn, slideUp } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { Bed, Bath, Square, MapPin, Check, X } from "lucide-react" const properties = [ { title: "Modern Downtown Condo", price: "MK 85,000,000", beds: 2, baths: 2, sqft: "1,200", year: 2023, garage: true, ac: true, backyard: false, color: "from-blue-600 to-indigo-700" }, { title: "Suburban Family Home", price: "MK 137,000,000", beds: 4, baths: 3, sqft: "2,400", year: 2022, garage: true, ac: true, backyard: true, color: "from-emerald-600 to-teal-700" }, { title: "Starter Townhouse", price: "MK 69,000,000", beds: 3, baths: 2, sqft: "1,600", year: 2020, garage: false, ac: true, backyard: false, color: "from-amber-600 to-orange-700" }, ] const rows = [ { label: "Price", render: (p: typeof properties[0]) => p.price }, { label: "Bedrooms", render: (p: typeof properties[0]) => p.beds }, { label: "Bathrooms", render: (p: typeof properties[0]) => p.baths }, { label: "Sq. Ft.", render: (p: typeof properties[0]) => p.sqft }, { label: "Year Built", render: (p: typeof properties[0]) => p.year }, { label: "Garage", render: (p: typeof properties[0]) => p.garage ? : }, { label: "Central AC", render: (p: typeof properties[0]) => p.ac ? : }, { label: "Backyard", render: (p: typeof properties[0]) => p.backyard ? : }, ] export default function PropertyComparison() { return (

Compare Properties

Side-by-side comparison of 3 properties.

{properties.map((p, i) => (

{p.title.split(" ")[0]}

{p.title}

{p.price}

))}

{rows.map((row, i) => (

{row.label}

{properties.map((p) => (

{row.render(p)}

))}

) }

Property Comparison

Compare Properties

Modern Downtown Condo

Suburban Family Home

Starter Townhouse

Compare Properties

Modern Downtown Condo

Suburban Family Home

Starter Townhouse