Add pricing plans and currency formatting for regional pricing display

2026-09-15 17:04:32 -03:00
parent 531a77018f
commit 0d397ca7db
5 changed files with 78 additions and 48 deletions
--- a/src/_includes/layouts/base.njk
+++ b/src/_includes/layouts/base.njk
@@ -10,6 +10,18 @@
      document.documentElement.classList.add('dark');
    }
  </script>
+  <script>
+    (function () {
+      var currency = 'usd';
+      try {
+        var tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        if (tz && tz.indexOf('America/Argentina') === 0) {
+          currency = 'ars';
+        }
+      } catch (e) {}
+      document.documentElement.setAttribute('data-currency', currency);
+    })();
+  </script>
  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
@@ -44,6 +56,9 @@
  <style>
    [x-cloak] { display: none !important; }
    input[type="range"] { accent-color: #3b63f5; }
+    .price-ars { display: none; }
+    html[data-currency="ars"] .price-ars { display: inline; }
+    html[data-currency="ars"] .price-usd { display: none; }
  </style>
 </head>
 <body class="font-sans antialiased bg-white text-slate-900 dark:bg-slate-950 dark:text-slate-100 transition-colors duration-300">