import { jsxs, jsx } from "react/jsx-runtime";
import "react";
const CTASection = () => {
  const ctaStyle = {
    // 1. Primary branding green as fallback
    backgroundColor: "#008542",
    // 2. The wavy pattern image from your provided design
    backgroundImage: `url("/images/bannar/cta-bg.png")`,
    backgroundSize: "cover",
    backgroundPosition: "center",
    backgroundRepeat: "no-repeat",
    position: "relative",
    overflow: "hidden",
    zIndex: "1"
  };
  return /* @__PURE__ */ jsxs("section", { className: "cta-section py-5", style: ctaStyle, children: [
    /* @__PURE__ */ jsx(
      "div",
      {
        className: "position-absolute top-0 start-0 w-100 h-100",
        style: { backgroundColor: "rgba(0,0,0,0.1)", zIndex: "-1" }
      }
    ),
    /* @__PURE__ */ jsx("div", { className: "container py-4", children: /* @__PURE__ */ jsxs("div", { className: "row align-items-center gy-4 text-center text-md-start", children: [
      /* @__PURE__ */ jsx("div", { className: "col-md-8", children: /* @__PURE__ */ jsxs("h2", { className: "text-white fw-bold mb-0 lh-base", style: { fontSize: "calc(1.4rem + 1vw)" }, children: [
        "আসুন, আল্লাহর সন্তুষ্টির জন্য ",
        /* @__PURE__ */ jsx("br", { className: "d-none d-md-block" }),
        "দান করি এবং আখিরাতের জন্য সঞ্চয় গড়ে তুলি।"
      ] }) }),
      /* @__PURE__ */ jsx("div", { className: "col-md-4 text-md-end", children: /* @__PURE__ */ jsx(
        "a",
        {
          href: "#",
          className: "btn btn-light px-5 py-3 fw-bold rounded-3 shadow-sm hover-grow",
          style: {
            color: "#008542",
            fontSize: "1.1rem",
            border: "none",
            minWidth: "180px"
          },
          children: "দান করুন"
        }
      ) })
    ] }) }),
    /* @__PURE__ */ jsx("style", { children: `
        .hover-grow { transition: transform 0.3s ease; }
        .hover-grow:hover { transform: scale(1.05); }
      ` })
  ] });
};
export {
  CTASection as default
};
