1<!DOCTYPE html> 2<html lang="en" class="" 3 data-theme="light"> 4 5<head> 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <meta name="csrf-token" content="53fw4hwLvPZQL8O5ffpVHHl4S4SHvdUJCv8sNpsI"> 9 10 <title>Blogs & Guides - MySpeedPost</title> 11 12 <!-- Critical CSS for LCP optimization --> 13 <style> 14 /* Inline critical CSS */ 15 #main-heading { 16 font-size: 1.875rem; 17 line-height: 2.25rem; 18 font-weight: 700; 19 margin-bottom: 0.5rem; 20 font-display: swap; 21 } 22 23 .form-control { 24 width: 100%; 25 padding: 0.375rem 0.75rem; 26 font-size: 1rem; 27 font-weight: 400; 28 line-height: 1.5; 29 color: #212529; 30 background-color: #fff; 31 background-clip: padding-box; 32 border: 1px solid #ced4da; 33 border-radius: 0.25rem; 34 transition: border-color 0.15s ease-in-out, box-shadow-sm 0.15s ease-in-out; 35 } 36 37 /* Prevent layout shifts */ 38 .loading { 39 display: inline-flex; 40 position: relative; 41 } 42 43 .loading-dots { 44 width: 1rem; 45 height: 1rem; 46 margin-left: 0.25rem; 47 margin-right: 0.25rem; 48 animation: loading-dots 1s infinite linear; 49 } 50 51 @keyframes loading-dots { 52 53 0%, 54 100% { 55 opacity: 0.5; 56 } 57 58 50% { 59 opacity: 1; 60 } 61 } 62 </style> 63 64 65 66 <!-- Preconnect to critical domains --> 67 <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> 68 <link rel="preconnect" href="https://unpkg.com" crossorigin> 69 70 <!-- Preload critical assets --> 71 <link rel="preload" href="https://myspeedpost.com/images/icon-75.png" as="image" fetchpriority="high"> 72 73 <!-- Fonts with display=swap for better performance --> 74 75 76 <!-- Non-critical scripts with defer --> 77
77<script src="https://cdn.jsdelivr.net/npm/[email protected]/tsparticles.confetti.bundle.min.js" defer> 78 </script>
78 79
79<script src='https://unpkg.com/[email protected]/dist/leaflet.js' defer crossorigin=''></script>
79 80 <link rel='stylesheet' href='https://unpkg.com/[email protected]/dist/leaflet.css' media="print" 81 onload="this.media='all'" crossorigin='' /> 82
82<script src="https://cdn.jsdelivr.net/npm/@ryangjchandler/[email protected]/dist/alpine-clipboard.js" defer> 83 </script>
83 84 85 <!-- Primary Meta Tags --> 86<meta name="title" content="Blogs & Guides - MySpeedPost"> 87<meta name="description" content="Free Speed Post tracking for India Post parcels. Enter your consignment number for live delivery status, every scan update and free WhatsApp alerts â no login needed."> 88<meta name="keywords" content="speedpost tracking, speed post tracking, india post tracking, post office tracking, post tracking, indian speed post tracking, speed post status, consignment tracking, india post speed post, package tracking india, postal tracking, speed post delivery status, india post consignment, track speed post online, india post parcel tracking, speed post live tracking, track my speed post"> 89<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> 90<meta name="author" content="MySpeedPost"> 91 92<!-- Canonical URL --> 93<link rel="canonical" href="https://myspeedpost.com/blog"> 94 95<!-- Language alternates --> 96<link rel="alternate" hreflang="en" href="https://myspeedpost.com/blog"> 97<link rel="alternate" hreflang="hi" href="https://myspeedpost.com/hi/blog"> 98<link rel="alternate" hreflang="x-default" href="https://myspeedpost.com/blog"> 99 100<!-- Resource hints for performance --> 101<link rel="dns-prefetch" href="//www.googletagmanager.com"> 102 103 104<!-- Favicon and Icons --> 105<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 106<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 107<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 108<link rel="manifest" href="/site.webmanifest"> 109 110<!-- Open Graph / Facebook --> 111<meta property="og:type" content="website"> 112<meta property="og:url" content="https://myspeedpost.com/blog"> 113<meta property="og:title" content="Blogs & Guides - MySpeedPost"> 114<meta property="og:description" content="Free Speed Post tracking for India Post parcels. Enter your consignment number for live delivery status, every scan update and free WhatsApp alerts â no login needed."> 115<meta property="og:image" content="https://cdn.myspeedpost.com/images/myspeedpost-og-2.png"> 116<meta property="og:image:type" content="image/png"> 117<meta property="og:image:width" content="1200"> 118<meta property="og:image:height" content="630"> 119<meta property="og:image:alt" content="MySpeedPost - Speed Post & India Post Tracking"> 120<meta property="og:site_name" content="MySpeedPost"> 121<meta property="og:locale" content="en_IN"> 122<meta property="og:locale:alternate" content="hi_IN"> 123 124<!-- Twitter --> 125<meta name="twitter:card" content="summary_large_image"> 126<meta name="twitter:url" content="https://myspeedpost.com/blog"> 127<meta name="twitter:title" content="Blogs & Guides - MySpeedPost"> 128<meta name="twitter:description" content="Free Speed Post tracking for India Post parcels. Enter your consignment number for live delivery status, every scan update and free WhatsApp alerts â no login needed."> 129<meta name="twitter:image" content="https://cdn.myspeedpost.com/images/myspeedpost-og-2.png"> 130<meta name="twitter:site" content="@my_speed_post"> 131<meta name="twitter:creator" content="@my_speed_post"> 132 133<!-- Additional SEO Meta Tags --> 134<meta name="theme-color" content="#1e40af"> 135<meta name="msapplication-TileColor" content="#1e40af"> 136<meta name="application-name" content="MySpeedPost"> 137<meta name="apple-mobile-web-app-title" content="MySpeedPost"> 138<meta name="apple-mobile-web-app-capable" content="yes"> 139<meta name="apple-mobile-web-app-status-bar-style" content="default"> 140<meta name="mobile-web-app-capable" content="yes"> 141 142 143 <!-- Organization --> 144
144<script type="application/ld+json"> 145 { 146 "@context": "https://schema.org", 147 "@type": "Organization", 148 "@id": "https://myspeedpost.com/#organization", 149 "name": "MySpeedPost", 150 "url": "https://myspeedpost.com/", 151 "logo": { 152 "@type": "ImageObject", 153 "url": "https://cdn.myspeedpost.com/images/icon-256.png" 154 }, 155 "email": "[email protected]", 156 "description": "MySpeedPost is an independent Speed Post tracking platform that helps users track India Post consignments, receive WhatsApp delivery notifications, and understand shipment status in real time.", 157 "sameAs": [ 158 "https://twitter.com/my_speed_post" 159 ], 160 "foundingLocation": { 161 "@type": "Country", 162 "name": "India" 163 }, 164 "about": { 165 "@type": "Thing", 166 "name": "India Post", 167 "sameAs": [ 168 "https://en.wikipedia.org/wiki/India_Post", 169 "https://www.indiapost.gov.in/" 170 ] 171 }, 172 "contactPoint": { 173 "@type": "ContactPoint", 174 "contactType": "customer service", 175 "availableLanguage": ["English", "Hindi"] 176 } 177 } 178 </script>
178 179 180 <!-- WebSite --> 181
181<script type="application/ld+json"> 182 { 183 "@context": "https://schema.org", 184 "@type": "WebSite", 185 "@id": "https://myspeedpost.com/#website", 186 "url": "https://myspeedpost.com/", 187 "name": "MySpeedPost", 188 "publisher": { "@id": "https://myspeedpost.com/#organization" }, 189 "description": "Track your India Post Speed Post consignments instantly. Get real-time delivery updates, transit status, and WhatsApp notifications for every scan on your shipment.", 190 "inLanguage": "en-IN", 191 "potentialAction": { 192 "@type": "SearchAction", 193 "target": "https://myspeedpost.com/s/{search_term_string}", 194 "query-input": "required name=search_term_string" 195 } 196 } 197 </script>
197 198 199 <!-- SoftwareApplication --> 200
200<script type="application/ld+json"> 201 { 202 "@context": "https://schema.org", 203 "@type": "SoftwareApplication", 204 "name": "MySpeedPost - Speed Post Tracking Tool", 205 "applicationCategory": "Utility", 206 "operatingSystem": "All", 207 "offers": { 208 "@type": "Offer", 209 "price": "0", 210 "priceCurrency": "INR" 211 }, 212 "description": "Track India Post Speed Post consignments with live updates and WhatsApp delivery alerts." 213 } 214 </script>
214 215 216 217<!-- WebPage -->
218<script type="application/ld+json"> 219{"@context":"https://schema.org","@type":"WebPage","url":"https://myspeedpost.com/blog","name":"Blogs & Guides - MySpeedPost","description":"Free Speed Post tracking for India Post parcels. Enter your consignment number for live delivery status, every scan update and free WhatsApp alerts â no login needed.","inLanguage":"en-IN","isPartOf":{"@id":"https://myspeedpost.com/#website"}} 220</script>
220 221 222 223<!-- Breadcrumb -->
224<script type="application/ld+json"> 225{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://myspeedpost.com"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://myspeedpost.com/blog"}]} 226</script>
226 227 228 <!-- Scripts --> 229 <link rel="preload" as="style" href="https://myspeedpost.com/build/assets/app-ef865648.css" /><link rel="modulepreload" as="script" href="https://myspeedpost.com/build/assets/app-0182f218.js" /><link rel="modulepreload" as="script" href="https://myspeedpost.com/build/assets/vendor-28bc18a3.js" /><link rel="stylesheet" href="https://myspeedpost.com/build/assets/app-ef865648.css" data-navigate-track="reload" />
229<script type="module" src="https://myspeedpost.com/build/assets/app-0182f218.js" data-navigate-track="reload"></script>
229 230 <!-- Styles --> 231 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style> 232 233 <div> 234 <!-- Google tag (gtag.js) -->
vendor: 72 bytes, lines 234-235
234 235 <script async src="https://www.googletagmanager.com/gtag/js?id=
235G-YSG6SCEVLW
vendor: 20 bytes, lines 235-236
235"></script> 236
236<script defer> 237
vendor: 196 bytes, lines 237-244
237window.dataLayer = window.dataLayer || []; 238 239 function gtag() { 240 dataLayer.push(arguments); 241 } 242 gtag('js', new Date()); 243 244 gtag('config', '
244G-YSG6SCEVLW
vendor: 12 bytes, lines 244-245
244'); 245
245</script>
245 246 <!-- Google tag (gtag.js) -->
vendor: 72 bytes, lines 246-247
246 247 <script async src="https://www.googletagmanager.com/gtag/js?id=
247AW-11367281867
vendor: 20 bytes, lines 247-248
247"></script> 248
248<script defer> 249
vendor: 196 bytes, lines 249-256
249window.dataLayer = window.dataLayer || []; 250 251 function gtag() { 252 dataLayer.push(arguments); 253 } 254 gtag('js', new Date()); 255 256 gtag('config', '
256AW-11367281867
vendor: 12 bytes, lines 256-257
256'); 257
257</script>
257 258 <!-- Event snippet for Page view conversion page --> 259
259<script defer> 260 gtag('event', 'conversion', { 261 'send_to': 'AW-11367281867/dLlrCMH8pOoYEMvpq6wq' 262 }); 263 </script>
263 264 265 266
266<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>
266 267 268 <!-- Clarity MS --> 269
269<script type="text/javascript" defer> 270 (function(c, l, a, r, i, t, y) { 271 c[a] = c[a] || function() { 272 (c[a].q = c[a].q || []).push(arguments) 273 }; 274 t = l.createElement(r); 275 t.async = 1; 276 t.src = "https://www.clarity.ms/tag/" + i; 277 y = l.getElementsByTagName(r)[0]; 278 y.parentNode.insertBefore(t, y); 279 })(window, document, "clarity", "script", "jaczjxhqky"); 280 </script>
280 281 282
282<script defer> 283 (function(w, d, t, r, u) { 284 var f, n, i; 285 w[u] = w[u] || [], f = function() { 286 var o = { 287 ti: "343120931", 288 enableAutoSpaTracking: true 289 }; 290 o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad") 291 }, n = d.createElement(t), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function() { 292 var s = this.readyState; 293 s && s !== "loaded" && s !== "complete" || (f(), n.onload = n.onreadystatechange = null) 294 }, i = d.getElementsByTagName(t)[0], i.parentNode.insertBefore(n, i) 295 })(window, document, "script", "//bat.bing.com/bat.js", "uetq"); 296 </script>
296 297 298 299 300 301 302
302<script> 303 window.$adManagementConfig = window.$adManagementConfig || {}; 304 window.$adManagementConfig.web = window.$adManagementConfig.web || {}; 305 let _mvWebModel = null; 306 Object.defineProperty(window.$adManagementConfig.web, 'model', { 307 get() { 308 return _mvWebModel; 309 }, 310 set(m) { 311 _mvWebModel = m; 312 if (_mvWebModel) { 313 _mvWebModel.sidebar_btf_stop_selector = 314 '.tracking-stop-target, footer:not(.entry-footer):not(.comment-meta):not(.mv-create-footer):not(.wprm-popup-modal__footer):not(.tasty-recipes-entry-footer):not(.entry-meta):not(.kt-blocks-post-footer)'; 315 } 316 }, 317 configurable: true, 318 enumerable: true 319 }); 320 321 // Collapse Mediavine Grow placeholder house ads when there is no fill, and restore on fill/refresh 322 (function() { 323 const HOUSE_AD_SELECTOR = '.grow-housead, a[href*="grow_house_ads"], a[href*="app.grow.me"]'; 324 325 function collapseHouseAds() { 326 const houseAds = document.querySelectorAll(HOUSE_AD_SELECTOR); 327 if (houseAds.length > 0) { 328 houseAds.forEach(function(el) { 329 el.style.setProperty('display', 'none', 'important'); 330 331 const box = el.closest('.mv-ad-box'); 332 if (box) { 333 box.style.setProperty('display', 'none', 'important'); 334 box.setAttribute('data-collapsed-housead', 'true'); 335 } 336 337 const stacked = el.closest('.sidebarBtfStacked'); 338 if (stacked) { 339 stacked.style.setProperty('display', 'none', 'important'); 340 } 341 342 const wrapper = el.closest('.adunitwrapper'); 343 if (wrapper) { 344 wrapper.style.setProperty('display', 'none', 'important'); 345 } 346 347 const wireIgnore = el.closest('div[wire\\:ignore]'); 348 if (wireIgnore && wireIgnore.querySelector('.mv_slot_target')) { 349 wireIgnore.style.setProperty('display', 'none', 'important'); 350 } 351 }); 352 } 353 354 // Restore slots if a real paid ad fills upon refresh 355 document.querySelectorAll('[data-collapsed-housead="true"]').forEach(function(box) { 356 if (!box.querySelector(HOUSE_AD_SELECTOR)) { 357 box.style.removeProperty('display'); 358 box.removeAttribute('data-collapsed-housead'); 359 const stacked = box.closest('.sidebarBtfStacked'); 360 if (stacked) stacked.style.removeProperty('display'); 361 const wrapper = box.querySelector('.adunitwrapper'); 362 if (wrapper) wrapper.style.removeProperty('display'); 363 const wireIgnore = box.closest('div[wire\\:ignore]'); 364 if (wireIgnore) wireIgnore.style.removeProperty('display'); 365 } 366 }); 367 } 368 369 if (document.readyState === 'loading') { 370 document.addEventListener('DOMContentLoaded', collapseHouseAds); 371 } else { 372 collapseHouseAds(); 373 } 374 375 const observer = new MutationObserver(collapseHouseAds); 376 observer.observe(document.documentElement, { 377 childList: true, 378 subtree: true 379 }); 380 })(); 381 </script>
381 382
382<script type="text/javascript" async="async" data-noptimize="1" data-cfasync="false" 383 src="//scripts.scriptwrapper.com/tags/8304d599-c0b8-4be3-ad33-e89c9c916060.js"></script>
383 384 385
385<script data-grow-initializer=""> 386 !(function() { 387 window.growMe || ((window.growMe = function(e) { 388 window.growMe._.push(e); 389 }), (window.growMe._ = [])); 390 var e = document.createElement("script"); 391 (e.type = "text/javascript"), (e.src = "https://faves.grow.me/main.js"), (e.defer = !0), e.setAttribute( 392 "data-grow-faves-site-id", "U2l0ZTo4MzA0ZDU5OS1jMGI4LTRiZTMtYWQzMy1lODljOWM5MTYwNjA="); 393 var t = document.getElementsByTagName("script")[0]; 394 t.parentNode.insertBefore(e, t); 395 })(); 396 </script>
396 397 398 399 400
400<script defer src="https://app.inmobi.com/web-sdk?publisherId=e5856af8b7c8427b8c9bb4f751d8b473" data-mode="auto" 401 data-container="inmobi-ad-container"></script>
401 402 403 404 405 <!-- self affilate network --> 406
406<script src="https://myspeedads.com/sdk/myspeedads.js" defer></script>
406 407 408 </div> 409</head> 410 411<body class="bg-slate-100 dark:bg-gray-900 h-full min-h-screen flex flex-col"> 412 <div x-data="{"show":true,"style":"success","message":null}" 413 :class="{ 'bg-indigo-500': style == 'success', 'bg-red-700': style == 'danger', 'bg-gray-500': style != 'success' && style != 'danger' }" 414 style="display: none;" x-show="show && message" x-on:banner-message.window=" 415 style = event.detail.style; 416 message = event.detail.message; 417 show = true; 418 "> 419 <div class="max-w-(--breakpoint-xl) mx-auto py-2 px-3 sm:px-6 lg:px-8"> 420 <div class="flex items-center justify-between flex-wrap"> 421 <div class="w-0 flex-1 flex items-center min-w-0"> 422 <span class="flex p-2 rounded-lg" 423 :class="{ 'bg-indigo-600': style == 'success', 'bg-red-600': style == 'danger' }"> 424 <svg x-show="style == 'success'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" 425 fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 426 <path stroke-linecap="round" stroke-linejoin="round" 427 d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> 428 </svg> 429 <svg x-show="style == 'danger'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" 430 fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 431 <path stroke-linecap="round" stroke-linejoin="round" 432 d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" /> 433 </svg> 434 <svg x-show="style != 'success' && style != 'danger'" class="h-5 w-5 text-white" 435 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 436 stroke="currentColor"> 437 <path stroke-linecap="round" stroke-linejoin="round" 438 d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" /> 439 </svg> 440 </span> 441 442 <p class="ml-3 font-medium text-sm text-white truncate" x-text="message"></p> 443 </div> 444 445 <div class="shrink-0 sm:ml-3"> 446 <button type="button" class="-mr-1 flex p-2 rounded-md focus:outline-hidden sm:-mr-2 transition" 447 :class="{ 'hover:bg-indigo-600 focus:bg-indigo-600': style == 'success', 'hover:bg-red-600 focus:bg-red-600': style == 'danger' }" 448 aria-label="Dismiss" x-on:click="show = false"> 449 <svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 450 stroke-width="1.5" stroke="currentColor"> 451 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 452 </svg> 453 </button> 454 </div> 455 </div> 456 </div> 457</div> 458 <div class="font-sans text-gray-900 dark:text-gray-100 antialiased"> 459 <!-- Page Heading --> 460 <header class="bg-base-100 dark:bg-gray-800 shadow-sm"> 461 <div class="max-w-5xl mx-auto py-0 px-4 sm:px-6 lg:px-8"> 462 <div class="navbar"> 463 <div class="navbar-start"> 464 <div class="dropdown"> 465 <label tabindex="0" class="btn btn-ghost lg:hidden"> 466 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" 467 stroke="currentColor"> 468 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /> 469 </svg> 470 </label> 471 <ul tabindex="0" 472 class="menu menu-sm dropdown-content mt-3 z-10 p-2 shadow-sm bg-base-100 rounded-box w-[calc(100vw-2rem)] max-w-none lg:w-64"> 473 <li>
473<a href="https://myspeedpost.com/speed-post-tracking" 474 >Track Speed Post 475 <svg xmlns="http://www.w3.org/2000/svg" class="ml-1 h-4 w-4" fill="none" viewBox="0 0 24 24" 476 stroke="#FF0000"> 477 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 478 d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> 479 </svg></a></li> 480 481 <li><a href="https://myspeedpost.com/pincode-search" 482 >Pincode Search</a> 483 </li> 484 <li><a href="https://myspeedpost.com/bulk-tracking" 485 >Bulk Tracking</a> 486 </li> 487 <li><a href="https://myspeedpost.com/blog" 488 class="nav-active" >Blogs</a></li> 489 <li><a href="https://forum.myspeedpost.com" target="_blank">Forum</a></li> 490 <li><a href="https://myspeedpost.com/redirect/crm" target="_blank">Raise Complaint</a></li> 491 492 493 </ul> 494 </div> 495 <a href="https://myspeedpost.com/dashboard"> 496 </a> 497 <img src="https://myspeedpost.com/images/icon-75.png" alt="myspeedpost.com" class="block h-10 w-auto" width="75" height="75" 498 loading="eager" fetchpriority="high" /> <a class="btn btn-ghost normal-case text-xl" href="https://myspeedpost.com">My Speed Post</a> 499 </div> 500 <div class="navbar-center hidden lg:flex"> 501 <ul class="menu menu-horizontal px-1"> 502 <li class="mx-1"><a href="https://myspeedpost.com/speed-post-tracking" 503 >Track Speed Post <svg 504 xmlns="http://www.w3.org/2000/svg" class="ml-1 h-4 w-4" fill="none" viewBox="0 0 24 24" 505 stroke="#FF0000"> 506 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 507 d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> 508 </svg></a></li> 509 510 <li class="mx-1"><a href="https://myspeedpost.com/pincode-search" 511 >Pincode Search</a></li> 512 <li class="mx-1"><a href="https://myspeedpost.com/bulk-tracking" 513 >Bulk Tracking</a> 514 </li> 515 <li class="mx-1"><a href="https://myspeedpost.com/blog" 516 class="nav-active" >Blog</a></li> 517 <li class="mx-1"><a href="https://forum.myspeedpost.com" target="_blank">Forum</a></li> 518 519 520 521 <div class="sm:flex sm:gap-4"> 522 523 </div> 524 </ul> 525 </div> 526 <div class="navbar-end"> 527 528 <div class="ml-auto"> 529 530 </div> 531 </div> 532</div> 533 </div> 534 </header> 535 536 </div> 537 <main class="grow p-2"> 538 <div class="flex justify-center gap-4 mx-auto w-full"> 539 <!-- Left Sidebar --> 540 <aside class="sidebar hidden xl:block w-[160px] 2xl:w-[300px] shrink-0" aria-label="Sponsored content"> 541 <div class="sticky top-4"> 542 </div> 543 </aside> 544 545 <!-- Main Content --> 546 <div class="w-full max-w-5xl min-w-0"> 547 <div class="max-w-5xl mx-auto py-8 px-4 sm:px-6 lg:px-8"> 548 549 <div class="text-center mb-12"> 550 <h1 class="text-4xl font-bold text-orange-600 mb-4">Blogs & Guides</h1> 551 <p class="text-gray-600 text-lg">All latest Government Updates, Jobs & Results and Expert Postal Guides in one place.</p> 552 </div> 553 554 <div class="flex flex-col lg:flex-row gap-8"> 555 556 <div class="w-full lg:w-2/3"> 557 <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> 558 <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden flex flex-col hover:shadow-md transition-shadow"> 559 <a href="https://myspeedpost.com/blog/everything-you
559-need-to-know-about-24-speed-post" class="block w-full h-48 overflow-hidden"> 560 <img src="https://storage.myspeedpost.com/blog-images/01KP81DSBKK2Z2BXT0REAA7GF4.png" alt="Everything You Need to Know About "24 SPEED POST"" class="w-full h-full object-cover transition-transform hover:scale-105 duration-300"> 561 </a> 562 563 <div class="p-6 flex-grow flex flex-col"> 564 565 <div class="flex flex-wrap gap-2 mb-3"> 566 <span class="px-2.5 py-1 bg-green-50 text-green-700 text-xs font-semibold rounded-full uppercase tracking-wide"> 567 24 Speed Post 568 </span> 569 <span class="px-2.5 py-1 bg-green-50 text-green-700 text-xs font-semibold rounded-full uppercase tracking-wide"> 570 Speed Post 571 </span> 572 </div> 573 574 <h2 class="text-xl font-bold text-gray-900 mb-2 leading-tight"> 575 <a href="https://myspeedpost.com/blog/everything-you-need-to-know-about-24-speed-post" class="hover:text-blue-600"> 576 Everything You Need to Know About "24 SPEED POST" 577 </a> 578 </h2> 579 580 <p class="text-gray-500 text-sm mb-4 flex-grow"> 581 14 Apr 2026 582 </p> 583 584 <a href="https://myspeedpost.com/blog/everything-you-need-to-know-about-24-speed-post" class="text-orange-500 font-semibold text-sm hover:text-orange-600 flex items-center"> 585 Read Article <span class="ml-1">â</span> 586 </a> 587 </div> 588 </div> 589 <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden flex flex-col hover:shadow-md transition-shadow"> 590 <a href="https://myspeedpost.com/blog/guide-to-sukanya-samriddhi-account-ssa-2026" class="block w-full h-48 overflow-hidden"> 591 <img src="https://storage.myspeedpost.com/blog-images/01KP6F50ZC3QKK3NY0GJ2K8JSF.png" alt="Secure Your Daughter's Future: A Complete Guide to Sukanya Samriddhi Account (SSA) 2026" class="w-full h-full object-cover transition-transform hover:scale-105 duration-300"> 592 </a> 593 594 <div class="p-6 flex-grow flex flex-col"> 595 596 <div class="flex flex-wrap gap-2 mb-3"> 597 <span class="px-2.5 py-1 bg-green-50 text-green-700 text-xs font-semibold rounded-full uppercase tracking-wide"> 598 Sukanya Samriddhi Account 599 </span> 600 <span class="px-2.5 py-1 bg-green-50 text-green-700 text-xs font-semibold rounded-full uppercase tracking-wide"> 601 Scheme 602 </span> 603 </div> 604 605 <h2 class="text-xl font-bold text-gray-900 mb-2 leading-tight"> 606 <a href="https://myspeedpost.com/blog/guide-to-sukanya-samriddhi-account-ssa-2026" class="hover:text-blue-600"> 607 Secure Your Daughter's Future: A Complete Guide to Sukanya Samriddhi Account (SSA) 2026 608 </a> 609 </h2> 610 611 <p class="text-gray-500 text-sm mb-4 flex-grow"> 612 12 Apr 2026 613 </p> 614 615 <a href="https://myspeedpost.com/blog/guide-to-sukanya-samriddhi-account-ssa-2026" class="text-orange-500 font-semibold text-sm hover:text-orange-600 flex items-center"> 616 Read Article <span class="ml-1">â</span> 617 </a> 618 </div> 619 </div> 620 </div> 621 622 623 <div class="mt-8"> 624 625 </div> 626 </div> 627 628 629 <div class="sidebar w-full lg:w-1/3 space-y-8"> 630 631 632 <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-6"> 633 <h3 class="text-lg font-bold text-gray-900 mb-4 flex items-center">
634 <span class="mr-2 text-yellow-400">â¨</span> Latest Posts 635 </h3> 636 <div class="space-y-4"> 637 <div class="flex gap-4 group"> 638 <a href="https://myspeedpost.com/blog/everything-you-need-to-know-about-24-speed-post" class="flex-shrink-0"> 639 <img src="https://storage.myspeedpost.com/blog-images/01KP81DSBKK2Z2BXT0REAA7GF4.png" alt="Everything You Need to Know About "24 SPEED POST"" class="w-20 h-14 rounded-lg object-cover"> 640 </a> 641 <div> 642 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-blue-600 line-clamp-2 leading-snug"> 643 <a href="https://myspeedpost.com/blog/everything-you-need-to-know-about-24-speed-post"> 644 Everything You Need to Know About "24 SPEED POST" 645 </a> 646 </h4> 647 <p class="text-xs text-gray-500 mt-1">14 Apr 2026</p> 648 </div> 649 </div> 650 <div class="flex gap-4 group"> 651 <a href="https://myspeedpost.com/blog/guide-to-sukanya-samriddhi-account-ssa-2026" class="flex-shrink-0"> 652 <img src="https://storage.myspeedpost.com/blog-images/01KP6F50ZC3QKK3NY0GJ2K8JSF.png" alt="Secure Your Daughter's Future: A Complete Guide to Sukanya Samriddhi Account (SSA) 2026" class="w-20 h-14 rounded-lg object-cover"> 653 </a> 654 <div> 655 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-blue-600 line-clamp-2 leading-snug"> 656 <a href="https://myspeedpost.com/blog/guide-to-sukanya-samriddhi-account-ssa-2026"> 657 Secure Your Daughter's Future: A Complete Guide to Sukanya Samriddhi Account (SSA) 2026 658 </a> 659 </h4> 660 <p class="text-xs text-gray-500 mt-1">12 Apr 2026</p> 661 </div> 662 </div> 663 </div> 664 </div> 665 666 667 668 669 </div> 670 </div> 671 </div> 672 </div> 673 674 <!-- Right Sidebar --> 675 <aside class="sidebar hidden xl:block w-[160px] 2xl:w-[300px] shrink-0" aria-label="Sponsored content"> 676 <div class="sticky top-4"> 677 </div> 678 </aside> 679 </div> 680 681 <!-- Blade Template --> 682<div wire:snapshot="{"data":[],"memo":{"id":"jR9JrTmQKiDozCOCAEXQ","name":"notfound-dialog","path":"blog","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"762ea02372c84114e4b92d2cb2c1072af4303e3bd5b171e74df8326cdede7eca"}" wire:effects="{"partials":[]}" wire:id="jR9JrTmQKiDozCOCAEXQ" id="consignment_register_dialog_parent"> 683 <div x-persist="notfound-dialog"> 684 <dialog id="consignment_register_dialog_container" class="modal modal-bottom sm:modal-middle"> 685 <div class="modal-box bg-white dark:bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm mx-auto"> 686 <div class="text-center mb-6"> 687 <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4"> 688 <svg class="w-8 h-8 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 689 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 690 d="M20 7.5L12 3L4 7.5M20 7.5V16.5L12 21M20 7.5L12 12M12 12L4 7.5M12 12V21M4 7.5V16.5L12 21"> 691 </path> 692 </svg> 693 </div> 694 <h3 class="text-xl font-bold text-gray-800 dark:text-gray-100 mb-2">
695 <span id="consignment_number_holder"></span> could not be found 696 </h3> 697 698 <p class="text-gray-600 dark:text-gray-300"> 699 It may take up to 24 hours for the tracking information to be updated. Get instant notifications when your consignment status changes. 700 </p> 701 </div> 702 <div class="bg-blue-100 dark:bg-blue-900 rounded-lg p-4 mb-6"> 703 <p class="text-lg font-semibold text-blue-600 dark:text-blue-300 mb-4"> 704 Register Now to get:</p> 705 <ul class="text-gray-600 dark:text-gray-300 mt-4"> 706 <li class="flex items-center mb-2"><svg class="w-4 h-4 mr-2 text-green-500" fill="none" 707 stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 708 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"> 709 </path> 710 </svg>Live Tracking for 24 Hours</li> 711 <li class="flex items-center mb-2"><svg class="w-4 h-4 mr-2 text-green-500" fill="none" 712 stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 713 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"> 714 </path> 715 </svg>Email Alerts</li> 716 <li class="flex items-center mb-2"><svg class="w-4 h-4 mr-2 text-green-500" fill="none" 717 stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 718 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"> 719 </path> 720 </svg>Unlimited Consignment Tracking</li> 721 <li class="flex items-center mb-2"><svg class="w-4 h-4 mr-2 text-green-500" fill="none" 722 stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 723 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"> 724 </path> 725 </svg>Live Tracking Status Updates</li> 726 <li class="flex items-center mb-2"><svg class="w-4 h-4 mr-2 text-green-500" fill="none" 727 stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 728 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"> 729 </path> 730 </svg>Push Notifications</li> 731 <li class="flex items-center mb-2"><svg class="w-4 h-4 mr-2 text-green-500" fill="none" 732 stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 733 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"> 734 </path> 735 </svg>Background Notifications</li> 736 </ul> 737 </div> 738 <div class="flex justify-center gap-2"> 739 <form method="dialog"> 740 <button 741 class="bg-gray-200 hover:bg-gray-300 dark:bg-gray-600 dark:hover:bg-gray-500 text-gray-800 dark:text-gray-200 font-bold py-2 px-8 rounded-sm focus:outline-hidden focus:shadow-outline" 742 wire:click="skip"> 743 Later 744 </button> 745 </form> 746 <form method="dialog"> 747 <button 748 class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-8 rounded-sm focus:outline-hidden focu
748s:shadow-outline" 749 wire:click="registerNow" wire:loading.attr="disabled" wire:loading.class.remove="bg-blue-600"> 750 Register Now 751 </button> 752 </form> 753 </div> 754 </div> 755 <form method="dialog" class="modal-backdrop"> 756 <button>close</button> 757 </form> 758 </dialog> 759 </div> 760</div> <div wire:snapshot="{"data":{"email":null,"phone":null,"consignmentNumber":null,"consignmentNotFound":false,"subscribedEmails":"","latestStatus":"In Transit \ud83d\ude9a","latestLocation":"Local Post Office, Mumbai","lastUpdated":"10:42 AM","activeChannel":"whatsapp"},"memo":{"id":"2sEfK2XOF65U9yxHThKM","name":"consignment-subscription","path":"blog","method":"GET","children":[],"scripts":["1566727944-0"],"assets":[],"errors":[],"locale":"en"},"checksum":"bd2b5bc19f54c3af9361169c9908a64e2a3c44c1421404dd7a6e67232ae91268"}" wire:effects="{"partials":[],"scripts":{"1566727944-0":" <script>\n $wire.on('consignment_subscription_saved', (event) => {\n const dialog = document.getElementById('consignment_subscription_dialog_container');\n if (dialog && typeof dialog.close === 'function') {\n dialog.close();\n }\n\n const type = (event && event.type) ? event.type : 'email';\n window.dispatchEvent(new CustomEvent('consignment-subscription-confirmed', {\n detail: {\n type\n }\n }));\n\n setTimeout(() => {\n const confirmDialog = document.getElementById('subscription_confirmation_dialog_container');\n if (confirmDialog && typeof confirmDialog.showModal === 'function') {\n confirmDialog.showModal();\n }\n }, 300);\n });\n <\/script>\n "},"listeners":["set_consignment_number","consignment_not_found"]}" wire:id="2sEfK2XOF65U9yxHThKM" id="consignment_subscription_dialog_parent" wire:ignore.self> 761 <dialog id="consignment_subscription_dialog_container" class="modal modal-bottom sm:modal-middle" wire:ignore.self> 762 <div id="consignment_modal_box" tabindex="-1" x-data="{ 763 mode: window.Livewire.find('2sEfK2XOF65U9yxHThKM').entangle('activeChannel') || 'whatsapp', 764 isSubscribingPush: false, 765 pushError: null, 766 isIOS: false, 767 isStandalone: false, 768 pushSupported: true, 769 permission: 'default', 770 init() { 771 this.isIOS = (/iPad|iPhone|iPod/.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) && !window.MSStream; 772 this.isStandalone = window.navigator.standalone === true || window.matchMedia('(display-mode: standalone)').matches; 773 this.pushSupported = 'serviceWorker' in navigator && 'PushManager' in window && 'Notification' in window; 774 if ('Notification' in window) { 775 this.permission = Notification.permission; 776 } 777 }, 778 urlBase64ToUint8Array(base64String) { 779 const padding = '='.repeat((4 - (base64String.length % 4)) % 4); 780 const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/'); 781 const rawData = atob(base64); 782 return Uint8Array.from([...rawData].map((c) => c.charCodeAt(0))); 783 }, 784 async subscribeWebPush() { 785 this.pushError = null; 786 if (this.isIOS && !this.isStandalone) { 787 this.pushError = 'On iPhone/iPad, please add MySpeedPost to your Home Screen first to enable Web Push notifications.'; 788 return; 789 } 790 if (!this.pushSupported) { 791 this.pushError = 'Web Push notifications are not supported by this browser.'; 792 return; 793 } 794 this.isSubscribingPush = true; 795 try { 796 const permission = await Notification.requestPermission(); 797 this.permission = permission; 798 if (permission !== 'granted') { 799 this.pushError = 'Notification permission was denied. Please enable notifications in your browser settings.'; 800 this.isSubscribingPush = false;
801 return; 802 } 803 await navigator.serviceWorker.register('/sw.js'); 804 const registration = await navigator.serviceWorker.ready; 805 const vapidKey = document.querySelector('meta[name=\'vapid-public-key\']')?.content || 'BHh3zdhO00ctlnPq_HWhewzgAAenQ70mi1WhQ5LNdOVfzGpRWG0uYwTAxK9KmdTmD24OnSAbrTyjYOyPS396aWQ'; 806 if (!vapidKey) { 807 throw new Error('VAPID public key not found.'); 808 } 809 let subscription = await registration.pushManager.getSubscription(); 810 if (!subscription) { 811 subscription = await registration.pushManager.subscribe({ 812 userVisibleOnly: true, 813 applicationServerKey: this.urlBase64ToUint8Array(vapidKey), 814 }); 815 } 816 const json = subscription.toJSON(); 817 const contentEncoding = (window.PushManager?.supportedContentEncodings || ['aes128gcm'])[0]; 818 await $wire.saveWebPushSubscription({ 819 endpoint: json.endpoint, 820 key: json.keys?.p256dh, 821 token: json.keys?.auth, 822 encoding: contentEncoding, 823 }); 824 } catch (err) { 825 console.error('Web Push subscription error:', err); 826 this.pushError = err.message || 'Failed to enable Web Push notifications. Please try again.'; 827 } finally { 828 this.isSubscribingPush = false; 829 } 830 } 831 }" 832 @set-subscription-mode.window="mode = $event.detail.mode" 833 class="modal-box bg-white dark:bg-slate-900 border border-slate-200 dark:border-white/10 rounded-2xl shadow-xl p-4 sm:p-6 max-w-sm sm:max-w-lg mx-auto relative overflow-visible"> 834 835 <button type="button" @click="consignment_subscription_dialog_container.close()" 836 class="absolute right-4 top-4 text-slate-400 hover:text-slate-600 dark:text-slate-500 dark:hover:text-slate-300 transition-colors focus:outline-none"> 837 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" 838 stroke="currentColor"> 839 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12" /> 840 </svg> 841 </button> 842 843 <div class="text-center mb-4 sm:mb-6"> 844 <div 845 class="w-12 h-12 sm:w-16 sm:h-16 bg-amber-50 dark:bg-amber-950/30 rounded-full flex items-center justify-center mx-auto mb-3 sm:mb-4 border border-amber-100 dark:border-amber-900/50"> 846 <svg class="w-6 h-6 sm:w-8 sm:h-8 text-amber-500" fill="none" stroke="currentColor"
847 viewBox="0 0 24 24"> 848 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" 849 d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"> 850 </path> 851 </svg> 852 </div> 853 <h3 class="text-base sm:text-lg font-bold text-slate-900 dark:text-white mb-1.5 sm:mb-2"> 854 Get Live Tracking Updates 855 </h3> 856 <p class="text-xs text-slate-600 dark:text-slate-300"> 857 Get free instant alerts whenever your consignment <span 858 class="font-mono font-semibold"></span> moves. 859 </p> 860 </div> 861 862 863 864 <div class="mb-3 sm:mb-4 border-b border-slate-100 dark:border-white/5"> 865 <nav class="-mb-px flex space-x-2.5 sm:space-x-4 overflow-x-auto pb-1" aria-label="Tabs"> 866 <button type="button" @click="mode = 'whatsapp'" 867 :class="mode === 'whatsapp' ? 868 'border-emerald-500 text-emerald-600 dark:text-emerald-400' : 869 'border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300 dark:text-slate-400 dark:hover:text-slate-300'" 870 class="whitespace-nowrap pb-2 px-1 border-b-2 font-semibold text-xs transition-all focus:outline-none flex items-center gap-1.5"> 871 <img src="https://myspeedpost.com/images/svg/whatsapp2.svg" alt="WhatsApp" 872 class="w-4 h-4 object-contain inline-block shrink-0" /> 873 <span>WhatsApp</span> 874 </button> 875 876 <button type="button" @click="mode = 'web_push'" 877 :class="mode === 'web_push' ? 878 'border-amber-500 text-amber-600 dark:text-amber-400' : 879 'border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300 dark:text-slate-400 dark:hover:text-slate-300'" 880 class="whitespace-nowrap pb-2 px-1 border-b-2 font-semibold text-xs transition-all focus:outline-none flex items-center gap-1.5"> 881 <span>ð</span> 882 <span>Push</span> 883 </button> 884 885 <button type="button" @click="mode = 'telegram'" 886 :class="mode === 'telegram' ? 887 'border-sky-500 text-sky-600 dark:text-sky-400' : 888 'border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300 dark:text-slate-400 dark:hover:text-slate-300'" 889 class="whitespace-nowrap pb-2 px-1 border-b-2 font-semibold text-xs transition-all focus:outline-none flex items-center gap-1.5"> 890 <img src="https://myspeedpost.com/images/telegram-128.webp" alt="Telegram" 891 class="w-4 h-4 object-contain inline-block shrink-0" /> 892 <span>Telegram</span> 893 </button> 894 895 <button type="button" @click="mode = 'email'" 896 :class="mode === 'email' ? 897 'border-blue-500 text-blue-600 dark:text-blue-400' : 898 'border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300 dark:text-slate-400 dark:hover:text-slate-300'" 899 class="whitespace-nowrap pb-2 px-1 border-b-2 font-semibold text-xs transition-all focus:outline-none flex items-center gap-1.5">
900 <span>âï¸</span> 901 <span>Email</span> 902 </button> 903 </nav> 904 </div> 905 906 <div> 907 <form wire:submit.prevent="saveSubscription" class="space-y-4"> 908 909 910 <div x-show="mode === 'web_push'" class="space-y-3"> 911 912 913 914 915 <div x-show="isIOS && !isStandalone" 916 class="bg-sky-50 dark:bg-sky-950/30 border border-sky-200/80 dark:border-sky-900/50 rounded-xl p-3 text-left space-y-1.5" 917 x-cloak> 918 <div 919 class="flex items-center gap-2 text-sky-800 dark:text-sky-300 font-semibold text-xs"> 920 <svg class="w-4 h-4 text-sky-600 dark:text-sky-400 shrink-0" fill="none" 921 stroke="currentColor" viewBox="0 0 24 24"> 922 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 923 d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"> 924 </path> 925 </svg> 926 <span>iPhone / iPad Setup Required</span> 927 </div> 928 <p class="text-[11px] text-slate-600 dark:text-slate-300 leading-relaxed"> 929 Apple iOS requires adding to Home Screen to receive Web Push alerts: 930 </p> 931 <ol class="text-[11px] text-slate-600 dark:text-slate-300 space-y-1 pl-4 list-decimal"> 932 <li>Tap the Safari <strong>Share</strong> button</li> 933 <li>Select <strong>Add to Home Screen</strong> â</li> 934 <li>Open MySpeedPost from Home Screen to enable alerts</li> 935 </ol> 936 </div> 937 938 939 <div x-show="permission === 'denied'" 940 class="bg-rose-50 dark:bg-rose-950/30 border border-rose-200/80 dark:border-rose-900/50 rounded-xl p-3 text-xs text-rose-700 dark:text-rose-300 text-left" 941 x-cloak> 942 â ï¸ Notifications are blocked in your browser settings. Please allow notifications in 943 your 944 browser address bar to receive live updates. 945 </div> 946 947 <div x-show="pushError" class="text-xs text-rose-500 dark:text-rose-300 text-center" 948 x-text="pushError" x-cloak></div> 949 950 <p class="text-xs text-slate-600 dark:text-slate-300 text-center"> 951 Receive instant alerts directly in your browser even when this tab is closed. 952 </p> 953 </div> 954 955 956 <div x-show="mode === 'whatsapp'" class="space-y-3"> 957 958 959 <p class="text-xs text-slate-600 dark:text-slate-300 text-center"> 960 We will send live status alerts to your WhatsApp account. Click below to start chatting 961 with our bot. 962 </p> 963 </div> 964 965 966 <div x-show="mode === 'telegram'" class="space-y-3"> 967 968 969 <p class="text-xs text-slate-600 dar
969k:text-slate-300 text-center"> 970 We will send live status alerts to your Telegram account. Click below to start chatting 971 with our bot. 972 </p> 973 </div> 974 975 976 <div x-show="mode === 'email'" class="space-y-3"> 977 <div> 978 <label for="email" 979 class="block text-xs font-semibold uppercase tracking-wider text-slate-500 dark:text-slate-400 mb-1.5">Email 980 Address</label> 981 <input type="email" id="email" wire:model="email" data-bwignore 982 data-1password-ignore="true" autocomplete="off" 983 class="w-full rounded-xl border border-slate-200 bg-white px-3 sm:px-4 py-2 sm:py-2.5 text-sm text-slate-900 outline-none transition focus:border-blue-500 focus:ring-2 focus:ring-blue-500/40 dark:border-white/10 dark:bg-slate-950/80 dark:text-slate-100" 984 placeholder="[email protected]"> 985 </div> 986 </div> 987 988 989 <div 990 class="bg-amber-50 dark:bg-amber-950/30 rounded-xl p-2.5 sm:p-3 border border-amber-100/50 dark:border-amber-900/40"> 991 <p class="text-[11px] font-semibold text-amber-700 dark:text-amber-300">You will receive alerts 992 for:</p> 993 <ul class="text-[11px] text-slate-600 dark:text-slate-300 mt-1.5 space-y-1"> 994 <li class="flex items-center"> 995 <svg class="w-3.5 h-3.5 mr-1.5 text-emerald-500" fill="none" stroke="currentColor"
996 viewBox="0 0 24 24"> 997 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" 998 d="M5 13l4 4L19 7"></path> 999 </svg> 1000 Booked & item dispatched status updates 1001 </li> 1002 <li class="flex items-center"> 1003 <svg class="w-3.5 h-3.5 mr-1.5 text-emerald-500" fill="none" stroke="currentColor" 1004 viewBox="0 0 24 24"> 1005 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" 1006 d="M5 13l4 4L19 7"></path> 1007 </svg> 1008 Live Speed Post transit & sorting hub milestones 1009 </li> 1010 <li class="flex items-center"> 1011 <svg class="w-3.5 h-3.5 mr-1.5 text-emerald-500" fill="none" stroke="currentColor"
1012 viewBox="0 0 24 24"> 1013 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" 1014 d="M5 13l4 4L19 7"></path> 1015 </svg> 1016 Final out-for-delivery & delivery confirmation 1017 </li> 1018 </ul> 1019 </div> 1020 1021 1022 1023 <div class="flex flex-col sm:flex-row-reverse gap-2 sm:gap-3 pt-1.5 sm:pt-2"> 1024 1025 <a href="https://t.me/myspeedpost_bot?start=" target="_blank" rel="noopener noreferrer" 1026 x-show="mode === 'telegram'" 1027 @click="consignment_subscription_dialog_container.close();" 1028 class="w-full sm:flex-1 bg-[#229ED9] hover:bg-[#1E88E5] text-white font-semibold py-2 sm:py-2.5 px-4 rounded-xl flex items-center justify-center gap-2 transition focus:outline-none focus:ring-2 focus:ring-[#229ED9]/50"> 1029 <img src="https://myspeedpost.com/images/telegram-128.webp" alt="Telegram" 1030 class="w-5 h-5 object-contain" /> 1031 <span>Get Updates on Telegram</span> 1032 </a> 1033 1034 1035 <a href="https://wa.me/918147160707?text=%2Ftrack+" target="_blank" rel="noopener noreferrer" 1036 x-show="mode === 'whatsapp'" 1037 @click="consignment_subscription_dialog_container.close();" 1038 class="w-full sm:flex-1 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold py-2 sm:py-2.5 px-4 rounded-xl flex items-center justify-center gap-2 transition focus:outline-none focus:ring-2 focus:ring-emerald-500/50"> 1039 <img src="https://myspeedpost.com/images/svg/whatsapp2.svg" alt="WhatsApp" 1040 class="w-5 h-5 object-contain" /> 1041 <span>Get Updates on WhatsApp</span> 1042 </a> 1043 1044 1045 <button type="button" @click="subscribeWebPush()" x-show="mode === 'web_push'" 1046 :disabled="isSubscribingPush" 1047 class="w-full sm:flex-1 bg-gradient-to-r from-yellow-400 via-amber-300 to-yellow-500 hover:scale-[1.01] hover:shadow-md text-slate-950 font-bold py-2 sm:py-2.5 px-6 rounded-xl transition focus:outline-none disabled:opacity-75 disabled:cursor-not-allowed"> 1048 <span x-show="!isSubscribingPush"> 1049 <span class="bell-swing">ð</span> Get Live Updates 1050 </span> 1051 <span x-show="isSubscribingPush" class="flex items-center justify-center gap-2" 1052 x-cloak> 1053 <svg class="animate-spin h-4 w-4 text-slate-950" fill="none"
1054 viewBox="0 0 24 24"> 1055 <circle class="opacity-25" cx="12" cy="12" r="10" 1056 stroke="currentColor" stroke-width="4"></circle> 1057 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"> 1058 </path> 1059 </svg> 1060 Enabling Push... 1061 </span> 1062 </button> 1063 1064 1065 <button type="submit" autofocus x-show="mode === 'email'" 1066 class="w-full sm:flex-1 bg-gradient-to-r from-yellow-400 via-amber-300 to-yellow-500 hover:scale-[1.01] hover:shadow-md text-slate-950 font-bold py-2 sm:py-2.5 px-6 rounded-xl transition focus:outline-none disabled:opacity-75 disabled:cursor-not-allowed"> 1067 <span> 1068 <span class="bell-swing">ð</span> Get Live Updates 1069 </span> 1070 </button> 1071 1072 <button type="button" 1073 @click="consignment_subscription_dialog_container.close(); $wire.skip('', '')" 1074 class="w-full sm:w-auto bg-slate-100 hover:bg-slate-200 dark:bg-slate-800 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-200 font-bold py-2 sm:py-2.5 px-5 rounded-xl transition focus:outline-none"> 1075 Skip 1076 </button> 1077 </div> 1078 </form> 1079 </div> 1080 </div> 1081 <form method="dialog" class="modal-backdrop"> 1082 <button>close</button> 1083 </form> 1084 </dialog> 1085 1086 <dialog id="subscription_confirmation_dialog_container" class="modal modal-bottom sm:modal-middle" 1087 wire:ignore.self x-data="{ confirmedType: 'email' }" 1088 @consignment-subscription-confirmed.window="confirmedType = $event.detail.type || 'email'"> 1089 <div 1090 class="modal-box bg-white dark:bg-slate-900 border border-slate-200 dark:border-white/10 rounded-2xl shadow-xl p-4 sm:p-6 max-w-sm sm:max-w-md mx-auto"> 1091 <div class="text-center mb-4 sm:mb-6"> 1092 <div 1093 class="w-12 h-12 sm:w-16 sm:h-16 bg-emerald-50 dark:bg-emerald-950/30 rounded-full flex items-center justify-center mx-auto mb-3 sm:mb-4 border border-emerald-100 dark:border-emerald-900/50"> 1094 <svg class="w-6 h-6 sm:w-8 sm:h-8 text-emerald-500" fill="none" stroke="currentColor"
1095 viewBox="0 0 24 24"> 1096 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"> 1097 </path> 1098 </svg> 1099 </div> 1100 <h3 class="text-base sm:text-lg font-bold text-slate-900 dark:text-white mb-1.5 sm:mb-2"> 1101 Subscription Successful! 1102 </h3> 1103 <p class="text-xs text-slate-600 dark:text-slate-300" x-show="confirmedType === 'web_push'"> 1104 You will now receive notifications in this browser whenever your consignment status changes. 1105 </p> 1106 <p class="text-xs text-slate-600 dark:text-slate-300" x-show="confirmedType !== 'web_push'"> 1107 You will now receive notifications about your consignment status changes. 1108 </p> 1109 </div> 1110 1111 <div 1112 class="bg-blue-50 dark:bg-blue-900/30 border border-blue-100 dark:border-blue-900/50 rounded-xl p-3 sm:p-4 mb-4 sm:mb-6"> 1113 <p class="text-xs text-blue-700 dark:text-blue-300 font-semibold mb-2">What's next? 1114 </p> 1115 <ul class="text-xs text-slate-600 dark:text-slate-300 space-y-1.5"> 1116 <li class="flex items-center" x-show="confirmedType !== 'web_push'"> 1117 <svg class="w-4 h-4 mr-2 text-blue-500 shrink-0" fill="none" stroke="currentColor"
1118 viewBox="0 0 24 24"> 1119 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1120 d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"> 1121 </path> 1122 </svg> 1123 <span>Check your email for a confirmation</span> 1124 </li> 1125 <li class="flex items-center" x-show="confirmedType === 'web_push'"> 1126 <span class="mr-2">ð</span> 1127 <span>Live updates will appear right in your browser</span> 1128 </li> 1129 <li class="flex items-center"> 1130 <svg class="w-4 h-4 mr-2 text-blue-500 shrink-0" fill="none" stroke="currentColor" 1131 viewBox="0 0 24 24"> 1132 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1133 d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"> 1134 </path> 1135 </svg> 1136 <span>We'll notify you of any status changes</span> 1137 </li> 1138 </ul> 1139 </div> 1140 1141 <div class="flex justify-center"> 1142 <button type="button" @click="subscription_confirmation_dialog_container.close()" 1143 class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-2.5 px-8 rounded-xl transition focus:outline-none"> 1144 Close 1145 </button> 1146 </div> 1147 </div> 1148 <form method="dialog" class="modal-backdrop"> 1149 <button>close</button> 1150 </form> 1151 </dialog> 1152</div> 1153 1154 <div wire:snapshot="{"data":[],"memo":{"id":"HMEO9cCEy871yk6VDVOo","name":"consignment-subscription-active-dialog","path":"blog","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"c974b0b7c4b827c9d03129d6a79e3bf572ff6263ac885ff502982ad492f7763d"}" wire:effects="{"partials":[]}" wire:id="HMEO9cCEy871yk6VDVOo" id="subscription_activated_dialog_parent"> 1155 <div x-persist="subscription_activated_dialog"> 1156 <dialog id="subscription_activated_dialog_container" class="modal modal-bottom sm:modal-middle"> 1157 <div class="modal-box bg-white dark:bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm mx-auto"> 1158 <div class="text-center mb-6"> 1159 <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4"> 1160 <svg class="w-8 h-8 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1161 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> 1162 </svg> 1163 </div> 1164 <h3 class="text-xl font-bold text-gray-800 dark:text-gray-100 mb-2"> 1165 Subscription Activated!</h3> 1166 <p class="text-gray-600 dark:text-gray-300">You will now receive notifications for your consignment</p> 1167 </div> 1168 1169 <div class="bg-blue-100 dark:bg-blue-900 rounded-lg p-4 mb-6"> 1170 <p class="text-lg font-semibold text-blue-600 dark:text-blue-300 mb-4"> 1171 Your Subscription Benefits:</p> 1172 <ul class="text-gray-600 dark:text-gray-300"> 1173 <li class="flex items-center mb-2"> 1174 <svg class="w-4 h-4 mr-2 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1175 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"> 1176 </path> 1177 </svg> 1178 Live status updates 1179 </li> 1180 <li class="flex items-center mb-2"> 1181 <svg class="w-4 h-4 mr-2 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1182 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"> 1183 </path> 1184 </svg> 1185 Delivery notifications 1186 </li> 1187 <li class="flex items-center mb-2"> 1188 <svg class="w-4 h-4 mr-2 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1189 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"> 1190 </path> 1191 </svg> 1192 Exception alerts 1193 </li> 1194 <li class="flex items-center"> 1195 <svg class="w-4 h-4 mr-2 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1196 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"> 1197 </path> 1198 </svg> 1199 Email and SMS notifications 1200 </li> 1201 </ul> 1202 </div> 1203 1204 <div class="flex justify-center"> 1205 <form method="dialog"> 1206 <button 1207 class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-8 rounded-sm focus:outline-hidden focu
1207s:shadow-outline"> 1208 Continue Tracking 1209 </button> 1210 </form> 1211 </div> 1212 </div> 1213 <form method="dialog" class="modal-backdrop"> 1214 <button>close</button> 1215 </form> 1216 </dialog> 1217 </div> 1218</div> </main> 1219 1220 <footer 1221 class="flex flex-col items-center gap-6 p-10 bg-base-200 text-base-content rounded-lg text-center dark:bg-gray-800 dark:text-gray-200"> 1222 1223 1224 1225 <nav class="flex flex-wrap justify-center -mx-5 -my-2"> 1226 <div class="px-5 py-2"> 1227 <a href="https://myspeedpost.com/speed-post-tracking" 1228 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1229 Speed Post Tracking 1230 </a> 1231 </div> 1232 <div class="px-5 py-2"> 1233 <a href="https://myspeedpost.com/track-pan-card-speedpost" 1234 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1235 PAN Card Tracking 1236 </a> 1237 </div> 1238 <div class="px-5 py-2"> 1239 <a href="https://myspeedpost.com/track-ems-speedpost" 1240 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1241 EMS Tracking 1242 </a> 1243 </div> 1244 <div class="px-5 py-2"> 1245 <a href="https://myspeedpost.com/track-passport-speedpost" 1246 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1247 Passport Tracking 1248 </a> 1249 </div> 1250 <div class="px-5 py-2"> 1251 <a href="https://myspeedpost.com/bulk-tracking" 1252 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1253 Bulk Tracking 1254 </a> 1255 </div> 1256 <div class="px-5 py-2"> 1257 <a href="https://myspeedpost.com/pincode-search" 1258 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1259 Pincode Search 1260 </a> 1261 </div> 1262 <div class="px-5 py-2"> 1263 <a href="https://myspeedpost.com/faq" 1264 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1265 FAQ 1266 </a> 1267 </div> 1268 <div class="px-5 py-2"> 1269 <a href="https://myspeedpost.com/about-india-post" 1270 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1271 About India Post 1272 </a> 1273 </div> 1274 <div class="px-5 py-2"> 1275 <a href="https://myspeedpost.com/about-myspeedpost" 1276 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1277 About MySpeedPost 1278 </a> 1279 </div> 1280 <div class="px-5 py-2"> 1281 <a href="https://myspeedpost.com/contact" 1282 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1283 Contact 1284 </a> 1285 </div> 1286 <div class="px-5 py-2"> 1287 <a href="https://rapidapi.com/dream-api-dev/api/speedpost-tracking-api-for-india-post/?ref=myspeedpost.com" 1288 target="_blank" 1289 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1290 API 1291 </a> 1292 </div> 1293 <div class="px-5 py-2"> 1294 <a href="https://myspeedpost.com/privacy-policy" 1295 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1296 Privacy Policy 1297 </a> 1298 </div> 1299 <div class="px-5 py-2"> 1300 <a href="https://myspeedpost.com/terms-of-service" 1301 class="text-base leading-6 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"> 1302 Terms of Service 1303 </a> 1304 </div> 1305 <div class="px-5 py-2"> 1306 <div google-add-preferred-source-btn></div> 1307 </div> 1308 <div class="relative inline-block" x-data="{ open: false }" wire:ignore> 1309 <button @click="open = !open" @click.away="open = false" 1310 class="inline-flex items-center gap-1 px-2 py-1 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 rounded-md transition-colors">
1311 <span>ð¤</span> 1312 <span class="inline">English</span> 1313 <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1314 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 1315 </svg> 1316 </button> 1317 <div x-show="open" x-transition 1318 class="absolute right-0 mt-1 w-32 bg-white dark:bg-gray-800 rounded-md shadow-lg ring-1 ring-black/5 z-50"> 1319 <a href="https://myspeedpost.com/lang/hi" 1320 class="flex items-center gap-2 px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md"> 1321 <span>ð®ð³</span> 1322 <span>हिनà¥à¤¦à¥</span> 1323 </a> 1324 </div> 1325</div> </nav> 1326 1327 1328 1329 <aside class="w-full max-w-3xl mx-auto space-y-3"> 1330 <div 1331 class="px-4 py-3 bg-gray-100 dark:bg-gray-700/50 border border-gray-200 dark:border-gray-600 rounded-xl text-sm text-gray-600 dark:text-gray-400 leading-relaxed"> 1332 <p>â Disclaimer: This webapp is not endorsed by or affiliated with India Post.</p> 1333 </div> 1334 <div 1335 class="px-4 py-3 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-700 rounded-xl text-sm text-amber-800 dark:text-amber-300 leading-relaxed flex items-start gap-2 text-left"> 1336 <span class="flex-shrink-0 mt-0.5">â ï¸</span> 1337 <p><strong>Warning:</strong> India Post does not ask customers for personal information or payments via calls, SMS, or email. Be cautious and avoid sharing details or clicking on links. For your safety, do not call phone numbers or install APKs from ads. We are not responsible for any loss. For official support from India Post kindly visit www.indiapost.gov.in</p> 1338 </div> 1339 <p class="text-sm text-gray-500 dark:text-gray-400 pt-1">© 2026 MySpeedPost. All rights reserved.</p> 1340 </aside> 1341</footer> 1342 1343 1344
1344<script src="/livewire/livewire.min.js?id=df3a17f2" data-csrf="53fw4hwLvPZQL8O5ffpVHHl4S4SHvdUJCv8sNpsI" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1344 1345 <div role="status" id="toaster" x-data="toasterHub([], JSON.parse('{\u0022alignment\u0022:\u0022bottom\u0022,\u0022duration\u0022:3000,\u0022replace\u0022:false,\u0022suppress\u0022:false}'))" class="fixed z-50 p-4 w-full flex flex-col pointer-events-none sm:p-6 bottom-0 items-end rtl:items-start"> 1346 <template x-for="toast in toasts" :key="toast.id"> 1347 <div x-show="toast.isVisible" 1348 x-init="$nextTick(() => toast.show($el))" 1349 x-transition:enter-start="translate-y-12 opacity-0" 1350 x-transition:enter-end="translate-y-0 opacity-100" 1351 x-transition:leave-end="opacity-0 scale-90" 1352 class="relative duration-300 transform transition ease-in-out max-w-xs w-full pointer-events-auto" 1353 :class="toast.select({ error: 'text-white', info: 'text-black', success: 'text-white', warning: 'text-white' })" 1354 > 1355 <i x-text="toast.message" 1356 class="inline-block select-none not-italic px-6 py-3 rounded rounded-sm shadow-lg text-sm w-full mt-3" 1357 :class="toast.select({ error: 'bg-red-500', info: 'bg-gray-200', success: 'bg-green-600', warning: 'bg-orange-500' })" 1358 ></i> 1359 1360 <button @click="toast.dispose()" aria-label="close" class="absolute right-0 p-2 focus:outline-none focus:outline-hidden rtl:right-auto rtl:left-0 top-3"> 1361 <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1362 <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path> 1363 </svg> 1364 </button> 1365 </div> 1366 </template> 1367</div>
1368<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":"3bc79dda1fac451dbbfffbbac7115337","r":1,"spa":2}' crossorigin="anonymous"></script>
1368 1369</body> 1370 1371</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.