https://xquare.net/sign-in?redirect=%2Ffeed

1<!DOCTYPE html><html  lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><title>Sign in · xquare.net</title><style id="nuxt-ui-colors">@layer theme {
2  :root, :host {
3  --ui-color-primary-50: var(--color-green-50, oklch(98.2% 0.018 155.826));
4  --ui-color-primary-100: var(--color-green-100, oklch(96.2% 0.044 156.743));
5  --ui-color-primary-200: var(--color-green-200, oklch(92.5% 0.084 155.995));
6  --ui-color-primary-300: var(--color-green-300, oklch(87.1% 0.15 154.449));
7  --ui-color-primary-400: var(--color-green-400, oklch(79.2% 0.209 151.711));
8  --ui-color-primary-500: var(--color-green-500, oklch(72.3% 0.219 149.579));
9  --ui-color-primary-600: var(--color-green-600, oklch(62.7% 0.194 149.214));
10  --ui-color-primary-700: var(--color-green-700, oklch(52.7% 0.154 150.069));
11  --ui-color-primary-800: var(--color-green-800, oklch(44.8% 0.119 151.328));
12  --ui-color-primary-900: var(--color-green-900, oklch(39.3% 0.095 152.535));
13  --ui-color-primary-950: var(--color-green-950, oklch(26.6% 0.065 152.934));
14  --ui-color-secondary-50: var(--color-blue-50, oklch(97% 0.014 254.604));
15  --ui-color-secondary-100: var(--color-blue-100, oklch(93.2% 0.032 255.585));
16  --ui-color-secondary-200: var(--color-blue-200, oklch(88.2% 0.059 254.128));
17  --ui-color-secondary-300: var(--color-blue-300, oklch(80.9% 0.105 251.813));
18  --ui-color-secondary-400: var(--color-blue-400, oklch(70.7% 0.165 254.624));
19  --ui-color-secondary-500: var(--color-blue-500, oklch(62.3% 0.214 259.815));
20  --ui-color-secondary-600: var(--color-blue-600, oklch(54.6% 0.245 262.881));
21  --ui-color-secondary-700: var(--color-blue-700, oklch(48.8% 0.243 264.376));
22  --ui-color-secondary-800: var(--color-blue-800, oklch(42.4% 0.199 265.638));
23  --ui-color-secondary-900: var(--color-blue-900, oklch(37.9% 0.146 265.522));
24  --ui-color-secondary-950: var(--color-blue-950, oklch(28.2% 0.091 267.935));
25  --ui-color-success-50: var(--color-green-50, oklch(98.2% 0.018 155.826));
26  --ui-color-success-100: var(--color-green-100, oklch(96.2% 0.044 156.743));
27  --ui-color-success-200: var(--color-green-200, oklch(92.5% 0.084 155.995));
28  --ui-color-success-300: var(--color-green-300, oklch(87.1% 0.15 154.449));
29  --ui-color-success-400: var(--color-green-400, oklch(79.2% 0.209 151.711));
30  --ui-color-success-500: var(--color-green-500, oklch(72.3% 0.219 149.579));
31  --ui-color-success-600: var(--color-green-600, oklch(62.7% 0.194 149.214));
32  --ui-color-success-700: var(--color-green-700, oklch(52.7% 0.154 150.069));
33  --ui-color-success-800: var(--color-green-800, oklch(44.8% 0.119 151.328));
34  --ui-color-success-900: var(--color-green-900, oklch(39.3% 0.095 152.535));
35  --ui-color-success-950: var(--color-green-950, oklch(26.6% 0.065 152.934));
36  --ui-color-info-50: var(--color-blue-50, oklch(97% 0.014 254.604));
37  --ui-color-info-100: var(--color-blue-100, oklch(93.2% 0.032 255.585));
38  --ui-color-info-200: var(--color-blue-200, oklch(88.2% 0.059 254.128));
39  --ui-color-info-300: var(--color-blue-300, oklch(80.9% 0.105 251.813));
40  --ui-color-info-400: var(--color-blue-400, oklch(70.7% 0.165 254.624));
41  --ui-color-info-500: var(--color-blue-500, oklch(62.3% 0.214 259.815));
42  --ui-color-info-600: var(--color-blue-600, oklch(54.6% 0.245 262.881));
43  --ui-color-info-700: var(--color-blue-700, oklch(48.8% 0.243 264.376));
44  --ui-color-info-800: var(--color-blue-800, oklch(42.4% 0.199 265.638));
45  --ui-color-info-900: var(--color-blue-900, oklch(37.9% 0.146 265.522));
46  --ui-color-info-950: var(--color-blue-950, oklch(28.2% 0.091 267.935));
47  --ui-color-warning-50: var(--color-yellow-50, oklch(98.7% 0.026 102.212));
48  --ui-color-warning-100: var(--color-yellow-100, oklch(97.3% 0.071 103.193));
49  --ui-color-warning-200: var(--color-yellow-200, oklch(94.5% 0.129 101.54));
50  --ui-color-warning-300: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
51  --ui-color-warning-400: var(--color-yellow-400, oklch(85.2% 0.199 91.936));
52  --ui-color-warning-500: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
53  --ui-color-warning-600: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
54  --ui-color-warning-700: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
55  --ui-color-warning-800: var(--color-yellow-800, oklch(47.6% 0.114 61.907));
56  --ui-color-warning-900: var(--color-yellow-900, oklch(42.1% 0.095 57.708));
57  --ui-color-warning-950: var(--color-yellow-950, oklch(28.6% 0.066 53.813));
58  --ui-color-error-50: var(--color-red-50, oklch(97.1% 0.013 17.38));
59  --ui-color-error-100: var(--color-red-100, oklch(93.6% 0.032 17.717));
60  --ui-color-error-200: var(--color-red-200, oklch(88.5% 0.062 18.334));
61  --ui-color-error-300: var(--color-red-300, oklch(80.8% 0.114 19.571));
62  --ui-color-error-400: var(--color-red-400, oklch(70.4% 0.191 22.216));
63  --ui-color-error-500: var(--color-red-500, oklch(63.7% 0.237 25.331));
64  --ui-color-error-600: var(--color-red-600, oklch(57.7% 0.245 27.325));
65  --ui-color-error-700: var(--color-red-700, oklch(50.5% 0.213 27.518));
66  --ui-color-error-800: var(--color-red-800, oklch(44.4% 0.177 26.899));
67  --ui-color-error-900: var(--color-red-900, oklch(39.6% 0.141 25.723));
68  --ui-color-error-950: var(--color-red-950, oklch(25.8% 0.092 26.042));
69  --ui-color-neutral-50: var(--color-slate-50, oklch(98.4% 0.003 247.858));
70  --ui-color-neutral-100: var(--color-slate-100, oklch(96.8% 0.007 247.896));
71  --ui-color-neutral-200: var(--color-slate-200, oklch(92.9% 0.013 255.508));
72  --ui-color-neutral-300: var(--color-slate-300, oklch(86.9% 0.022 252.894));
73  --ui-color-neutral-400: var(--color-slate-400, oklch(70.4% 0.04 256.788));
74  --ui-color-neutral-500: var(--color-slate-500, oklch(55.4% 0.046 257.417));
75  --ui-color-neutral-600: var(--color-slate-600, oklch(44.6% 0.043 257.281));
76  --ui-color-neutral-700: var(--color-slate-700, oklch(37.2% 0.044 257.287));
77  --ui-color-neutral-800: var(--color-slate-800, oklch(27.9% 0.041 260.031));
78  --ui-color-neutral-900: var(--color-slate-900, oklch(20.8% 0.042 265.755));
79  --ui-color-neutral-950: var(--color-slate-950, oklch(12.9% 0.042 264.695));
80  }
81  :root, :host, .light {
82  --ui-primary: var(--ui-color-primary-500);
83  --ui-secondary: var(--ui-color-secondary-500);
84  --ui-success: var(--ui-color-success-500);
85  --ui-info: var(--ui-color-info-500);
86  --ui-warning: var(--ui-color-warning-500);
87  --ui-error: var(--ui-color-error-500);
88  }
89  .dark {
90  --ui-primary: var(--ui-color-primary-400);
91  --ui-secondary: var(--ui-color-secondary-400);
92  --ui-success: var(--ui-color-success-400);
93  --ui-info: var(--ui-color-info-400);
94  --ui-warning: var(--ui-color-warning-400);
95  --ui-error: var(--ui-color-error-400);
96  }
97}</style><style>.drawer-backdrop-enter-active[data-v-51a6abad],.drawer-backdrop-leave-active[data-v-51a6abad]{transition:opacity .25s ease}.drawer-backdrop-enter-from[data-v-51a6abad],.drawer-backdrop-leave-to[data-v-51a6abad]{opacity:0}

