Subversion Repositories SmartDukaan

Rev

Rev 36686 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 36686 Rev 36807
Line 4... Line 4...
4 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 4 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
5 
    <title>Thank You - SmartDukaan</title>
 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">
 6 
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
7 
    <style>
 7 
    <style>
8 
        body {
 8 
        body {
9 
            background: #f4f6f9;
 9 
            background: #f5f6f8;
10 
            font-family: 'Segoe UI', Roboto, sans-serif;
 10 
            font-family: 'Segoe UI', Roboto, sans-serif;
- 
 
 11 
            color: #2b2b2b;
11 
        }
 12 
        }
12 
 
 13 
 
13 
        .geo-card {
 - 
 
14 
            max-width: 480px;
 14 
        /* ---------- Top navbar ---------- */
15 
            margin: 60px auto;
 15 
        .top-nav {
16 
            background: #fff;
 16 
            background: #fff;
17 
            border-radius: 14px;
 17 
            border-bottom: 1px solid #ececec;
18 
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
 18 
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
- 
 
 19 
            padding: 14px 22px;
19 
            overflow: hidden;
 20 
            display: flex;
- 
 
 21 
            align-items: center;
- 
 
 22 
            justify-content: space-between;
- 
 
 23 
            position: sticky;
- 
 
 24 
            top: 0;
- 
 
 25 
            z-index: 10;
20 
        }
 26 
        }
21 
 
 27 
 
22 
        .geo-header {
 28 
        .nav-brand {
23 
            background: linear-gradient(135deg, #f7931e 0%, #ed1c24 100%);
 - 
 
24 
            color: #fff;
 29 
            display: inline-flex;
25 
            padding: 22px 24px;
 30 
            align-items: center;
26 
            text-align: center;
 31 
            text-decoration: none;
27 
        }
 32 
        }
28 
 
 33 
 
29 
        .geo-header .brand-row {
 34 
        .nav-brand .brand-logo {
- 
 
 35 
            height: 30px;
- 
 
 36 
            width: auto;
30 
            display: flex;
 37 
            display: block;
- 
 
 38 
        }
- 
 
 39 
 
- 
 
 40 
        .nav-help {
- 
 
 41 
            display: inline-flex;
31 
            align-items: center;
 42 
            align-items: center;
- 
 
 43 
            gap: 8px;
32 
            justify-content: center;
 44 
            font-size: 14px;
33 
            gap: 10px;
 45 
            color: #555;
- 
 
 46 
            white-space: nowrap;
34 
        }
 47 
        }
35 
 
 48 
 
- 
 
 49 
        .nav-call {
36 
        .geo-header .brand-mark {
 50 
            display: inline-flex;
- 
 
 51 
            align-items: center;
37 
            width: 36px;
 52 
            gap: 7px;
- 
 
 53 
            text-decoration: none;
38 
            height: 36px;
 54 
            color: #555;
- 
 
 55 
        }
- 
 
 56 
 
- 
 
 57 
        .nav-call:hover {
- 
 
 58 
            text-decoration: none;
- 
 
 59 
        }
- 
 
 60 
 
- 
 
 61 
        .nav-call .call-word {
39 
            background: #fff;
 62 
            color: #555;
- 
 
 63 
            font-weight: 600;
- 
 
 64 
        }
- 
 
 65 
 
- 
 
 66 
        .nav-help .phone {
40 
            color: #ed1c24;
 67 
            color: #e1212a;
41 
            border-radius: 8px;
 68 
            font-weight: 700;
- 
 
 69 
        }
- 
 
 70 
 
- 
 
 71 
        /* ---------- Sub-header home button ---------- */
- 
 
 72 
        .subhead {
- 
 
 73 
            padding: 16px 22px 0;
- 
 
 74 
        }
- 
 
 75 
 
- 
 
 76 
        .btn-home {
42 
            display: inline-flex;
 77 
            display: inline-flex;
43 
            align-items: center;
 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;
44 
            justify-content: center;
 85 
            font-size: 14px;
45 
            font-weight: 800;
 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 {
46 
            font-size: 20px;
 99 
            max-width: 560px;
- 
 
 100 
            margin: 20px auto 30px;
- 
 
 101 
            background: #fff;
47 
            letter-spacing: -1px;
 102 
            border-radius: 14px;
48 
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 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;
49 
        }
 139 
        }
50 
 
 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 
 
51 
        .geo-header h4 {
 179 
        .footer-call {
- 
 
 180 
            display: inline-flex;
- 
 
 181 
            align-items: center;
52 
            margin: 0;
 182 
            gap: 6px;
- 
 
 183 
            color: #e1212a;
53 
            font-weight: 700;
 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;
54 
            letter-spacing: 0.3px;
 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 
            }
55 
        }
 225 
        }
56 
    </style>
 226 
    </style>
57 
</head>
 227 
</head>
58 
<body>
 228 
<body>
- 
 
 229 
 
59 
<div class="geo-card">
 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>
60 
    <div class="geo-header">
 234 
    <span class="nav-help">
61 
        <div class="brand-row">
 235 
        <a href="tel:1800270273" class="nav-call">
62 
            <span class="brand-mark">S</span>
 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
63 
            <h4>SmartDukaan</h4>
 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>
64 
        </div>
 241 
        </a>
65 
    </div>
 242 
    </span>
- 
 
 243 
</div>
- 
 
 244 
 
66 
    <div class="text-center py-5 px-4">
 245 
<div class="subhead">
67 
        <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 24 24"
 246 
    <a href="https://smartdukaan.com/" class="btn-home">
68 
             fill="none" stroke="#22c55e" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"
 247 
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
69 
             style="display:block; margin: 0 auto;">
 248 
             stroke-linecap="round" stroke-linejoin="round">
70 
            <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
 249 
            <path d="M3 9.5L12 3l9 6.5"/>
- 
 
 250 
            <path
71 
            <polyline points="22 4 12 14.01 9 11.01"></polyline>
 251 
                    d="M5 10v10h14V10"/>
- 
 
 252 
            <path d="M9 20v-6h6v6"/>
72 
        </svg>
 253 
        </svg>
73 
        <h5 class="mt-3">Thank You!</h5>
 - 
 
74 
        <p class="text-muted">
 - 
 
75 
            #if($message)
 - 
 
76 
                $message
 - 
 
77 
            #else
 - 
 
78 
                Your location has been verified successfully.
 - 
 
79 
            #end
 - 
 
80 
        </p>
 254 
        Home
81 
    </div>
 255 
    </a>
82 
</div>
 256 
</div>
- 
 
 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 
 
83 
</body>
 293 
</body>
84 
</html>
 294 
</html>