import { Home, Wrench, AlertTriangle, Scale, Users, FileText, ArrowUpRight, DollarSign } from "lucide-react";

interface SituationsProps {
  onOpenOfferModal: () => void;
}

export default function Situations({ onOpenOfferModal }: SituationsProps) {
  const situations = [
    {
      title: "Inherited Property",
      desc: "Sell an unwanted estate or inherited home without the burden of cleaning out rooms or renovating first.",
      icon: Home,
    },
    {
      title: "Major Repairs Needed",
      desc: "Roof damage, outdated plumbing, foundation issues, or deferred maintenance? We buy houses 100% as-is.",
      icon: Wrench,
    },
    {
      title: "Foreclosure Prevention",
      desc: "Discuss a direct cash sale before bank deadlines become harder to manage and protect your financial standing.",
      icon: AlertTriangle,
    },
    {
      title: "Probate & Estate Sale",
      desc: "A streamlined, professional process designed to help executors settle estates efficiently and fairly.",
      icon: Scale,
    },
    {
      title: "Problem Tenants",
      desc: "Tired of difficult rentals, non-paying occupants, or landlord responsibilities? Sell with tenants in place.",
      icon: Users,
    },
    {
      title: "Code Violations & Back Taxes",
      desc: "Properties with municipal liens, permits, or overdue tax obligations handled cleanly through title closing.",
      icon: FileText,
    },
  ];

  return (
    <section id="situations" className="py-24 bg-secondary/20 border-y border-border/60">
      <div className="container space-y-16">
        
        {/* Header */}
        <div className="max-w-3xl space-y-4">
          <span className="editorial-badge">We Understand Your Situation</span>
          <h2 className="font-serif text-3xl sm:text-5xl font-normal tracking-tight text-foreground">
            Whatever the Reason, We Are Here to Help
          </h2>
          <p className="text-lg text-muted-foreground leading-relaxed">
            Life changes quickly. Whether you are relocating, settling an estate, or managing a property that requires too much work, our specialists provide confidential solutions.
          </p>
        </div>

        {/* Situations Grid */}
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          {situations.map((item, idx) => {
            const Icon = item.icon;
            return (
              <div
                key={idx}
                onClick={onOpenOfferModal}
                className="paper-card rounded-2xl p-7 flex flex-col justify-between group hover:border-primary/50 transition-all duration-300 cursor-pointer bg-card"
              >
                <div className="space-y-4">
                  <div className="w-12 h-12 rounded-xl bg-secondary/80 flex items-center justify-center text-primary group-hover:bg-primary group-hover:text-primary-foreground transition-colors duration-300">
                    <Icon className="w-5 h-5" />
                  </div>
                  <div className="space-y-2">
                    <h3 className="font-serif text-xl font-semibold text-foreground group-hover:text-primary transition-colors">
                      {item.title}
                    </h3>
                    <p className="text-sm text-muted-foreground leading-relaxed">
                      {item.desc}
                    </p>
                  </div>
                </div>

                <div className="pt-6 mt-6 border-t border-border/60 flex items-center justify-between text-xs font-semibold text-primary">
                  <span>Explore Cash Solution</span>
                  <ArrowUpRight className="w-4 h-4 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
                </div>
              </div>
            );
          })}
        </div>

      </div>
    </section>
  );
}
