Subversion Repositories SmartDukaan

Rev

Rev 36686 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
36642 ranu 1 
<html>
2 
<head>
3 
    <meta charset="UTF-8">
4 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
5 
    <title>Thank You - SmartDukaan</title>
6 
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
7 
    <style>
8 
        body {
36807 aman 9 
            background: #f5f6f8;
36686 ranu 10 
            font-family: 'Segoe UI', Roboto, sans-serif;
36807 aman 11 
            color: #2b2b2b;
36642 ranu 12 
        }
13 
 
36807 aman 14 
        /* ---------- Top navbar ---------- */
15 
        .top-nav {
36642 ranu 16 
            background: #fff;
36807 aman 17 
            border-bottom: 1px solid #ececec;
18 
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
19 
            padding: 14px 22px;
20 
            display: flex;
21 
            align-items: center;
22 
            justify-content: space-between;
23 
            position: sticky;
24 
            top: 0;
25 
            z-index: 10;
36642 ranu 26 
        }
27 
 
36807 aman 28 
        .nav-brand {
29 
            display: inline-flex;
30 
            align-items: center;
31 
            text-decoration: none;
36642 ranu 32 
        }
33 
 
36807 aman 34 
        .nav-brand .brand-logo {
35 
            height: 30px;
36 
            width: auto;
37 
            display: block;
38 
        }
39 
 
40 
        .nav-help {
41 
            display: inline-flex;
36686 ranu 42 
            align-items: center;
36807 aman 43 
            gap: 8px;
44 
            font-size: 14px;
45 
            color: #555;
46 
            white-space: nowrap;
36686 ranu 47 
        }
48 
 
36807 aman 49 
        .nav-call {
36686 ranu 50 
            display: inline-flex;
51 
            align-items: center;
36807 aman 52 
            gap: 7px;
53 
            text-decoration: none;
54 
            color: #555;
36686 ranu 55 
        }
56 
 
36807 aman 57 
        .nav-call:hover {
58 
            text-decoration: none;
59 
        }
60 
 
61 
        .nav-call .call-word {
62 
            color: #555;
63 
            font-weight: 600;
64 
        }
65 
 
66 
        .nav-help .phone {
67 
            color: #e1212a;
36686 ranu 68 
            font-weight: 700;
36642 ranu 69 
        }
36807 aman 70 
 
71 
        /* ---------- Sub-header home button ---------- */
72 
        .subhead {
73 
            padding: 16px 22px 0;
74 
        }
75 
 
76 
        .btn-home {
77 
            display: inline-flex;
78 
            align-items: center;
79 
            gap: 7px;
80 
            background: #fff;
81 
            color: #374151;
82 
            border: 1px solid #e3e6ea;
83 
            border-radius: 9px;
84 
            padding: 8px 14px;
85 
            font-size: 14px;
86 
            font-weight: 600;
87 
            text-decoration: none;
88 
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
89 
        }
90 
 
91 
        .btn-home:hover {
92 
            background: #f1f3f5;
93 
            color: #374151;
94 
            text-decoration: none;
95 
        }
96 
 
97 
        /* ---------- Status card ---------- */
98 
        .status-card {
99 
            max-width: 560px;
100 
            margin: 20px auto 30px;
101 
            background: #fff;
102 
            border-radius: 14px;
103 
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
104 
            padding: 48px 30px;
105 
            text-align: center;
106 
        }
107 
 
108 
        .status-title {
109 
            font-size: 22px;
110 
            font-weight: 700;
111 
            margin: 20px 0 0;
112 
        }
113 
 
114 
        .status-title-hi {
115 
            font-size: 16px;
116 
            color: #6b7280;
117 
            margin: 4px 0 0;
118 
        }
119 
 
120 
        .status-text {
121 
            color: #4b5563;
122 
            font-size: 14.5px;
123 
            line-height: 1.6;
124 
            margin: 16px auto 0;
125 
            max-width: 440px;
126 
        }
127 
 
128 
        .status-text .hindi {
129 
            display: block;
130 
            margin-top: 8px;
131 
            color: #6b7280;
132 
        }
133 
 
134 
        /* circle draws a full 360, then the tick ticks left -> right */
135 
        .success-circle {
136 
            stroke-dasharray: 151;
137 
            stroke-dashoffset: 151;
138 
            animation: drawCircle 1.1s ease-in-out forwards;
139 
        }
140 
 
141 
        .success-check {
142 
            stroke-dasharray: 32;
143 
            stroke-dashoffset: 32;
144 
            animation: drawCheck 1.1s ease-in-out forwards;
145 
        }
146 
 
147 
        @keyframes drawCircle {
148 
            0% {
149 
                stroke-dashoffset: 151;
150 
            }
151 
            55% {
152 
                stroke-dashoffset: 0;
153 
            }
154 
            100% {
155 
                stroke-dashoffset: 0;
156 
            }
157 
        }
