import { jsxs, jsx } from "react/jsx-runtime";
import "react";
const ValuesSection = () => {
  const sectionStyle = {
    // Reference your background image here
    backgroundImage: `url("/images/bannar/values-bg.png")`,
    backgroundSize: "cover",
    backgroundPosition: "center",
    backgroundRepeat: "no-repeat",
    position: "relative",
    padding: "80px 0"
  };
  const values = [
    {
      title: "সততা",
      description: "আমরা সততা ও স্বচ্ছতার সাথে কাজ করি"
    },
    {
      title: "সহানুভূতি",
      description: "আমরা যাদের সেবা করি তাদের সম্পর্কে গভীরভাবে যত্নবান"
    },
    {
      title: "শ্রেষ্ঠত্ব",
      description: "আমরা যা করি তার সবকিছুতেই সর্বোচ্চ মান অর্জনের চেষ্টা করি"
    }
  ];
  return /* @__PURE__ */ jsxs("section", { className: "values-section", style: sectionStyle, children: [
    /* @__PURE__ */ jsxs("div", { className: "container", children: [
      /* @__PURE__ */ jsx("div", { className: "text-center mb-5", children: /* @__PURE__ */ jsx("h2", { className: "fw-bold text-white mb-0", style: { fontSize: "2.5rem" }, children: "আমাদের মূল্যবোধ" }) }),
      /* @__PURE__ */ jsx("div", { className: "row g-4 justify-content-center", children: values.map((value, index) => /* @__PURE__ */ jsx("div", { className: "col-lg-4 col-md-6", children: /* @__PURE__ */ jsxs(
        "div",
        {
          className: "value-card h-100 p-5 text-center shadow-sm",
          style: {
            backgroundColor: "rgba(255, 255, 255, 0.95)",
            borderRadius: "15px",
            border: "1px solid rgba(255, 255, 255, 0.3)"
          },
          children: [
            /* @__PURE__ */ jsx("h4", { className: "fw-bold mb-3", style: { color: "#006430" }, children: value.title }),
            /* @__PURE__ */ jsx("p", { className: "mb-0 text-dark opacity-75", children: value.description })
          ]
        }
      ) }, index)) })
    ] }),
    /* @__PURE__ */ jsx("style", { jsx: true, children: `
        .value-card {
          transition: transform 0.3s ease, background-color 0.3s ease;
        }
        .value-card:hover {
          transform: translateY(-10px);
          background-color: #ffffff !important;
        }
      ` })
  ] });
};
export {
  ValuesSection as default
};
