https://member.sunsiyam.com/login

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Sun Siyam Membership Program - Log in / Sign up</title>
8    

8<script src="https://cdn.tailwindcss.com"></script>

8
9    <link rel="stylesheet" href="/css/site.css">
10    <!-- Google tag (gtag.js) -->

10
11    <script async src="https://www.googletagmanager.com/gtag/js?id=

11G-5EELQSPG3J

11"></script>
12    

12<script> 

12window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '

12G-5EELQSPG3J

12'); 

12</script>

12
13</head>
14<body>
15    <!-- Header -->
16    <header id="header" class="fixed top-0 left-0 w-full z-50 header-transition header-shadow" style="background-color: rgb(231, 225, 213);">
17        <div class="flex items-center justify-center px-4 lg:px-[200px] py-8">
18            <div class="py-[18px]"></div>
19            <!-- Center Logo (appears when scrolled) -->
20            <div id="center-logo" class="absolute transform">
21                <a href="/">
22                <img src="https://ucarecdn.com/dce143ff-f89a-4ef4-801d-f24a4f3b92a4/SunSiyam_Masterbrand_Motif_RGB_Black.svg"
23                     alt="Sun Siyam"
24                     class="h-24">
25                </a>
26            </div>
27
28        </div>
29    </header>
30
31    <!-- Log-In or Sign-Up -->
32    <section class="min-h-screen bg-[#e7e1d5] flex flex-col justify-center pt-24 mt-8">
33        <div class="max-w-6xl mx-auto px-4 w-full flex-grow flex flex-col justify-center">
34            <!-- Title -->
35            <div class="text-center mb-12 md:mb-16">
36                <h2 class="text-4xl md:text-6xl text-gray-800">Siyam Rewards</h2>
37            </div>
38
39            <!-- Two Column Layout -->
40            <div class="relative">
41                <div class="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 items-start">
42
43                    <!-- Left Column - Sign In -->
44                    <div class="space-y-6">
45
46
47                        <h3 class="text-2xl md:text-3xl text-gray-800">Sign in</h3>
48
49
50
51                        <!-- Email/password login form -->
52                        <form method="post" action="/login">
53                            <input name="__RequestVerificationToken" type="hidden" value="CfDJ8IAwWW8KuRpGuyxxibeDG3ISOiqOz77otqA3uyEO_csyznTZcApp9jYOMqoENZHOh-hiHnEMYHqvxjQVflhNQTzJFuF24EtT0a_HKr9MOFCLWZnEkRAxBlyxIiVQjRLirajkedA_GlaiIy4kzUpha9o" />
54
55                            <div class="space-y-4">
56                                <div>
57                                    <label class="form-label" for="Email">Email or Member Number</label>
58                                    <input type="email" class="input-style" placeholder="" autocomplete="email" data-val="true" data-val-email="Please enter a valid email address." data-val-maxlength="The field Email must be a string or array type with a maximum length of &#x27;256&#x27;." data-val-maxlength-max="256" data-val-required="Please enter your email address." id="Email" maxlength="256" name="Email" value="">
59                                    <span class="text-red-600 text-xs field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>
60                                </div>
61
62                                <div>
63                                    <label class="form-label" for="Password">Password</label>
64                                    <input type="password" class="input-style" placeholder="" autocomplete="current-password" data-val="true" data-val-required="Please enter your password." id="Password" name="Password">
65                                    <span class="text-red-600 text-xs field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span>
66                                </div>
67                            </div>
68
69                            <!-- Remember Me Checkbox -->
70                            <div class="checkbox-container">
71                                <input type="checkbox" data-val="true" data-val-required="The RememberMe field is required." id="RememberMe" name="RememberMe" value="true">
72                                <label for="RememberMe">Remember me</label>
73                            </div>
74
75                            <!-- Sign In Button -->
76                            <div class="mb-4">
77                                <button type="submit" id="login-btn" aria-label="Sign in" class="loading-button ss-button-black flex items-center px-6 text-xs rework-display-font hover:opacity-70 transition-opacity justify-center">
78                                    <span>Sign in</span>
79                                    <div class="spinner"></div>
80                                </button>
81                            </div>
82
83                            <!-- Forgot Password Link -->
84                            <div class="text-center">
85                                <a href="/forgot-password" class="text-gray-700 text-sm good-sans-font underline hover:opacity-70 transition-opacity">
86                                    Forgot password?
87                                </a>
88                            </div>
89                        <input name="RememberMe" type="hidden" value="false"></form>
90                    </div>
91
92                    <!-- Right Column - Join -->
93                    <div class="space-y-6 relative">
94                        <!-- Mobile separator line -->
95                        <div class="md:hidden w-full h-px bg-black mb-8"></div>
96
97                        <h3 class="text-2xl md:text-3xl text-gray-800 mb

97-6">Join the Membership Program</h3>
98
99                        <p class="text-lg text-gray-700 leading-relaxed good-sans-font">
100                            Experience luxury hospitality and discover the ultimate paradise destinations with our Membership Program. Access special rates, exclusive offers, and complimentary upgrades.
101                        </p>
102
103                        <!-- Join Button -->
104                        <div class="pt-4">
105                            <button onclick="location.href='/signup';" aria-label="Join for free" class="ss-button-black-option flex items-center px-6 text-xs rework-display-font hover:opacity-70 transition-opacity justify-center">
106                                <span>Join for free</span>
107                            </button>
108                        </div>
109                    </div>
110                </div>
111
112                <!-- Desktop separator line -->
113                <div class="hidden md:block absolute left-1/2 top-0 bottom-0 w-px bg-black transform -translate-x-1/2"></div>
114            </div>
115        </div>
116
117        <!-- Logo at Bottom -->
118        <div class="flex justify-center mt-12 md:mt-4 pb-12">
119            <img src="https://ucarecdn.com/297c57b5-818b-44c5-aa3b-42b345a6c7f7/SunSiyam_Masterbrand_Logo_RGB_Black.svg"
120                 alt="Sun Siyam"
121                 class="h-48 md:h-64">
122        </div>
123    </section>
124
125    

125<script>
126        var PLEASE_WAIT = "Please wait\u2026";
127        document.querySelectorAll('form').forEach(function(form) {
128            form.addEventListener('submit', function(e) {
129                if (!form.checkValidity()) return;
130                var btn = form.querySelector('button[type="submit"]');
131                if (btn) {
132                    btn.disabled = true;
133                    btn.setAttribute('aria-busy', 'true');
134                    var span = btn.querySelector('span');
135                    if (span) span.textContent = PLEASE_WAIT;
136                    else btn.textContent = PLEASE_WAIT;
137                }
138                form.setAttribute('aria-busy', 'true');
139            });
140        });
141
142        // Dismiss error on typing
143        document.querySelectorAll('input').forEach(function(input) {
144            input.addEventListener('input', function() {
145                var alertEl = document.querySelector('[role="alert"]');
146                if (alertEl) alertEl.style.display = 'none';
147            });
148        });
149    </script>

149

150<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":"144677b206604946873fc9d59d5ce8b7","r":1,"spa":2}' crossorigin="anonymous"></script>

150
151</body>
152</html>