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>Under Review - SmartDukaan</title>
 5 
    <title>Under Review - 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-icon {
- 
 
 109 
            color: #f59e0b;
- 
 
 110 
            animation: pulse 2s ease-in-out infinite;
- 
 
 111 
        }
- 
 
 112 
 
- 
 
 113 
        @keyframes pulse {
- 
 
 114 
            0%, 100% {
- 
 
 115 
                transform: scale(1);
- 
 
 116 
            }
- 
 
 117 
            50% {
- 
 
 118 
                transform: scale(1.08);
- 
 
 119 
            }
49 
        }
 120 
        }
50 
 
 121 
 
51 
        .geo-header h4 {
 122 
        .status-title {
52 
            margin: 0;
 123 
            font-size: 22px;
53 
            font-weight: 700;
 124 
            font-weight: 700;
- 
 
 125 
            margin: 20px 0 0;
- 
 
 126 
        }
- 
 
 127 
 
- 
 
 128 
        .status-title-hi {
- 
 
 129 
            font-size: 16px;
- 
 
 130 
            color: #6b7280;
- 
 
 131 
            margin: 4px 0 0;
- 
 
 132 
        }
- 
 
 133 
 
- 
 
 134 
        .status-text {
- 
 
 135 
            color: #4b5563;
- 
 
 136 
            font-size: 14.5px;
- 
 
 137 
            line-height: 1.6;
- 
 
 138 
            margin: 16px auto 0;
- 
 
 139 
            max-width: 440px;
- 
 
 140 
        }
- 
 
 141 
 
- 
 
 142 
        .status-text .hindi {
- 
 
 143 
            display: block;
- 
 
 144 
            margin-top: 8px;
- 
 
 145 
            color: #6b7280;
- 
 
 146 
        }
- 
 
 147 
 
- 
 
 148 
        /* ---------- Footer ---------- */
- 
 
 149 
        .footer-help {
- 
 
 150 
            text-align: center;
- 
 
 151 
            font-size: 14px;
- 
 
 152 
            color: #4b5563;
- 
 
 153 
            padding: 20px 16px 2px;
- 
 
 154 
        }
- 
 
 155 
 
- 
 
 156 
        .footer-call {
- 
 
 157 
            display: inline-flex;
- 
 
 158 
            align-items: center;
- 
 
 159 
            gap: 6px;
- 
 
 160 
            color: #e1212a;
- 
 
 161 
            font-weight: 700;
- 
 
 162 
            text-decoration: none;
- 
 
 163 
            margin-left: 6px;
- 
 
 164 
        }
- 
 
 165 
 
- 
 
 166 
        .footer-call:hover {
- 
 
 167 
            text-decoration: none;
- 
 
 168 
        }
- 
 
 169 
 
- 
 
 170 
        .geo-footer {
- 
 
 171 
            text-align: center;
- 
 
 172 
            color: #9aa1ab;
54 
            letter-spacing: 0.3px;
 173 
            font-size: 13px;
- 
 
 174 
            padding: 8px 16px 30px;
- 
 
 175 
            line-height: 1.6;
- 
 
 176 
        }
- 
 
 177 
 
- 
 
 178 
        @media (max-width: 575px) {
- 
 
 179 
            .top-nav {
- 
 
 180 
                padding: 10px 12px;
- 
 
 181 
            }
- 
 
 182 
 
- 
 
 183 
            .nav-brand .brand-logo {
- 
 
 184 
                height: 22px;
- 
 
 185 
            }
- 
 
 186 
 
- 
 
 187 
            .nav-call .call-word {
- 
 
 188 
                display: none;
- 
 
 189 
            }
- 
 
 190 
 
- 
 
 191 
            .nav-call {
- 
 
 192 
                gap: 5px;
- 
 
 193 
            }
- 
 
 194 
 
- 
 
 195 
            .nav-help .phone {
- 
 
 196 
                font-size: 13px;
- 
 
 197 
            }
- 
 
 198 
 
- 
 
 199 
            .subhead {
- 
 
 200 
                padding: 12px 14px 0;
- 
 
 201 
            }
55 
        }
 202 
        }
56 
    </style>
 203 
    </style>
57 
</head>
 204 
</head>
58 
<body>
 205 
