/* NovusElement — CSS device/abstract mockups standing in for real photography.
   Brand graphite tones + the single system product-shadow. Exported to window. */

/* Hero: a clean browser window showing an abstract NovusElement-built site,
   with a small floating AI-automation card. No real screenshots yet. */
function HeroMockup() {
  return /*#__PURE__*/ React.createElement(
    "div",
    { className: "ne-hero-mockup" },
    /*#__PURE__*/ React.createElement(
      "div",
      { className: "ne-browser" },
      // chrome
      /*#__PURE__*/ React.createElement(
        "div",
        { className: "ne-browser-bar" },
        /*#__PURE__*/ React.createElement("span", { className: "ne-dot" }),
        /*#__PURE__*/ React.createElement("span", { className: "ne-dot" }),
        /*#__PURE__*/ React.createElement("span", { className: "ne-dot" }),
        /*#__PURE__*/ React.createElement("div", { className: "ne-url" }, "novuselement.com")
      ),
      // abstract page
      /*#__PURE__*/ React.createElement(
        "div",
        { className: "ne-page" },
        /*#__PURE__*/ React.createElement(
          "div",
          { className: "ne-page-hero" },
          /*#__PURE__*/ React.createElement("div", { className: "ne-ph-line w70" }),
          /*#__PURE__*/ React.createElement("div", { className: "ne-ph-line w45 sub" }),
          /*#__PURE__*/ React.createElement("div", { className: "ne-ph-btn" })
        ),
        /*#__PURE__*/ React.createElement(
          "div",
          { className: "ne-page-grid" },
          /*#__PURE__*/ React.createElement("div", { className: "ne-card-sm" }),
          /*#__PURE__*/ React.createElement("div", { className: "ne-card-sm" }),
          /*#__PURE__*/ React.createElement("div", { className: "ne-card-sm" })
        )
      )
    ),
    // floating AI automation node
    /*#__PURE__*/ React.createElement(
      "div",
      { className: "ne-float ne-float-ai" },
      /*#__PURE__*/ React.createElement("i", { "data-lucide": "sparkles" }),
      /*#__PURE__*/ React.createElement(
        "div",
        null,
        /*#__PURE__*/ React.createElement("div", { className: "ne-float-line" }),
        /*#__PURE__*/ React.createElement("div", { className: "ne-float-line short" })
      )
    ),
    // floating analytics chip
    /*#__PURE__*/ React.createElement(
      "div",
      { className: "ne-float ne-float-stat" },
      /*#__PURE__*/ React.createElement("i", { "data-lucide": "trending-up" }),
      /*#__PURE__*/ React.createElement("span", null, "+38%")
    )
  );
}

window.NEMockups = { HeroMockup };