@loafmarkets/ui 0.1.255 → 0.1.256

package/dist/index.mjs

@@ -14868,17 +14868,30 @@ function PropertyBuy({
         PropertyNewsUpdates,
         {
           items: newsItems,
-          heading: "Property News & Updates",
-          connectionStatus: newsConnectionStatus
+          variant: "home",
+          heading: "Property News & Headlines",
+          connectionStatus: newsConnectionStatus,
+          highlightFirst: false,
+          style: {
+            maxWidth: "none",
+            background: "#111111",
+            borderRadius: "8px",
+            padding: "1.25rem 1.5rem",
+            boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
+            border: "none",
+            height: "100%",
+            overflow: "hidden"
+          }
         }
       ),
-      /* @__PURE__ */ jsxs(VideoWrapper, { children: [
-        /* @__PURE__ */ jsx("div", { className: "section-header", children: /* @__PURE__ */ jsx("h3", { children: propertyName }) }),
-        /* @__PURE__ */ jsx("div", { className: "video-container", children: /* @__PURE__ */ jsxs("video", { controls: true, loop: true, autoPlay: true, muted: true, playsInline: true, children: [
-          /* @__PURE__ */ jsx("source", { src: "/properties/Musgrave/musgrave.mp4", type: "video/mp4" }),
-          "Your browser does not support the video tag."
-        ] }) })
-      ] })
+      /* @__PURE__ */ jsx(
+        PropertyTour,
+        {
+          title: propertyName,
+          src: "/properties/Musgrave/musgrave.mp4",
+          className: "h-full !max-w-none"
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(
       OrderConfirmationModal,
@@ -14986,15 +14999,17 @@ var ActivityWrapper = styled9.div`
 `;
 var NewsVideoRow = styled9.div`
   display: grid;
-  grid-template-columns: 1fr 2fr;
+  grid-template-columns: minmax(380px, 520px) minmax(0, 1fr);
   gap: 1.5rem;
   margin-top: 1.5rem;
   max-width: 1800px;
   margin-left: auto;
   margin-right: auto;
+  height: 700px;
   overflow: hidden;
-  @media (max-width: 768px) {
+  @media (max-width: 1024px) {
     grid-template-columns: 1fr;
+    height: auto;
     gap: 1rem;
   }
   & > * {
@@ -15002,52 +15017,6 @@ var NewsVideoRow = styled9.div`
     overflow: hidden;
   }
 `;
-var VideoWrapper = styled9.div`
-  background-color: var(--color-card-darker, #111);
-  border-radius: 8px;
-  padding: 1.5rem;
-  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
-  border: 1px solid var(--color-border);
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  .section-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-bottom: 0.75rem;
-    margin-bottom: 1rem;
-    border-bottom: 1px solid rgba(255,255,255,0.1);
-    h3 {
-      font-size: 0.9rem;
-      font-weight: 600;
-      color: var(--color-text);
-      margin: 0;
-    }
-  }
-  .video-container {
-    flex: 1;
-    position: relative;
-    background: #000;
-    border-radius: 8px;
-    overflow: hidden;
-    min-height: 300px;
-    video {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-  @media (max-width: 768px) {
-    padding: 1rem;
-    .video-container {
-      min-height: 200px;
-    }
-  }
-`;
 var PaymentOption = styled9.div`
   display: flex;
   align-items: center;