<body>
- 
 
 206 
 
59 
<div class="geo-card">
 207 
<div class="top-nav">
- 
 
 208 
    <a href="https://smartdukaan.com/" class="nav-brand">
- 
 
 209 
        <img src="$rc.contextPath/resources/images/sd-logo.jpg" alt="SmartDukaan" class="brand-logo">
- 
 
 210 
    </a>
60 
    <div class="geo-header">
 211 
    <span class="nav-help">
61 
        <div class="brand-row">
 212 
        <a href="tel:1800270273" class="nav-call">
62 
            <span class="brand-mark">S</span>
 213 
            <span class="call-word">Call</span>
- 
 
 214 
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#e1212a" stroke-width="2"
- 
 
 215 
                 stroke-linecap="round" stroke-linejoin="round"><path
63 
            <h4>SmartDukaan</h4>
 216 
                    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>
- 
 
 217 
            <span class="phone">1800 270 273</span>
64 
        </div>
 218 
        </a>
65 
    </div>
 219 
    </span>
- 
 
 220 
</div>
- 
 
 221 
 
66 
    <div class="text-center py-5 px-4">
 222 
<div class="subhead">
- 
 
 223 
    <a href="https://smartdukaan.com/" class="btn-home">
67 
        <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 24 24"
 224 
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
68 
             fill="none" stroke="#f59e0b" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"
 225 
             stroke-linecap="round" stroke-linejoin="round">
69 
             style="display:block; margin: 0 auto;">
 226 
            <path d="M3 9.5L12 3l9 6.5"/>
- 
 
 227 
            <path
70 
            <circle cx="12" cy="12" r="10"></circle>
 228 
                    d="M5 10v10h14V10"/>
71 
            <polyline points="12 6 12 12 16 14"></polyline>
 229 
            <path d="M9 20v-6h6v6"/>
72 
        </svg>
 230 
        </svg>
73 
        <h5 class="mt-3">Under Review</h5>
 - 
 
74 
        <p class="text-muted">
 - 
 
75 
            Your location has been submitted and is currently under review by our team.
 - 
 
76 
            You will be contacted once the verification is complete.
 - 
 
77 
        </p>
 231 
        Home
78 
    </div>
 232 
    </a>
79 
</div>
 233 
</div>
- 
 
 234 
 
- 
 
 235 
<div class="status-card">
- 
 
 236 
    <svg class="status-icon" width="76" height="76" viewBox="0 0 24 24"
- 
 
 237 
         fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
- 
 
 238 
        <circle cx="12" cy="12" r="10"></circle>
- 
 
 239 
        <polyline points="12 6 12 12 16 14"></polyline>
- 
 
 240 
    </svg>
- 
 
 241 
    <h5 class="status-title">Under Review</h5>
- 
 
 242 
    <p class="status-title-hi">समीक्षाधीन</p>
- 
 
 243 
    <p class="status-text">
- 
 
 244 
        Your information has been submitted and is currently under review by our team.
- 
 
 245 
        You will be contacted once verification is complete.
- 
 
 246 
        <span class="hindi">आपकी जानकारी सबमिट हो गई है और अभी हमारी टीम द्वारा इसकी समीक्षा की जा रही है। सत्यापन पूरा होते ही आपसे संपर्क किया जाएगा।</span>
- 
 
 247 
    </p>
- 
 
 248 
</div>
- 
 
 249 
 
- 
 
 250 
<div class="footer-help">
- 
 
 251 
    Need help? Call
- 
 
 252 
    <a href="tel:1800270273" class="footer-call">
- 
 
 253 
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
- 
 
 254 
             stroke-linecap="round" stroke-linejoin="round">
- 
 
 255 
            <path
- 
 
 256 
                    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"/>
- 
 
 257 
        </svg>
- 
 
 258 
        1800 270 273
- 
 
 259 
    </a>
- 
 
 260 
</div>
- 
 
 261 
<div class="geo-footer">
- 
 
 262 
    &copy; 2026 SmartDukaan. All rights reserved.<br>
- 
 
 263 
    Transforming mobile retail across India
- 
 
 264 
</div>
- 
 
 265 
 
80 
</body>
 266 
</body>
81 
</html>
 267 
</html>