97.drawer-sheet-enter-active[data-v-51a6abad],.drawer-sheet-leave-active[data-v-51a6abad]{transition:transform .3s cubic-bezier(.32,1,.36,1)}.drawer-sheet-enter-from[data-v-51a6abad],.drawer-sheet-leave-to[data-v-51a6abad]{transform:translateY(100%)}</style><link rel="stylesheet" href="/_nuxt/entry.Dtbnd6Fq.css" crossorigin><link rel="stylesheet" href="/_nuxt/default.B_MZ5_NP.css" crossorigin><link rel="stylesheet" href="/_nuxt/NotificationsBell.CJ5zI9-n.css" crossorigin><link rel="stylesheet" href="/_nuxt/useCanonicalPath.D18joF2_.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/_nuxt/aDqk-s0q.js"><link rel="preload" as="font" crossorigin href="/_fonts/vN5fxma9-krj-rmQrS1QeUWwlWm82kAFDh8EN2bAjIU-0Q5NsmHUu6BqiahPSPuTkLdb0dYLrELxlFFvntkeObU.woff2"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/FH1PztFo.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BaxkVXfm.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CBkX4Gtl.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BAWhmDoG.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DxzNNJEJ.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DlAUqK2U.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CdKRJzcl.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CaCVpOFi.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BCaHuKeq.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CQU6jjIx.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Cvea1cEm.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CcpGp_ZK.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/D2f9qUix.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BpVHn63o.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DKayNrit.js">