158 
 
159 
        @keyframes drawCheck {
160 
            0%, 55% {
161 
                stroke-dashoffset: 32;
162 
            }
163 
            90% {
164 
                stroke-dashoffset: 0;
165 
            }
166 
            100% {
167 
                stroke-dashoffset: 0;
168 
            }
169 
        }
170 
 
171 
        /* ---------- Footer ---------- */
172 
        .footer-help {
173 
            text-align: center;
174 
            font-size: 14px;
175 
            color: #4b5563;
176 
            padding: 20px 16px 2px;
177 
        }
178 
 
179 
        .footer-call {
180 
            display: inline-flex;
181 
            align-items: center;
182 
            gap: 6px;
183 
            color: #e1212a;
184 
            font-weight: 700;
185 
            text-decoration: none;
186 
            margin-left: 6px;
187 
        }
188 
 
189 
        .footer-call:hover {
190 
            text-decoration: none;
191 
        }
192 
 
193 
        .geo-footer {
194 
            text-align: center;
195 
            color: #9aa1ab;
196 
            font-size: 13px;
197 
            padding: 8px 16px 30px;
198 
            line-height: 1.6;
199 
        }
200 
 
201 
        @media (max-width: 575px) {
202 
            .top-nav {
203 
                padding: 10px 12px;
204 
            }
205 
 
206 
            .nav-brand .brand-logo {
207 
                height: 22px;
208 
            }
209 
 
210 
            .nav-call .call-word {
211 
                display: none;
212 
            }
213 
 
214 
            .nav-call {
215 
                gap: 5px;
216 
            }
217 
 
218 
            .nav-help .phone {
219 
                font-size: 13px;
220 
            }
221 
 
222 
            .subhead {
223 
                padding: 12px 14px 0;
224 
            }
225 
        }
36642 ranu 226 
    </style>
227 
</head>
228 
<body>
36807 aman 229 
 
230 
<div class="top-nav">
231 
    <a href="https://smartdukaan.com/" class="nav-brand">
232 
        <img src="$rc.contextPath/resources/images/sd-logo.jpg" alt="SmartDukaan" class="brand-logo">
233 
    </a>
234 
    <span class="nav-help">
235 
        <a href="tel:1800270273" class="nav-call">
236 
            <span class="call-word">Call</span>
237 
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#e1212a" stroke-width="2"
238 
                 stroke-linecap="round" stroke-linejoin="round"><path
239 
                    d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
240 
            <span class="phone">1800 270 273</span>
241 
        </a>
242 
    </span>
243 
</div>
244 
 
245 
<div class="subhead">
246 
    <a href="https://smartdukaan.com/" class="btn-home">
247 
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
248 
             stroke-linecap="round" stroke-linejoin="round">
249 
            <path d="M3 9.5L12 3l9 6.5"/>
250 
            <path
251 
                    d="M5 10v10h14V10"/>
252 
            <path d="M9 20v-6h6v6"/>
36686 ranu 253 
        </svg>
36807 aman 254 
        Home
255 
    </a>
36642 ranu 256 
</div>
36807 aman 257 
 
258 
<div class="status-card">
259 
    <svg width="92" height="92" viewBox="0 0 52 52" fill="none">
260 
        <circle class="success-circle" cx="26" cy="26" r="24" fill="none" stroke="#22c55e"
261 
                stroke-width="3" stroke-linecap="round" transform="rotate(-90 26 26)"></circle>
262 
        <path class="success-check" d="M16 27L23 34L37 19" fill="none" stroke="#22c55e" stroke-width="4"
263 
              stroke-linecap="round" stroke-linejoin="round"></path>
264 
    </svg>
265 
    <h5 class="status-title">Thank You!</h5>
266 
    <p class="status-title-hi">धन्यवाद!</p>
267 
    <p class="status-text">
268 
        #if($message)
269 
            $message
270 
        #else
271 
            Your location has been verified successfully.
272 
            <span class="hindi">आपकी लोकेशन सफलतापूर्वक सत्यापित कर दी गई है।</span>
273 
        #end
274 
    </p>
275 
</div>
276 
 
277 
<div class="footer-help">
278 
    Need help? Call
279 
    <a href="tel:1800270273" class="footer-call">
280 
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
281 
             stroke-linecap="round" stroke-linejoin="round">
282 
            <path
283 
                    d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/>
284 
        </svg>
285 
        1800 270 273
286 
    </a>
287 
</div>
288 
<div class="geo-footer">
289 
    &copy; 2026 SmartDukaan. All rights reserved.<br>
290 
    Transforming mobile retail across India
291 
</div>
292 
 
36642 ranu 293 
</body>
294 
</html>