@loafmarkets/ui 0.1.361 → 0.1.362

package/dist/index.mjs

@@ -17770,7 +17770,393 @@ function hasPendingActivity(data) {
     return s !== "FILLED" && s !== "ALLOCATED" && s !== "CONFIRMED" && s !== "CANCELLED" && s !== "CANCELED" && s !== "REJECTED";
   }) ?? false;
 }
+var Overlay4 = styled9.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+  backdrop-filter: blur(4px);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 10000;
+  animation: fadeIn 0.2s ease-in-out;
+
+  @keyframes fadeIn {
+    from { opacity: 0; }
+    to { opacity: 1; }
+  }
+`;
+var PopupContainer2 = styled9.div`
+  background-color: var(--color-background, #0a0a0a);
+  border: 1px solid rgba(230, 198, 86, 0.3);
+  border-radius: var(--border-radius, 12px);
+  padding: 2.5rem;
+  max-width: 440px;
+  width: 90%;
+  position: relative;
+  animation: slideUp 0.3s ease-out;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+
+  @keyframes slideUp {
+    from { transform: translateY(20px); opacity: 0; }
+    to { transform: translateY(0); opacity: 1; }
+  }
+
+  @media (max-width: 768px) {
+    padding: 2rem;
+    max-width: 90%;
+  }
+`;
+var CloseButton3 = styled9.button`
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  background: none;
+  border: none;
+  color: var(--color-text-secondary, #848e9c);
+  font-size: 1.5rem;
+  cursor: pointer;
+  padding: 0.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: color 0.2s ease;
+
+  &:hover { color: var(--color-accent, #E6C656); }
+`;
+var Title3 = styled9.h2`
+  font-size: 1.75rem;
+  font-weight: 600;
+  color: var(--color-text, #fff);
+  margin-bottom: 0.5rem;
+`;
+var Subtitle2 = styled9.p`
+  color: var(--color-text-secondary, #848e9c);
+  font-size: 0.9rem;
+  line-height: 1.5;
+  margin-bottom: 1.5rem;
+`;
+var EmailBox = styled9.div`
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  padding: 0.875rem 1rem;
+  margin-bottom: 1rem;
+`;
+var EmailText = styled9.span`
+  color: var(--color-accent, #f0b90b);
+  font-size: 0.95rem;
+  font-weight: 500;
+  flex: 1;
+  user-select: all;
+`;
+var CopyButton = styled9.button`
+  background: ${(props) => props.$copied ? "rgba(14, 203, 129, 0.15)" : "rgba(240, 185, 11, 0.1)"};
+  border: 1px solid ${(props) => props.$copied ? "rgba(14, 203, 129, 0.3)" : "rgba(240, 185, 11, 0.2)"};
+  color: ${(props) => props.$copied ? "#0ecb81" : "var(--color-accent, #f0b90b)"};
+  border-radius: 6px;
+  padding: 0.5rem 1rem;
+  font-size: 0.8rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  white-space: nowrap;
+`;
+var OpenMailButton = styled9.a`
+  display: block;
+  text-align: center;
+  padding: 0.875rem;
+  background-color: var(--color-accent, #f0b90b);
+  color: #000;
+  border-radius: 8px;
+  font-weight: 600;
+  font-size: 0.9rem;
+  text-decoration: none;
+  transition: all 0.2s ease;
+
+  &:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(240, 185, 11, 0.3);
+  }
+`;
+var ContactPopup = ({ onClose }) => {
+  const [copied, setCopied] = useState(false);
+  const email = "Gavin@loafmarkets.com";
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(email);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+      const textArea = document.createElement("textarea");
+      textArea.value = email;
+      document.body.appendChild(textArea);
+      textArea.select();
+      document.execCommand("copy");
+      document.body.removeChild(textArea);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  return /* @__PURE__ */ jsx(Overlay4, { onClick: onClose, children: /* @__PURE__ */ jsxs(PopupContainer2, { onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsx(CloseButton3, { onClick: onClose, children: "\u2715" }),
+    /* @__PURE__ */ jsx(Title3, { children: "Contact Us" }),
+    /* @__PURE__ */ jsx(Subtitle2, { children: "Have a question or want to get in touch? Send us an email and we'll get back to you as soon as possible." }),
+    /* @__PURE__ */ jsxs(EmailBox, { children: [
+      /* @__PURE__ */ jsx(EmailText, { children: email }),
+      /* @__PURE__ */ jsx(CopyButton, { onClick: handleCopy, $copied: copied, children: copied ? "\u2713 Copied" : "Copy" })
+    ] }),
+    /* @__PURE__ */ jsx(OpenMailButton, { href: `mailto:${email}`, children: "Open in Email App" })
+  ] }) });
+};
+var FooterContainer = styled9.footer`
+  background-color: #0d1117;
+  border-top: 1px solid var(--color-border, rgba(255, 255, 255, 0.08));
+  padding: 3rem 2rem 1.5rem;
+  margin-top: auto;
+  margin-left: calc(-50vw + 50%);
+  margin-right: calc(-50vw + 50%);
+  width: 100vw;
+  overflow-x: hidden;
+
+  @media (max-width: 768px) {
+    margin-left: 0;
+    margin-right: 0;
+    width: 100%;
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+`;
+var FooterContent = styled9.div`
+  max-width: 1400px;
+  margin: 0 auto;
+`;
+var FooterTop = styled9.div`
+  display: grid;
+  grid-template-columns: 1.5fr repeat(4, 1fr);
+  gap: 3rem;
+  padding-bottom: 2.5rem;
+  border-bottom: 1px solid var(--color-border, rgba(255, 255, 255, 0.08));
+
+  @media (max-width: 1024px) {
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  @media (max-width: 768px) {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 2rem;
+  }
+
+  @media (max-width: 480px) {
+    grid-template-columns: 1fr;
+  }
+`;
+var BrandColumn = styled9.div`
+  @media (max-width: 1024px) {
+    grid-column: span 3;
+    margin-bottom: 1rem;
+  }
+
+  @media (max-width: 768px) {
+    grid-column: span 2;
+  }
+
+  @media (max-width: 480px) {
+    grid-column: span 1;
+  }
+`;
+var Logo2 = styled9.div`
+  margin-bottom: 1.25rem;
+
+  img {
+    height: 32px;
+  }
+`;
+var BrandDescription = styled9.p`
+  color: var(--color-text-secondary, #B0B0B8);
+  font-size: 0.875rem;
+  line-height: 1.6;
+  margin-bottom: 1rem;
+  max-width: 280px;
+`;
+var SocialLinks = styled9.div`
+  display: flex;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+`;
+var SocialLink = styled9.a`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background-color: rgba(255, 255, 255, 0.05);
+  color: var(--color-text-secondary, #B0B0B8);
+  transition: all 0.2s ease;
+
+  &:hover {
+    background-color: var(--color-accent, #E6C87E);
+    color: var(--color-background, #0A0A0C);
+  }
+
+  svg {
+    width: 18px;
+    height: 18px;
+  }
+`;
+var FooterColumn = styled9.div``;
+var ColumnTitle = styled9.h4`
+  color: var(--color-text, #FFFFFF);
+  font-size: 0.875rem;
+  font-weight: 600;
+  margin-bottom: 1.25rem;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+`;
+var FooterLinks = styled9.ul`
+  list-style: none;
+  padding: 0;
+  margin: 0;
+`;
+var FooterLinkItem = styled9.li`
+  margin-bottom: 0.75rem;
+`;
+var FooterLink = styled9.a`
+  color: var(--color-text-secondary, #B0B0B8);
+  font-size: 0.875rem;
+  text-decoration: none;
+  transition: color 0.2s ease;
+  cursor: pointer;
+
+  &:hover {
+    color: var(--color-accent, #E6C87E);
+  }
+`;
+var ComingSoonLink = styled9.span`
+  color: var(--color-text-secondary, #B0B0B8);
+  font-size: 0.875rem;
+  opacity: 0.4;
+  cursor: default;
+  user-select: none;
+`;
+var FooterBottom = styled9.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 1.5rem;
+  flex-wrap: wrap;
+  gap: 1rem;
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+    text-align: center;
+  }
+`;
+var Copyright = styled9.p`
+  color: var(--color-text-secondary, #B0B0B8);
+  font-size: 0.75rem;
+`;
+var LegalLinks = styled9.div`
+  display: flex;
+  gap: 1.5rem;
+
+  @media (max-width: 480px) {
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+`;
+var LegalLink = styled9.a`
+  color: var(--color-text-secondary, #B0B0B8);
+  font-size: 0.75rem;
+  text-decoration: none;
+  transition: color 0.2s ease;
+
+  &:hover {
+    color: var(--color-accent, #E6C87E);
+  }
+`;
+var Disclaimer2 = styled9.div`
+  padding: 1.5rem 0 0;
+  margin-top: 1.5rem;
+  border-top: 1px solid var(--color-border, rgba(255, 255, 255, 0.08));
+`;
+var DisclaimerText = styled9.p`
+  color: var(--color-text-secondary, #B0B0B8);
+  font-size: 0.6875rem;
+  line-height: 1.6;
+  opacity: 0.7;
+  max-width: 100%;
+`;
+var SiteFooter = () => {
+  const [showContactPopup, setShowContactPopup] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FooterContainer, { children: /* @__PURE__ */ jsxs(FooterContent, { children: [
+      /* @__PURE__ */ jsxs(FooterTop, { children: [
+        /* @__PURE__ */ jsxs(BrandColumn, { children: [
+          /* @__PURE__ */ jsx(Logo2, { children: /* @__PURE__ */ jsx("a", { href: "/", children: /* @__PURE__ */ jsx("img", { src: "/Loaf-logo-Banner.png", alt: "Loaf" }) }) }),
+          /* @__PURE__ */ jsx(BrandDescription, { children: "Trade the world's most exclusive properties. Unprecedented liquidity, heralding a new era for the worlds most desirable assets." }),
+          /* @__PURE__ */ jsxs(SocialLinks, { children: [
+            /* @__PURE__ */ jsx(SocialLink, { href: "https://x.com/loafmarkets", target: "_blank", rel: "noopener noreferrer", "aria-label": "X", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) }) }),
+            /* @__PURE__ */ jsx(SocialLink, { href: "https://www.linkedin.com/company/loafmarkets", target: "_blank", rel: "noopener noreferrer", "aria-label": "LinkedIn", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) }) }),
+            /* @__PURE__ */ jsx(SocialLink, { href: "https://www.instagram.com/loafmarkets", target: "_blank", rel: "noopener noreferrer", "aria-label": "Instagram", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.757-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(FooterColumn, { children: [
+          /* @__PURE__ */ jsx(ColumnTitle, { children: "Platform" }),
+          /* @__PURE__ */ jsxs(FooterLinks, { children: [
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(FooterLink, { href: "/trade", children: "Trade" }) }),
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(FooterLink, { href: "/offerings", children: "Initial Offerings" }) }),
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(FooterLink, { href: "/map", children: "Property Map" }) }),
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(FooterLink, { href: "/loaf-liquidity", children: "Loaf Liquidity" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(FooterColumn, { children: [
+          /* @__PURE__ */ jsx(ColumnTitle, { children: "Learn About Loaf" }),
+          /* @__PURE__ */ jsxs(FooterLinks, { children: [
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(FooterLink, { href: "/learn", children: "Learn" }) }),
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(FooterLink, { href: "/about", children: "About" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(FooterColumn, { children: [
+          /* @__PURE__ */ jsx(ColumnTitle, { children: "Company" }),
+          /* @__PURE__ */ jsxs(FooterLinks, { children: [
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(FooterLink, { as: "span", onClick: () => setShowContactPopup(true), children: "Contact" }) }),
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(ComingSoonLink, { children: "Investors" }) }),
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(FooterLink, { href: "/recruitment", children: "Careers" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(FooterColumn, { children: [
+          /* @__PURE__ */ jsx(ColumnTitle, { children: "Support" }),
+          /* @__PURE__ */ jsxs(FooterLinks, { children: [
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(ComingSoonLink, { children: "Help Centre" }) }),
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(ComingSoonLink, { children: "FAQs" }) }),
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(ComingSoonLink, { children: "API Documentation" }) }),
+            /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(ComingSoonLink, { children: "Status" }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(FooterBottom, { children: [
+        /* @__PURE__ */ jsx(Copyright, { children: "\xA9 2026 Loaf Markets. All rights reserved." }),
+        /* @__PURE__ */ jsxs(LegalLinks, { children: [
+          /* @__PURE__ */ jsx(LegalLink, { href: "/privacy", children: "Privacy Policy" }),
+          /* @__PURE__ */ jsx(LegalLink, { href: "/terms", children: "Terms of Use" }),
+          /* @__PURE__ */ jsx(LegalLink, { href: "/cookies", children: "Cookie Policy" }),
+          /* @__PURE__ */ jsx(LegalLink, { href: "/risk", children: "Risk Warning" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Disclaimer2, { children: /* @__PURE__ */ jsx(DisclaimerText, { children: "Warning: Digital asset prices can be volatile. The value of your investment can go down or up and you may not get back the amount invested. Past gains are not indicative of future returns. You are solely responsible for your investment decisions and Loaf is not liable for any losses you may incur. The information here should not be regarded as financial or investment advice. For more information, see our Terms of Use and Risk Warning." }) })
+    ] }) }),
+    showContactPopup && /* @__PURE__ */ jsx(ContactPopup, { onClose: () => setShowContactPopup(false) })
+  ] });
+};
 
-export { AssetSelectorBar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Header, HousePositionSlider, HousePositionSliderMobile, LoafLiquidityBadge, LoafLiquidityLogo, LoginPopup, MobileTradeNav, OfferingProgressCard, Orderbook, owner_booking_default as OwnerBooking, PaymentPopup, PortfolioActivityPanel, PortfolioSummary, PriceChart, PropertyBuy, PropertyCompareBar, PropertyDocuments, PropertyHeroHeader, PropertyHistory, PropertyInspectionTimes, PropertyMediaRow, PropertyNewsUpdates, PropertyOffers, PropertyOverview, PropertyPhotoGallery, PropertySubheader, PropertyTour, PropertyValuation, Skeleton, SlideDigit, ToastProvider, TradeConfirmationModal, TradingSlider, YourOrders, badgeVariants, buttonVariants, hasPendingActivity, useAdaptivePolling, useToast };
+export { AssetSelectorBar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ContactPopup, Header, HousePositionSlider, HousePositionSliderMobile, LoafLiquidityBadge, LoafLiquidityLogo, LoginPopup, MobileTradeNav, OfferingProgressCard, Orderbook, owner_booking_default as OwnerBooking, PaymentPopup, PortfolioActivityPanel, PortfolioSummary, PriceChart, PropertyBuy, PropertyCompareBar, PropertyDocuments, PropertyHeroHeader, PropertyHistory, PropertyInspectionTimes, PropertyMediaRow, PropertyNewsUpdates, PropertyOffers, PropertyOverview, PropertyPhotoGallery, PropertySubheader, PropertyTour, PropertyValuation, SiteFooter, Skeleton, SlideDigit, ToastProvider, TradeConfirmationModal, TradingSlider, YourOrders, badgeVariants, buttonVariants, hasPendingActivity, useAdaptivePolling, useToast };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map