97<script type="module" src="/_nuxt/aDqk-s0q.js" crossorigin></script>

97<meta name="mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="xquare.net"><meta name="theme-color" content="#0b5fff"><link rel="icon" type="image/png" href="/img/brand/favicon-xquare.png"><link rel="apple-touch-icon" href="/img/brand/favicon-xquare.png"><link rel="manifest" href="/manifest.webmanifest"><link rel="icon" type="image/x-icon" href="/brands/xquare/favicon.ico?v=2" data-hid="brand-favicon-ico"><link rel="icon" type="image/svg+xml" href="/brands/xquare/favicon.svg?v=2" data-hid="brand-favicon-svg"><link rel="apple-touch-icon" sizes="192x192" href="/brands/xquare/icon-192.png?v=2" data-hid="brand-apple-touch"><link rel="icon" type="image/png" href="/img/brand/favicon-xquare.png" hid="favicon-png"><link rel="apple-touch-icon" href="/img/brand/favicon-xquare.png" hid="apple-touch-icon"><link rel="canonical" href="https://xquare.net/sign-in" hid="canonical">

97<script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script>

97</head><body><!--teleport start anchor--><!----><!----><!--teleport anchor--><!--teleport start anchor--><!----><!--teleport anchor--><div id="__nuxt" class="isolate"><!--[--><!--[--><!--[--><!--[--><!--[--><div class="min-h-[100dvh]" style="--brand-soft:#E0E7FF;--surface-bg:#F4F5FA;--ink-primary:#0F172A;--radius-card:14px;--font-display:Archivo Black;--brand-primary:#6366F1;--xq-brand:#6366F1;--xq-indigo-500:#6366F1;--xq-brand-press:#6366F1;--xq-brand-soft:#E0E7FF;--xq-indigo-100:#E0E7FF;"><a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:z-[100] focus:top-2 focus:left-2 focus:px-3 focus:py-2 focus:rounded-lg focus:bg-primary focus:text-on-primary focus:font-bold focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-primary/40"> Skip to main content </a><div class="min-h-[100dvh] flex flex-col"><header class="sticky top-0 z-40 h-[68px] bg-white/[.88] backdrop-blur-[10px] backdrop-saturate-[1.6] border-b border-[#F1F5F9]"><div class="mx-auto w-full max-w-[1240px] h-full px-8 flex items-center gap-2"><nav class="hub-topnav flex" aria-label="Primary"><a href="/" class="flex items-center mr-5" aria-label="xquare home"><img src="/img/brand/banner-xquare.png" alt="xquare" class="h-8 w-auto"></a><a href="/feed" class="hub-tn"><span class="material-symbols-outlined" aria-hidden="true">dynamic_feed</span> Feed </a><a href="/hubs" class="hub-tn"><span class="material-symbols-outlined" aria-hidden="true">hub</span> Hubs </a><a href="/spaces" class="hub-tn"><span class="material-symbols-outlined" aria-hidden="true">grid_view</span> Spaces </a><a href="/events" class="hub-tn"><span class="material-symbols-outlined" aria-hidden="true">event</span> Events </a><a href="/courses" class="hub-tn"><span class="material-symbols-outlined" aria-hidden="true">school</span> Courses </a></nav><div class="flex-1"></div><div class="flex items-center gap-0.5 flex-shrink-0"><!----><!--[--><a aria-current="page" href="/sign-in?redirect=%2Fsign-in%3Fredirect%3D%2Ffeed" class="router-link-active router-link-exact-active ml-1 inline-flex items-center gap-1.5 px-4 py-2 rounded-full text-[13px] font-semibold bg-[#414F79] text-[#FFF2CC] hover:brightness-110 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#414F79]/40"><span class="material-symbols-outlined" style="font-size:1rem;" aria-hidden="true">login</span> Sign in </a><a href="/sign-up?redirect=%2Ffeed" class="ml-1 inline-flex items-center gap-1.5 px-4 py-2 rounded-full text-[13px] font-semibold bg-[#414F79] text-[#FFF2CC] hover:brightness-110 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#414F79]/40"> Sign up </a><!--]--></div></div></header><main id="main-content" tabindex="-1" class="flex-1 py-4 md:py-6 px-8 max-w-[1240px] w-full mx-auto"><!----><!--[--><div class="flex items-center justify-center px-4 py-12 md:py-20"><div class="w-full max-w-sm bg-surface-container-lowest rounded-2xl border border-outline-variant/30 p-8 shadow-sm"><div class="flex flex-col items-center mb-6"><img src="/brands/xquare/logo.svg?v=2" alt="hub" class="h-12 w-auto mb-3"><p class="text-sm text-on-surface-variant">Sign in to continue</p></div><form class="space-y-4"><div><label class="block text-xs font-bold uppercase tracking-widest text-outline mb-1">Email</label><input value="" type="email" autocomplete="email" required class="w-full px-4 py-2.5 bg-surface-container rounded-lg border border-outline-variant/40 focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary text-sm"></div><div><label class="block text-xs font-bold uppercase tracking-widest text-outline mb-1">Password</label><input value="" type="password" autocomplete="current-password" required class="w-full px-4 py-2.5 bg-surface-container rounded-lg border border-outline-variant/40 focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary text-sm"></div><!----><button type="submit" class="w-full bg-primary text-on-primary font-bold py-2.5 rounded-lg hover:brightness-110 active:scale-[0.98] transition-[transform,filter] duration-150 disabled:opacity-50">Sign in</button></form><p class="text-center text-sm mt-3"><a href="/forgot-password" class="text-on-surface-variant hover:text-primary hover:underline">Forgot password?</a></p><p class="text-center text-sm text-on-surface-variant mt-5"> Don&#39;t have an account? <a href="/sign-up?redirect=%2Ffeed" class="text-primary font-semibold hover:underline">Sign up</a></p></div></div><!--]--></main></div><!--teleport start--><!--teleport end--><!--teleport start--><!--teleport end--></div><!--]--><!--]--><!--[--><!--]--><!--v-if--><!--]--><!--[--><!--]--><!--]--><!--]--></div><div id="teleports"></div>

97<script>window.__NUXT__={};window.__NUXT__.config={public:{supabaseUrl:"https://sb.xquare.net",supabaseAnonKey:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlzcyI6InN1cGFiYXNlIiwiaWF0IjoxNzg1NzQ0Nzc4LCJleHAiOjIxMDExMDQ3Nzh9.y3uWq65tgtp1GVwFsctwXEnoTnpGrYhdEBjbvu3C_y0",medusaUrl:"https://api.xquare.net",medusaPublishableKey:"pk_50416b7521b68b8a15df71f36cc83c79d0e57957b09e2489c59f3ddd22871fd0",siteUrl:"https://xquare.net",apiBase:"",cookieDomain:".xquare.net",previewBanner:"1",showDesignTokens:"0",storefrontUrl:"https://xquare.net",zulipBotEmail:"",h5pUrl:""},app:{baseURL:"/",buildId:"7f107426-aa5e-4196-b92c-095a9aeb224d",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>

97<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":23,"once":53,"_errors":54,"serverRendered":27,"path":56},["ShallowReactive",3],{"$fDTBXOVrNZdxyV_41ZKfnwaOAAe71NFfBR_hYf7em52U":4},{"theme":5,"vocabulary":12,"templateRef":18,"scope":19,"scopeLevel":20,"components":21,"categoryDetailLayout":22},{"--brand-soft":6,"--surface-bg":7,"--ink-primary":8,"--radius-card":9,"--font-display":10,"--brand-primary":11},"#E0E7FF","#F4F5FA","#0F172A","14px","Archivo Black","#6366F1",{"cta.browse":13,"label.space":14,"label.vendor":15,"greeting.morning":16,"cta.list_business":17},"Browse","Space","Business","Selamat pagi","Get Listed",{},"","surface_default",[],null,["Reactive",24],{"$scolor-mode":25,"$shub2-tenant":29,"$shub2:hide-app-chrome":28,"$stoasts":46,"$srt-status":47,"$srt-last-event":48,"$sfeed":49,"$sthreads":50,"$sfeed-loading":28,"$sfeed-live":28,"$sbookmarks":51,"$smy-zulip-user-id":22,"$shub2-account-drawer":28,"$shub2-auth":52,"$shub2-pwa-available":28,"$shub2-pwa-installed":28},{"preference":26,"value":26,"unknown":27,"forced":28},"system",true,false,{"id":30,"name":31,"domain":31,"theme":32,"hub_type":34,"defaultSpaceId":35,"medusaSalesChannelId":36,"medusaPublishableKey":37,"zulipRealm":30,"resolved":27,"status":38,"countryCode":39,"brandId":30,"medusaEndpointId":40,"medusaApiUrl":41,"medusaCurrencyCode":42,"medusaPaymentGateways":43,"kind":45,"hubCategory":22,"tenancyMode":22},"xquare","xquare.net",{"logo_url":22,"primary_color":33},"#0b5fff","community","38c0dac6-09ef-45f1-af7f-ca8b51b9a2ab","sc_01M2EZAGSH9FWJAYTRQZ18ZE6N","pk_50416b7521b68b8a15df71f36cc83c79d0e57957b09e2489c59f3ddd22871fd0","live","ID","medusa-id","https:\u002F\u002Fapi.xquare.net","IDR",[44],"xendit","country",[],"idle",0,[],{},[],{"user":22,"session":22,"loading":27},["Set"],["ShallowReactive",55],{"$fDTBXOVrNZdxyV_41ZKfnwaOAAe71NFfBR_hYf7em52U":-1},"\u002Fsign-in?redirect=%2Ffeed"]</script>

97<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"c0b67612c7d2478caa04b1488f45d67b","r":1,"spa":2}' crossorigin="anonymous"></script>

97
98</body></html>