import { jsx, jsxs } from "react/jsx-runtime";
import "react";
const TrustDetailsSection = () => {
  const cards = [
    {
      title: "ট্রাস্ট দলিল",
      description: "এই ট্রাস্ট দলিলটি খ্রিস্টাব্দের দুই হাজার তেইশ সালের ডিসেম্বর মাসের উনিশ তারিখে সম্পাদিত হয়েছে",
      image: "/images/bannar/trust-doc.png"
    },
    {
      title: "নিবন্ধিত অফিস",
      description: "৬০/এ পুরানা পল্টন, ঢাকা-১০০০। ট্রাস্টের নির্ধারিত অফিস সময়ে সময়ে ট্রাস্টি/বোর্ডের বিবেচনায় উপযুক্ত অন্য স্থানে স্থানান্তর করা যেতে পারে",
      image: "/images/bannar/trust-location.png"
    },
    {
      title: "ট্রাস্টের প্রকৃতি",
      description: "ট্রাস্টটি একটি অলাভজনক ও অ-সরকারি স্বেচ্ছাসেবী সংস্থা, যা ইসলামিক গবেষণা, শিক্ষা, দাওয়াহ, সামাজিক কল্যাণ এবং ট্রাস্টের ভিশন, মিশন ও উদ্দেশ্য প্রচারের জন্য জনকল্যাণমূলক কার্যক্রমে নিবেদিত",
      image: "/images/bannar/trust-logo.png"
    }
  ];
  return /* @__PURE__ */ jsx("section", { className: "trust-details py-5", style: { backgroundColor: "#f4fbf7" }, children: /* @__PURE__ */ jsx("div", { className: "container py-4", children: /* @__PURE__ */ jsx("div", { className: "row g-4 justify-content-center", children: cards.map((card, index) => /* @__PURE__ */ jsx("div", { className: "col-lg-4 col-md-6", children: /* @__PURE__ */ jsxs(
    "div",
    {
      className: "h-100 p-4 text-center bg-white shadow-sm",
      style: {
        borderRadius: "20px",
        border: "2px dashed #008542"
        // Dashed border from reference
      },
      children: [
        /* @__PURE__ */ jsx("div", { className: "mb-4 d-flex justify-content-center align-items-center", style: { height: "140px" }, children: /* @__PURE__ */ jsx(
          "img",
          {
            src: card.image,
            alt: card.title,
            className: "img-fluid",
            style: {
              maxHeight: "120px",
              // Increased size from 80px to 120px
              width: "auto",
              objectFit: "contain"
            }
          }
        ) }),
        /* @__PURE__ */ jsx("h4", { className: "fw-bold mb-3", style: { color: "#006430" }, children: card.title }),
        /* @__PURE__ */ jsx("p", { className: "text-muted small mb-0 lh-lg", children: card.description })
      ]
    }
  ) }, index)) }) }) });
};
export {
  TrustDetailsSection as default
};
