{"id":91559,"date":"2025-08-28T17:29:33","date_gmt":"2025-08-28T10:29:33","guid":{"rendered":"https:\/\/web.monogps.com\/?page_id=91559"},"modified":"2025-11-25T08:31:54","modified_gmt":"2025-11-25T01:31:54","slug":"%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad","status":"publish","type":"page","link":"https:\/\/web.monogps.com\/en\/%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad\/","title":{"rendered":"Product Package"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t\n\n\n\n\n \n \n \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c MonoGPS<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\">\n <style>\n \/* Base styles *\/\n :root {\n --primary: #3b82f6;\n --primary-hover: #2563eb;\n --primary-light: rgba(59, 130, 246, 0.1);\n --text: #333333;\n --text-light: #666666;\n --text-lighter: #888888;\n --background: #ffffff;\n --card-bg: #ffffff;\n --border: #e5e7eb;\n --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n --shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n --radius: 8px;\n --transition: all 0.3s ease;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n color: var(--text);\n background-color: var(--background);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n\n section {\n padding: 4rem 0;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: 600;\n line-height: 1.3;\n }\n\n h1 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n h2 {\n font-size: 2rem;\n margin-bottom: 2rem;\n }\n\n h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n p {\n margin-bottom: 1rem;\n }\n\n \/* Button styles *\/\n .btn {\n display: inline-block;\n padding: 0.75rem 1.5rem;\n border-radius: var(--radius);\n font-weight: 500;\n text-align: center;\n cursor: pointer;\n transition: var(--transition);\n border: none;\n font-family: 'Inter', sans-serif;\n font-size: 0.95rem;\n }\n\n .btn-primary {\n background-color: var(--primary);\n color: white;\n }\n\n .btn-primary:hover {\n background-color: var(--primary-hover);\n transform: translateY(-2px);\n }\n\n .btn-outline {\n background-color: transparent;\n color: var(--primary);\n border: 1px solid var(--primary);\n }\n\n .btn-outline:hover {\n background-color: rgba(59, 130, 246, 0.05);\n transform: translateY(-2px);\n }\n\n .btn-large {\n padding: 1rem 2rem;\n font-size: 1.1rem;\n }\n\n \/* Section headers *\/\n .section-header {\n text-align: center;\n margin-bottom: 3rem;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 0.8s ease forwards;\n }\n\n .section-header h2 {\n margin-bottom: 0.5rem;\n }\n\n .section-header p {\n color: var(--text-light);\n max-width: 700px;\n margin: 0 auto;\n }\n\n \/* Intro Section *\/\n .intro {\n text-align: center;\n padding: 6rem 0 4rem;\n opacity: 0;\n animation: fadeIn 1s ease forwards;\n }\n\n .intro h1 {\n margin-bottom: 1rem;\n opacity: 0;\n transform: translateY(-20px);\n animation: fadeInDown 0.8s ease forwards 0.2s;\n }\n\n .intro p {\n font-size: 1.2rem;\n color: var(--text-light);\n max-width: 700px;\n margin: 0 auto 2rem;\n opacity: 0;\n animation: fadeIn 0.8s ease forwards 0.4s;\n }\n\n .intro .btn {\n opacity: 0;\n animation: fadeIn 0.8s ease forwards 0.6s;\n }\n\n \/* Starter Pack Section *\/\n .starter-packs {\n background-color: #f9fafb;\n }\n\n \/* Card Container - Horizontal Layout *\/\n .card-container {\n display: flex;\n gap: 2rem;\n justify-content: center;\n margin-bottom: 2rem;\n flex-wrap: nowrap;\n \/* Ensure horizontal layout on desktop *\/\n overflow-x: auto;\n \/* Allow horizontal scrolling if needed *\/\n padding-bottom: 1rem;\n \/* Space for potential scrollbar *\/\n }\n\n \/* Card styles *\/\n .card {\n background-color: var(--card-bg);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding: 2rem;\n flex: 1;\n min-width: 280px;\n \/* Minimum width for each card *\/\n max-width: 350px;\n \/* Maximum width for each card *\/\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n opacity: 0;\n transform: translateY(20px);\n }\n\n .card.fade-in {\n animation: fadeInUp 0.8s ease forwards;\n }\n\n .card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .card:nth-child(2) {\n animation-delay: 0.3s;\n }\n\n .card:nth-child(3) {\n animation-delay: 0.5s;\n }\n\n .card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-hover);\n }\n\n .card-icon {\n width: 60px;\n height: 60px;\n background-color: var(--primary-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n }\n\n .card-icon svg {\n width: 30px;\n height: 30px;\n color: var(--primary);\n }\n\n .card-title {\n font-size: 1.25rem;\n font-weight: 600;\n text-align: center;\n margin-bottom: 0.75rem;\n }\n\n .card-description {\n text-align: center;\n color: var(--text-light);\n margin-bottom: 1.5rem;\n flex-grow: 1;\n }\n\n .card-actions {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n \/* Product Wizard *\/\n .wizard-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .wizard-progress {\n display: flex;\n justify-content: space-between;\n margin-bottom: 2rem;\n position: relative;\n }\n\n .wizard-progress::before {\n content: '';\n position: absolute;\n top: 15px;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: var(--border);\n z-index: 1;\n }\n\n .progress-step {\n position: relative;\n z-index: 2;\n background-color: var(--background);\n padding: 0 10px;\n }\n\n .step-number {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n background-color: var(--border);\n color: var(--text-light);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 0.5rem;\n font-weight: 600;\n transition: var(--transition);\n }\n\n .step-title {\n font-size: 0.85rem;\n color: var(--text-light);\n text-align: center;\n transition: var(--transition);\n }\n\n .progress-step.active .step-number {\n background-color: var(--primary);\n color: white;\n }\n\n .progress-step.active .step-title {\n color: var(--primary);\n font-weight: 500;\n }\n\n .progress-step.completed .step-number {\n background-color: var(--primary);\n color: white;\n }\n\n .wizard-step {\n display: none;\n animation: fadeIn 0.5s ease forwards;\n }\n\n .wizard-step.active {\n display: block;\n }\n\n .product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n }\n\n .product-item {\n border: 2px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem 1rem;\n text-align: center;\n cursor: pointer;\n transition: var(--transition);\n }\n\n .product-item:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow);\n }\n\n .product-item.selected {\n border-color: var(--primary);\n background-color: var(--primary-light);\n }\n\n .product-icon {\n width: 60px;\n height: 60px;\n margin: 0 auto 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .product-icon svg {\n width: 40px;\n height: 40px;\n color: var(--text);\n transition: var(--transition);\n }\n\n .product-item.selected .product-icon svg {\n color: var(--primary);\n }\n\n .product-name {\n font-weight: 500;\n margin-bottom: 0.5rem;\n }\n\n .option-sets {\n margin-top: 2rem;\n }\n\n .option-set {\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n\n .option-set.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .option-set h4 {\n margin-bottom: 1rem;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid var(--border);\n }\n\n .option-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 1rem;\n }\n\n .option-item {\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1rem;\n cursor: pointer;\n transition: var(--transition);\n }\n\n .option-item:hover {\n background-color: rgba(59, 130, 246, 0.05);\n }\n\n .option-item.selected {\n border-color: var(--primary);\n background-color: var(--primary-light);\n }\n\n .option-name {\n font-weight: 500;\n margin-bottom: 0.25rem;\n }\n\n .option-description {\n font-size: 0.85rem;\n color: var(--text-light);\n }\n\n \/* Quotation Form *\/\n .quotation-form {\n background-color: #f9fafb;\n }\n\n .form-container {\n max-width: 700px;\n margin: 0 auto;\n background-color: var(--card-bg);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding: 2rem;\n }\n\n .form-title {\n font-size: 1.5rem;\n margin-bottom: 1.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid var(--border);\n }\n\n .form-group {\n margin-bottom: 1.5rem;\n }\n\n .form-label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 500;\n }\n\n .form-input {\n width: 100%;\n padding: 0.75rem;\n border: 1px solid var(--border);\n border-radius: var(--radius);\n font-family: 'Inter', sans-serif;\n font-size: 1rem;\n transition: var(--transition);\n }\n\n .form-input:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n }\n\n .form-summary {\n margin-top: 2rem;\n margin-bottom: 2rem;\n }\n\n .summary-title {\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .summary-list {\n background-color: #f9fafb;\n border-radius: var(--radius);\n padding: 1rem;\n }\n\n .summary-item {\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: 1px dashed var(--border);\n }\n\n .summary-item:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n\n .summary-item-name {\n font-weight: 500;\n }\n\n .summary-item-category {\n font-size: 0.85rem;\n color: var(--text-light);\n }\n\n .form-actions {\n text-align: center;\n margin-top: 2rem;\n }\n\n \/* Reviews Section *\/\n .reviews-container {\n position: relative;\n overflow: hidden;\n }\n\n .reviews-track {\n display: flex;\n transition: transform 0.5s ease;\n }\n\n .review-card {\n flex: 0 0 100%;\n padding: 2rem;\n background-color: var(--card-bg);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n margin: 0 1rem;\n max-width: 500px;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n\n .review-card.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n @media (min-width: 768px) {\n .review-card {\n flex: 0 0 calc(50% - 2rem);\n }\n }\n\n .review-content {\n font-style: italic;\n margin-bottom: 1.5rem;\n color: var(--text);\n }\n\n .review-author {\n display: flex;\n align-items: center;\n }\n\n .author-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: var(--primary-light);\n margin-right: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n color: var(--primary);\n }\n\n .author-info h5 {\n font-weight: 600;\n margin-bottom: 0.25rem;\n }\n\n .author-company {\n font-size: 0.85rem;\n color: var(--text-light);\n }\n\n .review-controls {\n display: flex;\n justify-content: center;\n margin-top: 2rem;\n }\n\n .review-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: var(--border);\n margin: 0 5px;\n cursor: pointer;\n transition: var(--transition);\n }\n\n .review-dot.active {\n background-color: var(--primary);\n transform: scale(1.3);\n }\n\n \/* Modal styles *\/\n .modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n }\n\n .modal-overlay.active {\n opacity: 1;\n visibility: visible;\n }\n\n .modal {\n background-color: var(--card-bg);\n border-radius: var(--radius);\n box-shadow: var(--shadow-hover);\n width: 90%;\n max-width: 500px;\n max-height: 90vh;\n overflow-y: auto;\n transform: scale(0.9);\n opacity: 0;\n transition: transform 0.3s ease, opacity 0.3s ease;\n }\n\n .modal-overlay.active .modal {\n transform: scale(1);\n opacity: 1;\n }\n\n .modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1.5rem;\n border-bottom: 1px solid var(--border);\n }\n\n .modal-title {\n font-size: 1.25rem;\n font-weight: 600;\n }\n\n .modal-close {\n background: none;\n border: none;\n cursor: pointer;\n color: var(--text-light);\n transition: var(--transition);\n }\n\n .modal-close:hover {\n color: var(--text);\n }\n\n .modal-body {\n padding: 1.5rem;\n }\n\n .modal-section {\n margin-bottom: 1.5rem;\n }\n\n .modal-section-title {\n font-weight: 600;\n margin-bottom: 0.75rem;\n }\n\n .modal-list {\n list-style-type: disc;\n padding-left: 1.5rem;\n color: var(--text-light);\n }\n\n .modal-list li {\n margin-bottom: 0.5rem;\n }\n\n .modal-footer {\n padding: 1.5rem;\n border-top: 1px solid var(--border);\n text-align: center;\n }\n\n \/* Wizard navigation *\/\n .wizard-nav {\n display: flex;\n justify-content: space-between;\n margin-top: 2rem;\n }\n\n \/* Success message *\/\n .success-message {\n display: none;\n text-align: center;\n padding: 2rem;\n background-color: #ecfdf5;\n border-radius: var(--radius);\n margin-top: 2rem;\n animation: fadeIn 0.5s ease forwards;\n }\n\n .success-message.active {\n display: block;\n }\n\n .success-icon {\n width: 60px;\n height: 60px;\n background-color: #10b981;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n }\n\n .success-icon svg {\n width: 30px;\n height: 30px;\n color: white;\n }\n\n .success-title {\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 1rem;\n color: #10b981;\n }\n\n .success-message p {\n color: var(--text-light);\n margin-bottom: 1.5rem;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n section {\n padding: 3rem 0;\n }\n\n h1 {\n font-size: 2rem;\n }\n\n h2 {\n font-size: 1.75rem;\n }\n\n .card-container {\n flex-direction: column;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .card {\n max-width: 100%;\n min-width: 100%;\n }\n\n .product-grid {\n grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n }\n\n .step-title {\n font-size: 0.75rem;\n }\n }\n\n \/* Animation keyframes *\/\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-20px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Scroll animation *\/\n .scroll-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n\n .scroll-reveal.revealed {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n\n<body>\n <!-- Intro Section -->\n <section class=\"intro\">\n <div class=\"container\">\n <h1>Find the GPS solution that best fits your organization.<\/h1>\n <p>Easily design a tracking system that fits your business needs.\nJust choose the devices and services through our interactive product selection platform to build a flexible, cost-effective solution that grows with your business.<\/p>\n <a href=\"#product-wizard\" class=\"btn btn-primary\">Start Selecting Products<\/a>\n <\/div>\n <\/section>\n\n <!-- Starter Pack Section -->\n <section class=\"starter-packs\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2>Recommended Package<\/h2>\n <p>Choose from pre-configured solution packages designed to meet the diverse needs of different businesses.<\/p>\n <\/div>\n\n <div class=\"card-container\">\n <!-- Starter Pack A -->\n <div class=\"card fade-in\">\n <div class=\"card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\"\n stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"card-title\">Starter Package A<\/h3>\n <p class=\"card-description\">Basic GPS Tracking Solution\nComes with one signal cable and essential accessories, making it ideal for small vehicle fleets.<\/p>\n <div class=\"card-actions\">\n <button class=\"btn btn-primary starter-pack-select\"\n data-pack=\"Starter Pack A\">Request a Quote<\/button>\n <button class=\"btn btn-outline\" data-modal=\"packA\">More Details<\/button>\n <\/div>\n <\/div>\n\n <!-- Starter Pack B -->\n <div class=\"card fade-in\">\n <div class=\"card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\"\n stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"card-title\">Starter Package B<\/h3>\n <p class=\"card-description\">Advanced Tracking Solution\nComes with two signal cables and enhanced monitoring capabilities for more comprehensive tracking.<\/p>\n <div class=\"card-actions\">\n <button class=\"btn btn-primary starter-pack-select\"\n data-pack=\"Starter Pack B\">Request a Quote<\/button>\n <button class=\"btn btn-outline\" data-modal=\"packB\">More Details<\/button>\n <\/div>\n <\/div>\n\n <!-- Starter Pack C -->\n <div class=\"card fade-in\">\n <div class=\"card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\"\n stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"card-title\">Starter Package C<\/h3>\n <p class=\"card-description\">Enterprise-Grade Comprehensive Solution\nComes with three signal cables and a full suite of vehicle management tools.<\/p>\n <div class=\"card-actions\">\n <button class=\"btn btn-primary starter-pack-select\"\n data-pack=\"Starter Pack C\">Request a Quote<\/button>\n <button class=\"btn btn-outline\" data-modal=\"packC\">More Details<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Product Wizard Section -->\n <section id=\"product-wizard\" class=\"product-wizard scroll-reveal\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2>Customize Your Solution<\/h2>\n <p>Create a tracking solution tailored for your organization in just a few simple steps.<\/p>\n <\/div>\n\n <div class=\"wizard-container\">\n <!-- Progress Indicator -->\n <div class=\"wizard-progress\">\n <div class=\"progress-step active\" data-step=\"1\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-title\">Select Products<\/div>\n <\/div>\n <div class=\"progress-step\" data-step=\"2\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-title\">Select Add-on Features<\/div>\n <\/div>\n <div class=\"progress-step\" data-step=\"3\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-title\">Verify<\/div>\n <\/div>\n <\/div>\n\n <!-- Step 1: Product Selection -->\n <div class=\"wizard-step active\" data-step=\"1\">\n <h3>Select the Main Product<\/h3>\n <p>Please select the main product that best matches your needs.<\/p>\n\n <div class=\"product-grid\">\n <!-- GPS Product -->\n <div class=\"product-item\" data-product=\"gps\">\n <div class=\"product-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\"\n stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" \/>\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n <\/svg>\n <\/div>\n <div class=\"product-name\">GPS Tracking Device (GPS Tracker)<\/div>\n <\/div>\n\n <!-- MDVR Product -->\n <div class=\"product-item\" data-product=\"mdvr\">\n <div class=\"product-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\"\n stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\" \/>\n <\/svg>\n <\/div>\n <div class=\"product-name\">Mobile DVR System (MDVR System)<\/div>\n <\/div>\n\n <!-- Forklift Solution -->\n <div class=\"product-item\" data-product=\"forklift\">\n <div class=\"product-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\"\n stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" \/>\n <\/svg>\n <\/div>\n <div class=\"product-name\">Forklift Solution<\/div>\n <\/div>\n\n <!-- Tailtrack -->\n <div class=\"product-item\" data-product=\"tailtrack\">\n <div class=\"product-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\"\n stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M9 17a2 2 0 11-4 0 2 2 0 014 0zM19 17a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0\" \/>\n <\/svg>\n <\/div>\n <div class=\"product-name\">Trailer Solution (Tailtrack)<\/div>\n <\/div>\n\n <!-- IoT -->\n <div class=\"product-item\" data-product=\"iot\">\n <div class=\"product-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\"\n stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\" \/>\n <\/svg>\n <\/div>\n <div class=\"product-name\">IoT Solution<\/div>\n <\/div>\n <\/div>\n\n <div class=\"wizard-nav\">\n <div><\/div> <!-- Empty div for flex spacing -->\n <button class=\"btn btn-primary next-step\" data-next=\"2\" disabled>\u0e16\u0e31\u0e14\u0e44\u0e1b<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 2: Options Selection -->\n <div class=\"wizard-step\" data-step=\"2\">\n <h3>\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e15\u0e32\u0e21\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/h3>\n <p>\u0e42\u0e1b\u0e23\u0e14\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a <span\n class=\"selected-product-name\">PRODUCT<\/span><\/p>\n\n <div class=\"option-sets\">\n <div class=\"option-sets\">\n <!-- \u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e27\u0e23\u0e4c (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a MDVR: \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e08\u0e33\u0e19\u0e27\u0e19\u0e01\u0e25\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e34\u0e48\u0e21\u0e17\u0e35\u0e48 2) -->\n <div class=\"option-set\" id=\"option-set-1\">\n <h4>\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e27\u0e23\u0e4c (Hardware Options)<\/h4>\n <div class=\"option-grid\">\n <!-- \u0e43\u0e2a\u0e48\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e40\u0e1c\u0e37\u0e48\u0e2d\u0e01\u0e23\u0e13\u0e35 GPS \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e27\u0e23\u0e4c -->\n <div class=\"option-item\" data-option=\"hardware-none\">\n <div class=\"option-name\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e27\u0e23\u0e4c\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/div>\n <div class=\"option-description\">\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a GPS \u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"hardware-backup\">\n <div class=\"option-name\">\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e2a\u0e33\u0e23\u0e2d\u0e07 (Backup Battery)<\/div>\n <div class=\"option-description\">\u0e17\u0e33\u0e07\u0e32\u0e19\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e44\u0e1f\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e31\u0e14\u0e02\u0e49\u0e2d\u0e07<\/div>\n <\/div>\n\n <!-- MDVR: \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e08\u0e33\u0e19\u0e27\u0e19\u0e01\u0e25\u0e49\u0e2d\u0e07 (\u0e40\u0e23\u0e34\u0e48\u0e21\u0e17\u0e35\u0e48 2) -->\n <div class=\"option-item\" data-option=\"hardware-cam2\">\n <div class=\"option-name\">2 \u0e01\u0e25\u0e49\u0e2d\u0e07 (MDVR)<\/div>\n <div class=\"option-description\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32 + \u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"hardware-cam3\">\n <div class=\"option-name\">3 \u0e01\u0e25\u0e49\u0e2d\u0e07 (MDVR)<\/div>\n <div class=\"option-description\">\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e21\u0e38\u0e21\u0e21\u0e2d\u0e07\u0e20\u0e32\u0e22\u0e43\u0e19\/\u0e14\u0e49\u0e32\u0e19\u0e02\u0e49\u0e32\u0e07<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"hardware-cam4\">\n <div class=\"option-name\">4 \u0e01\u0e25\u0e49\u0e2d\u0e07 (MDVR)<\/div>\n <div class=\"option-description\">\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e23\u0e2d\u0e1a\u0e04\u0e31\u0e19\u0e22\u0e2d\u0e14\u0e19\u0e34\u0e22\u0e21<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"hardware-cam6\">\n <div class=\"option-name\">6 \u0e01\u0e25\u0e49\u0e2d\u0e07 (MDVR)<\/div>\n <div class=\"option-description\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e40\u0e02\u0e49\u0e21\u0e02\u0e49\u0e19<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"hardware-cam8\">\n <div class=\"option-name\">8 \u0e01\u0e25\u0e49\u0e2d\u0e07 (MDVR)<\/div>\n <div class=\"option-description\">\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e23\u0e16\u0e43\u0e2b\u0e0d\u0e48\/\u0e01\u0e36\u0e48\u0e07\u0e1e\u0e48\u0e27\u0e07<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c (\u0e04\u0e07\u0e42\u0e04\u0e23\u0e07\u0e15\u0e32\u0e21\u0e40\u0e14\u0e34\u0e21 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49 JS \u0e40\u0e14\u0e34\u0e21\u0e17\u0e33\u0e07\u0e32\u0e19\u0e15\u0e23\u0e07\u0e2b\u0e21\u0e27\u0e14\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c) -->\n <div class=\"option-set\" id=\"option-set-2\">\n <h4>\u0e04\u0e38\u0e13\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c (Software Features)<\/h4>\n <div class=\"option-grid\">\n <div class=\"option-item\" data-option=\"software-1\">\n <div class=\"option-name\">\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 (Basic Monitoring)<\/div>\n <div class=\"option-description\">\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"software-2\">\n <div class=\"option-name\">\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07 (Advanced Analytics)<\/div>\n <div class=\"option-description\">KPI, Geofencing, \u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"software-3\">\n <div class=\"option-name\">\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e41\u0e2d\u0e1b (Mobile App Access)<\/div>\n <div class=\"option-description\">\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1c\u0e48\u0e32\u0e19 iOS\/Android \u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e17\u0e35\u0e48<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 (\u0e1c\u0e19\u0e27\u0e01\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49\u0e21\u0e32 + \u0e0b\u0e34\u0e21 \u0e40\u0e02\u0e49\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e40\u0e1e\u0e23\u0e32\u0e30 JS \u0e40\u0e14\u0e34\u0e21\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e44\u0e14\u0e49\u0e04\u0e23\u0e31\u0e49\u0e07\u0e25\u0e30 1 service) -->\n <div class=\"option-set\" id=\"option-set-3\">\n <h4>\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 (Service Plans)<\/h4>\n <div class=\"option-grid\">\n <!-- \u0e0a\u0e38\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a GPS -->\n <div class=\"option-item\" data-option=\"service-rent-gps-standard-basic\">\n <div class=\"option-name\">GPS: \u0e40\u0e0a\u0e48\u0e32 + \u0e0b\u0e34\u0e21\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 + \u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19<\/div>\n <div class=\"option-description\">\u0e40\u0e2b\u0e21\u0e32\u0e08\u0e48\u0e32\u0e22\u0e23\u0e27\u0e21\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\/\u0e14\u0e39\u0e41\u0e25, Data \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19,\n \u0e0b\u0e31\u0e1e\u0e1e\u0e2d\u0e23\u0e4c\u0e15\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"service-rent-gps-standard-premium\">\n <div class=\"option-name\">GPS: \u0e40\u0e0a\u0e48\u0e32 + \u0e0b\u0e34\u0e21\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 + \u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21<\/div>\n <div class=\"option-description\">24\/7 \u0e1e\u0e23\u0e49\u0e2d\u0e21 SLA<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"service-own-gps-standard-basic\">\n <div class=\"option-name\">GPS: \u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e14 + \u0e0b\u0e34\u0e21\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 + \u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19<\/div>\n <div class=\"option-description\">\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c \u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e41\u0e22\u0e01\n <\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"service-own-gps-roaming-premium\">\n <div class=\"option-name\">GPS: \u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e14 + \u0e0b\u0e34\u0e21\u0e42\u0e23\u0e21\u0e21\u0e34\u0e48\u0e07 + \u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21<\/div>\n <div class=\"option-description\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e27\u0e34\u0e48\u0e07\u0e02\u0e49\u0e32\u0e21\u0e41\u0e14\u0e19 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0b\u0e31\u0e1e\u0e1e\u0e2d\u0e23\u0e4c\u0e15 24\/7<\/div>\n <\/div>\n\n <!-- \u0e0a\u0e38\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a MDVR (\u0e43\u0e0a\u0e49\u0e0b\u0e34\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d) -->\n <div class=\"option-item\" data-option=\"service-rent-mdvr-video-standard-premium\">\n <div class=\"option-name\">MDVR: \u0e40\u0e0a\u0e48\u0e32 + \u0e0b\u0e34\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d (\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19) + \u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21<\/div>\n <div class=\"option-description\">\u0e2d\u0e31\u0e1b\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2b\u0e15\u0e38\u0e01\u0e32\u0e23\u0e13\u0e4c\/\u0e14\u0e39\u0e22\u0e49\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e07,\n \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e40\u0e1d\u0e49\u0e32\u0e23\u0e30\u0e27\u0e31\u0e07\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"service-rent-mdvr-video-live-premium\">\n <div class=\"option-name\">MDVR: \u0e40\u0e0a\u0e48\u0e32 + \u0e0b\u0e34\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d (\u0e20\u0e32\u0e1e\u0e2a\u0e14\u0e1a\u0e48\u0e2d\u0e22) + \u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21<\/div>\n <div class=\"option-description\">\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e14\u0e39\u0e20\u0e32\u0e1e\u0e2a\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e08\u0e33 24\/7<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"service-own-mdvr-video-standard-basic\">\n <div class=\"option-name\">MDVR: \u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e14 + \u0e0b\u0e34\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d (\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19) + \u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19<\/div>\n <div class=\"option-description\">\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c \u0e0b\u0e31\u0e1e\u0e1e\u0e2d\u0e23\u0e4c\u0e15\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/div>\n <\/div>\n <div class=\"option-item\" data-option=\"service-own-mdvr-video-live-premium\">\n <div class=\"option-name\">MDVR: \u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e14 + \u0e0b\u0e34\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d (\u0e20\u0e32\u0e1e\u0e2a\u0e14\u0e1a\u0e48\u0e2d\u0e22) + \u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21<\/div>\n <div class=\"option-description\">\u0e40\u0e1d\u0e49\u0e32\u0e23\u0e30\u0e27\u0e31\u0e07\u0e40\u0e23\u0e35\u0e22\u0e25\u0e44\u0e17\u0e21\u0e4c \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0b\u0e31\u0e1e\u0e1e\u0e2d\u0e23\u0e4c\u0e15 24\/7<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n <div class=\"wizard-nav\">\n <button class=\"btn btn-outline prev-step\" data-prev=\"1\">\u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a<\/button>\n <button class=\"btn btn-primary next-step\" data-next=\"3\">\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 3: Review -->\n <div class=\"wizard-step\" data-step=\"3\">\n <h3>\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19<\/h3>\n <p>\u0e42\u0e1b\u0e23\u0e14\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07 \u0e01\u0e48\u0e2d\u0e19\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/p>\n\n <div class=\"cart-summary\">\n <h4 class=\"summary-title\">\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19<\/h4>\n <div class=\"summary-list\">\n <!-- Main product -->\n <div class=\"summary-item\">\n <div>\n <div class=\"summary-item-name\" id=\"summary-product\">\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c<\/div>\n <div class=\"summary-item-category\">Main Product<\/div>\n <\/div>\n <\/div>\n\n <!-- Hardware option -->\n <div class=\"summary-item\">\n <div>\n <div class=\"summary-item-name\" id=\"summary-hardware\">Hardware Options<\/div>\n <div class=\"summary-item-category\">\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e27\u0e23\u0e4c<\/div>\n <\/div>\n <\/div>\n\n <!-- Software option -->\n <div class=\"summary-item\">\n <div>\n <div class=\"summary-item-name\" id=\"summary-software\">Software Options<\/div>\n <div class=\"summary-item-category\">\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c<\/div>\n <\/div>\n <\/div>\n\n <!-- Service option -->\n <div class=\"summary-item\">\n <div>\n <div class=\"summary-item-name\" id=\"summary-service\">\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/div>\n <div class=\"summary-item-category\">Service Plan<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"wizard-nav\">\n <button class=\"btn btn-outline prev-step\" data-prev=\"2\">\u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a<\/button>\n <button class=\"btn btn-primary\"\n id=\"proceed-to-form\">\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Quotation Form Section -->\n <section class=\"quotation-form scroll-reveal\" id=\"quotation-form\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2>Request a Quote<\/h2>\n <p>Please fill in your contact information below so our team can prepare a quotation tailored to the items you have selected.<\/p>\n <\/div>\n\n <div class=\"form-container\">\n <h3 class=\"form-title\">Contact Information<\/h3>\n <form id=\"quote-form\" action=\"\">\n <div class=\"form-group\">\n <label for=\"fullname\" class=\"form-label\">First Name \/ Last Name<\/label>\n <input type=\"text\" id=\"fullname\" name=\"fullname\" class=\"form-input\"\n placeholder=\"Enter First Name \/ Last Name\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"phone\" class=\"form-label\">Phone Number<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\"\n placeholder=\"Enter your phone number\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"email\" class=\"form-label\">Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\"\n placeholder=\"Enter your email\" required>\n <\/div>\n\n <div class=\"form-summary\">\n <h4 class=\"summary-title\">Selected Items<\/h4>\n <div class=\"summary-list\">\n <div class=\"summary-item\">\n <div class=\"summary-item-name\">Starter Package<\/div>\n <div id=\"form-starter-pack\">Not Selected<\/div>\n <\/div>\n <div class=\"summary-item\">\n <div class=\"summary-item-name\">Main Product<\/div>\n <div id=\"form-main-product\">Not Selected<\/div>\n <\/div>\n <div class=\"summary-item\">\n <div class=\"summary-item-name\">Hardware Options<\/div>\n <div id=\"form-hardware\">Not Selected<\/div>\n <\/div>\n <div class=\"summary-item\">\n <div class=\"summary-item-name\">Software Options<\/div>\n <div id=\"form-software\">Not Selected<\/div>\n <\/div>\n <div class=\"summary-item\">\n <div class=\"summary-item-name\">Service Plan<\/div>\n <div id=\"form-service\">Not Selected<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-actions\">\n <button type=\"submit\" class=\"btn btn-primary btn-large\">Submit Quote Request<\/button>\n <\/div>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n <div class=\"success-message\" id=\"success-message\">\n <div class=\"success-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\"\n stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"success-title\">\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22<\/h3>\n <p>\u0e02\u0e2d\u0e02\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08 \u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e08\u0e30\u0e08\u0e31\u0e14\u0e17\u0e33\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\n \u0e41\u0e25\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e42\u0e14\u0e22\u0e40\u0e23\u0e47\u0e27<\/p>\n <button class=\"btn btn-primary\" id=\"new-quote\">\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e43\u0e2b\u0e21\u0e48<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Modal Overlays -->\n <!-- Pack A Modal -->\n <div class=\"modal-overlay\" id=\"modal-packA\">\n <div class=\"modal\">\n <div class=\"modal-header\">\n <h3 class=\"modal-title\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 A<\/h3>\n <button class=\"modal-close\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\"\n fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"modal-section\">\n <h4 class=\"modal-section-title\">\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e43\u0e19\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08<\/h4>\n <ul class=\"modal-list\">\n <li>\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS (Standard Model) \u0e08\u0e33\u0e19\u0e27\u0e19 1 \u0e0a\u0e38\u0e14<\/li>\n <li>\u0e2a\u0e32\u0e22\u0e44\u0e1f\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07 1 \u0e40\u0e2a\u0e49\u0e19<\/li>\n <li>\u0e0a\u0e38\u0e14\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19<\/li>\n <li>\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/li>\n <li>\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c\u0e41\u0e1a\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 3 \u0e40\u0e14\u0e37\u0e2d\u0e19<\/li>\n <\/ul>\n <\/div>\n <div class=\"modal-section\">\n <h4 class=\"modal-section-title\">\u0e04\u0e38\u0e13\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04<\/h4>\n <ul class=\"modal-list\">\n <li>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e23\u0e38\u0e48\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c: \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS \u0e23\u0e38\u0e48\u0e19\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19<\/li>\n <li>\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e2a\u0e33\u0e23\u0e2d\u0e07: \u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 12 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07<\/li>\n <li>\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e01\u0e32\u0e23\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25: \u0e17\u0e38\u0e01 \u0e46 60 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35<\/li>\n <li>\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d: 4G LTE<\/li>\n <\/ul>\n <\/div>\n <div class=\"modal-section\">\n <h4 class=\"modal-section-title\">\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21<\/h4>\n <ul class=\"modal-list\">\n <li>\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e17\u0e32\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25 (\u0e43\u0e19\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23)<\/li>\n <li>\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e04\u0e25\u0e31\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 (Knowledge Base)<\/li>\n <li>\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e27\u0e23\u0e4c 1 \u0e1b\u0e35<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"modal-footer\">\n <button class=\"btn btn-primary starter-pack-select\"\n data-pack=\"Starter Pack A\">\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e43\u0e19\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Pack B Modal -->\n <div class=\"modal-overlay\" id=\"modal-packB\">\n <div class=\"modal\">\n <div class=\"modal-header\">\n <h3 class=\"modal-title\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 B<\/h3>\n <button class=\"modal-close\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\"\n fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"modal-section\">\n <h4 class=\"modal-section-title\">\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e43\u0e19\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08<\/h4>\n <ul class=\"modal-list\">\n <li>\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS (Advanced Model) \u0e08\u0e33\u0e19\u0e27\u0e19 2 \u0e0a\u0e38\u0e14<\/li>\n <li>\u0e2a\u0e32\u0e22\u0e44\u0e1f\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07 2 \u0e40\u0e2a\u0e49\u0e19<\/li>\n <li>\u0e0a\u0e38\u0e14\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e1a\u0e1a\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e<\/li>\n <li>\u0e40\u0e2a\u0e32\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e23\u0e30\u0e22\u0e30\u0e44\u0e01\u0e25 (Extended Range Antenna)<\/li>\n <li>\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19<\/li>\n <li>\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 6 \u0e40\u0e14\u0e37\u0e2d\u0e19<\/li>\n <\/ul>\n <\/div>\n <div class=\"modal-section\">\n <h4 class=\"modal-section-title\">\u0e04\u0e38\u0e13\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04<\/h4>\n <ul class=\"modal-list\">\n <li>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e23\u0e38\u0e48\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c: \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS \u0e23\u0e38\u0e48\u0e19\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07<\/li>\n <li>\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e2a\u0e33\u0e23\u0e2d\u0e07: \u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07<\/li>\n <li>\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e01\u0e32\u0e23\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25: \u0e17\u0e38\u0e01 \u0e46 30 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35<\/li>\n <li>\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d: 4G LTE \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e42\u0e2b\u0e21\u0e14\u0e2a\u0e33\u0e23\u0e2d\u0e07 (fallback)<\/li>\n <li>\u0e40\u0e0b\u0e19\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34, \u0e1b\u0e23\u0e30\u0e15\u0e39<\/li>\n <\/ul>\n <\/div>\n <div class=\"modal-section\">\n <h4 class=\"modal-section-title\">\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21<\/h4>\n <ul class=\"modal-list\">\n <li>\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e17\u0e32\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e41\u0e25\u0e30\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c (\u0e02\u0e22\u0e32\u0e22\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23)<\/li>\n <li>\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e23\u0e30\u0e22\u0e30\u0e44\u0e01\u0e25<\/li>\n <li>\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e04\u0e25\u0e31\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21<\/li>\n <li>\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e27\u0e23\u0e4c 2 \u0e1b\u0e35<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"modal-footer\">\n <button class=\"btn btn-primary starter-pack-select\"\n data-pack=\"Starter Pack B\">\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e43\u0e19\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Pack C Modal -->\n <div class=\"modal-overlay\" id=\"modal-packC\">\n <div class=\"modal\">\n <div class=\"modal-header\">\n <h3 class=\"modal-title\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 C<\/h3>\n <button class=\"modal-close\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\"\n fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"modal-section\">\n <h4 class=\"modal-section-title\">\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e43\u0e19\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08<\/h4>\n <ul class=\"modal-list\">\n <li>\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS (Premium Model) \u0e08\u0e33\u0e19\u0e27\u0e19 3 \u0e0a\u0e38\u0e14<\/li>\n <li>\u0e2a\u0e32\u0e22\u0e44\u0e1f\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e08\u0e33\u0e19\u0e27\u0e19 3 \u0e0a\u0e38\u0e14<\/li>\n <li>\u0e0a\u0e38\u0e14\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e0a\u0e38\u0e14<\/li>\n <li>\u0e0a\u0e38\u0e14\u0e40\u0e2a\u0e32\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e01\u0e33\u0e25\u0e31\u0e07\u0e02\u0e22\u0e32\u0e22\u0e2a\u0e39\u0e07 (High-Gain Antenna Array)<\/li>\n <li>\u0e0a\u0e38\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19<\/li>\n <li>\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21 12 \u0e40\u0e14\u0e37\u0e2d\u0e19<\/li>\n <li>\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e23\u0e32\u0e22<\/li>\n <\/ul>\n <\/div>\n <div class=\"modal-section\">\n <h4 class=\"modal-section-title\">\u0e04\u0e38\u0e13\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04<\/h4>\n <ul class=\"modal-list\">\n <li>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e23\u0e38\u0e48\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c: \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21<\/li>\n <li>\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e2a\u0e33\u0e23\u0e2d\u0e07: \u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 48 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07<\/li>\n <li>\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e01\u0e32\u0e23\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25: \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e44\u0e14\u0e49 (\u0e15\u0e48\u0e33\u0e2a\u0e38\u0e14\u0e17\u0e38\u0e01 5 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35)<\/li>\n <li>\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d: 4G LTE \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e42\u0e23\u0e21\u0e21\u0e34\u0e48\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28<\/li>\n <li>\u0e0a\u0e38\u0e14\u0e40\u0e0b\u0e19\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e04\u0e23\u0e1a\u0e0a\u0e38\u0e14 (\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34, \u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e49\u0e19, \u0e1b\u0e23\u0e30\u0e15\u0e39, \u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e27)<\/li>\n <li>\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07: \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 (Geofencing), Driver ID, \u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e41\u0e1a\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e2d\u0e07<\/li>\n <\/ul>\n <\/div>\n <div class=\"modal-section\">\n <h4 class=\"modal-section-title\">\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21<\/h4>\n <ul class=\"modal-list\">\n <li>\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e41\u0e1a\u0e1a\u0e40\u0e23\u0e48\u0e07\u0e14\u0e48\u0e27\u0e19\u0e15\u0e25\u0e2d\u0e14 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07<\/li>\n <li>\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e23\u0e32\u0e22<\/li>\n <li>\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e40\u0e0b\u0e2a\u0e0a\u0e31\u0e19\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21<\/li>\n <li>\u0e01\u0e32\u0e23\u0e17\u0e1a\u0e17\u0e27\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e23\u0e32\u0e22\u0e44\u0e15\u0e23\u0e21\u0e32\u0e2a<\/li>\n <li>\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e04\u0e25\u0e31\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e1e\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e25\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a<\/li>\n <li>\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e27\u0e23\u0e4c\u0e41\u0e1a\u0e1a\u0e02\u0e22\u0e32\u0e22 3 \u0e1b\u0e35<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"modal-footer\">\n <button class=\"btn btn-primary starter-pack-select\"\n data-pack=\"Starter Pack C\">\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e43\u0e19\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Track selected items\n let selectedProduct = null;\n let selectedHardware = null;\n let selectedSoftware = null;\n let selectedService = null;\n let selectedStarterPack = null;\n\n \/\/ Product selection\n const productItems = document.querySelectorAll('.product-item');\n const nextButtons = document.querySelectorAll('.next-step');\n const prevButtons = document.querySelectorAll('.prev-step');\n const progressSteps = document.querySelectorAll('.progress-step');\n const wizardSteps = document.querySelectorAll('.wizard-step');\n\n \/\/ Product selection\n productItems.forEach(item => {\n item.addEventListener('click', function() {\n \/\/ Remove selected class from all products\n productItems.forEach(p => p.classList.remove('selected'));\n\n \/\/ Add selected class to clicked product\n this.classList.add('selected');\n\n \/\/ Store selected product\n selectedProduct = this.getAttribute('data-product');\n\n \/\/ Enable next button\n document.querySelector('.next-step[data-next=\"2\"]').removeAttribute('disabled');\n\n \/\/ Update product name in step 2\n const productNames = {\n 'gps': '\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS (GPS Tracker)',\n 'mdvr': '\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e23\u0e16 (MDVR System)',\n 'forklift': '\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e23\u0e16\u0e22\u0e01 (Forklift Solution)',\n 'tailtrack': '\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e17\u0e23\u0e25\u0e40\u0e25\u0e2d\u0e23\u0e4c (Tailtrack)',\n 'iot': '\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19 IoT (IoT Solution)'\n };\n\n document.querySelector('.selected-product-name').textContent = productNames[\n selectedProduct];\n\n \/\/ Update summary\n document.getElementById('summary-product').textContent = productNames[\n selectedProduct];\n document.getElementById('form-main-product').textContent = productNames[\n selectedProduct];\n });\n });\n\n \/\/ Option selection\n const optionItems = document.querySelectorAll('.option-item');\n optionItems.forEach(item => {\n item.addEventListener('click', function() {\n const optionType = this.getAttribute('data-option').split('-')[0];\n const optionValue = this.getAttribute('data-option');\n const optionName = this.querySelector('.option-name').textContent;\n\n \/\/ Remove selected class from options of the same type\n document.querySelectorAll(`.option-item[data-option^=\"${optionType}\"]`).forEach(\n o => {\n o.classList.remove('selected');\n });\n\n \/\/ Add selected class to clicked option\n this.classList.add('selected');\n\n \/\/ Store selected option\n if (optionType === 'hardware') {\n selectedHardware = optionValue;\n document.getElementById('summary-hardware').textContent = optionName;\n document.getElementById('form-hardware').textContent = optionName;\n } else if (optionType === 'software') {\n selectedSoftware = optionValue;\n document.getElementById('summary-software').textContent = optionName;\n document.getElementById('form-software').textContent = optionName;\n } else if (optionType === 'service') {\n selectedService = optionValue;\n document.getElementById('summary-service').textContent = optionName;\n document.getElementById('form-service').textContent = optionName;\n }\n });\n });\n\n \/\/ Starter Pack selection\n const starterPackButtons = document.querySelectorAll('.starter-pack-select');\n starterPackButtons.forEach(button => {\n button.addEventListener('click', function() {\n selectedStarterPack = this.getAttribute('data-pack');\n document.getElementById('form-starter-pack').textContent = selectedStarterPack;\n\n \/\/ Close modal if open\n const modal = this.closest('.modal-overlay');\n if (modal) {\n modal.classList.remove('active');\n document.body.style.overflow = '';\n }\n\n \/\/ Scroll to quotation form\n document.getElementById('quotation-form').scrollIntoView({\n behavior: 'smooth'\n });\n });\n });\n\n \/\/ Navigation between steps\n nextButtons.forEach(button => {\n button.addEventListener('click', function() {\n const currentStep = parseInt(this.getAttribute('data-next')) - 1;\n const nextStep = parseInt(this.getAttribute('data-next'));\n\n \/\/ Hide current step\n document.querySelector(`.wizard-step[data-step=\"${currentStep}\"]`).classList\n .remove('active');\n\n \/\/ Show next step\n document.querySelector(`.wizard-step[data-step=\"${nextStep}\"]`).classList.add(\n 'active');\n\n \/\/ Update progress indicator\n document.querySelector(`.progress-step[data-step=\"${currentStep}\"]`).classList\n .add('completed');\n document.querySelector(`.progress-step[data-step=\"${nextStep}\"]`).classList.add(\n 'active');\n\n \/\/ If moving to step 2, show option sets with animation\n if (nextStep === 2) {\n const optionSets = document.querySelectorAll('.option-set');\n optionSets.forEach((set, index) => {\n setTimeout(() => {\n set.classList.add('visible');\n }, index * 200);\n });\n }\n });\n });\n\n prevButtons.forEach(button => {\n button.addEventListener('click', function() {\n const currentStep = parseInt(this.getAttribute('data-prev')) + 1;\n const prevStep = parseInt(this.getAttribute('data-prev'));\n\n \/\/ Hide current step\n document.querySelector(`.wizard-step[data-step=\"${currentStep}\"]`).classList\n .remove('active');\n\n \/\/ Show previous step\n document.querySelector(`.wizard-step[data-step=\"${prevStep}\"]`).classList.add(\n 'active');\n\n \/\/ Update progress indicator\n document.querySelector(`.progress-step[data-step=\"${currentStep}\"]`).classList\n .remove('active');\n document.querySelector(`.progress-step[data-step=\"${prevStep}\"]`).classList.add(\n 'active');\n });\n });\n\n \/\/ Proceed to quotation form\n document.getElementById('proceed-to-form').addEventListener('click', function() {\n document.getElementById('quotation-form').scrollIntoView({\n behavior: 'smooth'\n });\n });\n\n \/\/ Form submission\n document.getElementById('quote-form').addEventListener('submit', function(e) {\n e.preventDefault();\n\n \/\/ Get form values\n const fullName = document.getElementById('fullname').value;\n const phone = document.getElementById('phone').value;\n const email = document.getElementById('email').value;\n\n \/\/ Prepare data for email\n const productNames = {\n 'gps': '\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS (GPS Tracker)',\n 'mdvr': '\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e23\u0e16 (MDVR System)',\n 'forklift': '\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e23\u0e16\u0e22\u0e01 (Forklift Solution)',\n 'tailtrack': '\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e17\u0e23\u0e25\u0e40\u0e25\u0e2d\u0e23\u0e4c (Tailtrack)',\n 'iot': '\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19 IoT (IoT Solution)'\n };\n\n const hardwareOptions = {\n 'hardware-1': '\u0e40\u0e2a\u0e32\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 (Standard Antenna)',\n 'hardware-2': '\u0e40\u0e2a\u0e32\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e23\u0e30\u0e22\u0e30\u0e44\u0e01\u0e25 (Extended Range Antenna)',\n 'hardware-3': '\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e2a\u0e33\u0e23\u0e2d\u0e07 (Backup Battery)'\n };\n\n const softwareOptions = {\n 'software-1': '\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 (Basic Monitoring)',\n 'software-2': '\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07 (Advanced Analytics)',\n 'software-3': '\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e41\u0e2d\u0e1b\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e19 (Mobile App Access)'\n };\n\n const serviceOptions = {\n 'service-1': '\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 (Basic Support)',\n 'service-2': '\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21 (Premium Support)',\n 'service-3': '\u0e41\u0e1c\u0e19\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32 (Maintenance Plan)'\n };\n\n \/\/ Build email body\n const emailSubject = '\u0e04\u0e33\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\u0e43\u0e2b\u0e21\u0e48 (MonoGPS)';\n const emailBody = `\n \u0e04\u0e33\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\u0e43\u0e2b\u0e21\u0e48\n\n \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d:\n \u0e0a\u0e37\u0e48\u0e2d: ${fullName}\n \u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c: ${phone}\n \u0e2d\u0e35\u0e40\u0e21\u0e25: ${email}\n\n \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e25\u0e37\u0e2d\u0e01:\n \u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19: ${selectedStarterPack || '\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01'}\n \u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2b\u0e25\u0e31\u0e01: ${productNames[selectedProduct] || '\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01'}\n \u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e27\u0e23\u0e4c: ${hardwareOptions[selectedHardware] || '\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01'}\n \u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c: ${softwareOptions[selectedSoftware] || '\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01'}\n \u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23: ${serviceOptions[selectedService] || '\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01'}\n `;\n\n \/\/ Log to console (for demo purposes)\n console.log('\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32:');\n console.log(emailBody);\n testGetAPI();\n\n \/\/ Simulate sending email (for demo purposes)\n \/\/ In a real implementation, this would be sent to a server\n \/\/ setTimeout(() => {\n \/\/ \/\/ Hide form and show success message\n \/\/ document.getElementById('quote-form').style.display = 'none';\n \/\/ document.getElementById('success-message').classList.add('active');\n\n \/\/ \/\/ Optional: Open email client\n \/\/ window.location.href = `mailto:admin@monogps.com?subject=${encodeURIComponent(emailSubject)}&body=${encodeURIComponent(emailBody)}`;\n \/\/ }, 1000);\n });\n\n \/\/ New quote button\n document.getElementById('new-quote').addEventListener('click', function() {\n \/\/ Reset form\n document.getElementById('quote-form').reset();\n document.getElementById('quote-form').style.display = 'block';\n document.getElementById('success-message').classList.remove('active');\n\n \/\/ Reset product selections\n document.getElementById('form-starter-pack').textContent = '\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01';\n document.getElementById('form-main-product').textContent = '\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01';\n document.getElementById('form-hardware').textContent = '\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01';\n document.getElementById('form-software').textContent = '\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01';\n document.getElementById('form-service').textContent = '\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01';\n\n \/\/ Scroll to top of form\n document.getElementById('quotation-form').scrollIntoView({\n behavior: 'smooth'\n });\n });\n\n \/\/ Modal functionality\n const modalButtons = document.querySelectorAll('[data-modal]');\n const modalCloseButtons = document.querySelectorAll('.modal-close');\n const modalOverlays = document.querySelectorAll('.modal-overlay');\n\n \/\/ Open modal when clicking \"More Details\" button\n modalButtons.forEach(button => {\n button.addEventListener('click', function() {\n const modalId = this.getAttribute('data-modal');\n const modal = document.getElementById(`modal-${modalId}`);\n modal.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling when modal is open\n });\n });\n\n \/\/ Close modal when clicking the close button\n modalCloseButtons.forEach(button => {\n button.addEventListener('click', function() {\n const modal = this.closest('.modal-overlay');\n modal.classList.remove('active');\n document.body.style.overflow = ''; \/\/ Restore scrolling\n });\n });\n\n \/\/ Close modal when clicking outside the modal content\n modalOverlays.forEach(overlay => {\n overlay.addEventListener('click', function(e) {\n if (e.target === this) {\n this.classList.remove('active');\n document.body.style.overflow = ''; \/\/ Restore scrolling\n }\n });\n });\n\n \/\/ Reviews carousel\n const reviewCards = document.querySelectorAll('.review-card');\n const reviewDots = document.querySelectorAll('.review-dot');\n let currentSlide = 0;\n\n \/\/ Set up review dots\n reviewDots.forEach(dot => {\n dot.addEventListener('click', function() {\n const slideIndex = parseInt(this.getAttribute('data-slide'));\n goToSlide(slideIndex);\n });\n });\n\n function goToSlide(index) {\n \/\/ Calculate slide position based on viewport width\n const slideWidth = window.innerWidth >= 768 ? 50 : 100; \/\/ 50% on desktop, 100% on mobile\n document.querySelector('.reviews-track').style.transform = `translateX(-${index * slideWidth}%)`;\n\n \/\/ Update active dot\n reviewDots.forEach(dot => dot.classList.remove('active'));\n reviewDots[index].classList.add('active');\n\n currentSlide = index;\n }\n\n \/\/ Auto-advance reviews every 5 seconds\n setInterval(() => {\n const nextSlide = (currentSlide + 1) % reviewDots.length;\n goToSlide(nextSlide);\n }, 5000);\n\n \/\/ Scroll reveal animation\n const scrollRevealElements = document.querySelectorAll('.scroll-reveal');\n const reviewCardsArray = Array.from(reviewCards);\n\n function checkScroll() {\n scrollRevealElements.forEach(element => {\n const elementTop = element.getBoundingClientRect().top;\n const windowHeight = window.innerHeight;\n\n if (elementTop < windowHeight * 0.85) {\n element.classList.add('revealed');\n }\n });\n\n \/\/ Check if reviews section is in view\n const reviewsSection = document.querySelector('.reviews');\n if (reviewsSection) {\n const reviewsSectionTop = reviewsSection.getBoundingClientRect().top;\n const windowHeight = window.innerHeight;\n\n if (reviewsSectionTop < windowHeight * 0.85) {\n reviewCardsArray.forEach((card, index) => {\n setTimeout(() => {\n card.classList.add('visible');\n }, index * 200);\n });\n }\n }\n }\n\n \/\/ Check on initial load\n checkScroll();\n\n \/\/ Check on scroll\n window.addEventListener('scroll', checkScroll);\n });\n <\/script>\n <script>\n (function() {\n function c() {\n var b = a.contentDocument || a.contentWindow.document;\n if (b) {\n var d = b.createElement('script');\n d.innerHTML =\n \"window.__CF$cv$params={r:'950f55b2a7d2d02f',t:'MTc1MDEyOTYyNi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";\n b.getElementsByTagName('head')[0].appendChild(d)\n }\n }\n if (document.body) {\n var a = document.createElement('iframe');\n a.height = 1;\n a.width = 1;\n a.style.position = 'absolute';\n a.style.top = 0;\n a.style.left = 0;\n a.style.border = 'none';\n a.style.visibility = 'hidden';\n document.body.appendChild(a);\n if ('loading' !== document.readyState) c();\n else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c);\n else {\n var e = document.onreadystatechange || function() {};\n document.onreadystatechange = function(b) {\n e(b);\n 'loading' !== document.readyState && (document.onreadystatechange = e, c())\n }\n }\n }\n })();\n <\/script>\n\n <script>\n function testGetAPI(formData) {\n \/\/ \u0e40\u0e23\u0e35\u0e22\u0e01 backend API \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 (Laravel route)\n fetch(\"https:\/\/gps-anomaly.monogps.com\/api\/send-quote\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application\/json\",\n \"Accept\": \"application\/json\"\n },\n body: JSON.stringify(formData)\n })\n .then(res => res.json())\n .then(data => {\n console.log(\"\u0e2a\u0e48\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\", data);\n document.getElementById('quote-form').style.display = 'none';\n document.getElementById('success-message').classList.add('active');\n })\n .catch(err => {\n console.error(\"\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\", err);\n alert(\"\u0e2a\u0e48\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e44\u0e21\u0e48\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\");\n });\n }\n\n document.getElementById('quote-form').addEventListener('submit', function(e) {\n e.preventDefault();\n\n const formData = {\n fullname: document.getElementById('fullname').value,\n phone: document.getElementById('phone').value,\n email: document.getElementById('email').value,\n starter_pack: document.getElementById('form-starter-pack').textContent,\n main_product: document.getElementById('form-main-product').textContent,\n hardware: document.getElementById('form-hardware').textContent,\n software: document.getElementById('form-software').textContent,\n service: document.getElementById('form-service').textContent,\n };\n\n testGetAPI(formData);\n });\n <\/script>\n<\/body>\n\n<\/html>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c MonoGPS \u0e04\u0e49\u0e19\u0e2b\u0e32\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19 GPS \u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19 \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e07\u0e48\u0e32\u0e22\u0e14\u0e32\u0e22 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e41\u0e1a\u0e1a\u0e2d\u0e34\u0e19\u0e40\u0e17\u0e2d\u0e23\u0e4c\u0e41\u0e2d\u0e04\u0e17\u0e35\u0e1f\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19 \u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32 \u0e41\u0e25\u0e30\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c \u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e47\u0e08\u0e41\u0e19\u0e30\u0e19\u0e33 \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e44\u0e27\u0e49\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e41\u0e15\u0e48\u0e25\u0e30\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 A \u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS \u0e02\u0e31\u0e49\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 \u0e21\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e32\u0e22\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e40\u0e2a\u0e49\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e38\u0e48\u0e21\u0e22\u0e32\u0e19\u0e1e\u0e32\u0e2b\u0e19\u0e30\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01 \u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32 \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 B \u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e07 \u0e21\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e32\u0e22\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13 2 \u0e40\u0e2a\u0e49\u0e19 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e22\u0e34\u0e48\u0e07\u0e02\u0e36\u0e49\u0e19 \u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32 \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 C \u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23 \u0e21\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e32\u0e22\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13 3 \u0e40\u0e2a\u0e49\u0e19 \u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e22\u0e32\u0e19\u0e1e\u0e32\u0e2b\u0e19\u0e30\u0e17\u0e35\u0e48\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19 \u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32 \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e44\u0e14\u0e49\u0e43\u0e19\u0e44\u0e21\u0e48\u0e01\u0e35\u0e48\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19 1 \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c 2 \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21 3 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2b\u0e25\u0e31\u0e01 \u0e42\u0e1b\u0e23\u0e14\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS (GPS Tracker)…<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-91559","page","type-page","status-publish","hentry","description-off"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c - MonoGPS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/web.monogps.com\/en\/\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c-v-\u0e17\u0e14\u0e25\u0e2d\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\" \/>\n<meta property=\"og:url\" content=\"https:\/\/web.monogps.com\/en\/\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c-v-\u0e17\u0e14\u0e25\u0e2d\/\" \/>\n<meta property=\"og:site_name\" content=\"MonoGPS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MonoGPS\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-25T01:31:54+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/web.monogps.com\\\/%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad\\\/\",\"url\":\"https:\\\/\\\/web.monogps.com\\\/%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad\\\/\",\"name\":\"\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c - MonoGPS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/web.monogps.com\\\/#website\"},\"datePublished\":\"2025-08-28T10:29:33+00:00\",\"dateModified\":\"2025-11-25T01:31:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/web.monogps.com\\\/%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/web.monogps.com\\\/%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/web.monogps.com\\\/%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/web.monogps.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/web.monogps.com\\\/#website\",\"url\":\"https:\\\/\\\/web.monogps.com\\\/\",\"name\":\"MonoGPS | \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a \u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 \u0e41\u0e25\u0e30 IoT solution \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e32\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\",\"description\":\"\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c, \u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS, \u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS \u0e02\u0e19\u0e2a\u0e48\u0e07, \u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS \u0e23\u0e16\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01, IoT Solution \u0e42\u0e23\u0e07\u0e07\u0e32\u0e19, IoT Solution, IoT Solution Asset Tracking\",\"publisher\":{\"@id\":\"https:\\\/\\\/web.monogps.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/web.monogps.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/web.monogps.com\\\/#organization\",\"name\":\"MonoGPS | \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a \u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 \u0e41\u0e25\u0e30 IoT solution \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e32\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\",\"url\":\"https:\\\/\\\/web.monogps.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/web.monogps.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/web.monogps.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/MonoGps-M-Only-6-e1719115417915.png\",\"contentUrl\":\"https:\\\/\\\/web.monogps.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/MonoGps-M-Only-6-e1719115417915.png\",\"width\":56,\"height\":56,\"caption\":\"MonoGPS | \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a \u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 \u0e41\u0e25\u0e30 IoT solution \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e32\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\"},\"image\":{\"@id\":\"https:\\\/\\\/web.monogps.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/MonoGPS\",\"https:\\\/\\\/www.tiktok.com\\\/@monogps\",\"https:\\\/\\\/www.youtube.com\\\/@monogpsco.ltd.\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c - MonoGPS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/web.monogps.com\/en\/\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c-v-\u0e17\u0e14\u0e25\u0e2d\/","og_locale":"en_US","og_type":"article","og_title":"\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c","og_url":"https:\/\/web.monogps.com\/en\/\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c-v-\u0e17\u0e14\u0e25\u0e2d\/","og_site_name":"MonoGPS","article_publisher":"https:\/\/www.facebook.com\/MonoGPS","article_modified_time":"2025-11-25T01:31:54+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/web.monogps.com\/%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad\/","url":"https:\/\/web.monogps.com\/%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad\/","name":"\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c - MonoGPS","isPartOf":{"@id":"https:\/\/web.monogps.com\/#website"},"datePublished":"2025-08-28T10:29:33+00:00","dateModified":"2025-11-25T01:31:54+00:00","breadcrumb":{"@id":"https:\/\/web.monogps.com\/%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/web.monogps.com\/%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/web.monogps.com\/%e0%b9%81%e0%b8%9e%e0%b9%87%e0%b8%84%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%88%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91%e0%b9%8c-v-%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/web.monogps.com\/"},{"@type":"ListItem","position":2,"name":"\u0e41\u0e1e\u0e47\u0e04\u0e40\u0e01\u0e47\u0e08\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c"}]},{"@type":"WebSite","@id":"https:\/\/web.monogps.com\/#website","url":"https:\/\/web.monogps.com\/","name":"MonoGPS | \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a \u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 \u0e41\u0e25\u0e30 IoT solution \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e32\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32","description":"\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c, \u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS, \u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS \u0e02\u0e19\u0e2a\u0e48\u0e07, \u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS \u0e23\u0e16\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01, IoT Solution \u0e42\u0e23\u0e07\u0e07\u0e32\u0e19, IoT Solution, IoT Solution Asset Tracking","publisher":{"@id":"https:\/\/web.monogps.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/web.monogps.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/web.monogps.com\/#organization","name":"MonoGPS | \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a \u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 \u0e41\u0e25\u0e30 IoT solution \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e32\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32","url":"https:\/\/web.monogps.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/web.monogps.com\/#\/schema\/logo\/image\/","url":"https:\/\/web.monogps.com\/wp-content\/uploads\/2024\/06\/MonoGps-M-Only-6-e1719115417915.png","contentUrl":"https:\/\/web.monogps.com\/wp-content\/uploads\/2024\/06\/MonoGps-M-Only-6-e1719115417915.png","width":56,"height":56,"caption":"MonoGPS | \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a \u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 \u0e41\u0e25\u0e30 IoT solution \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e32\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32"},"image":{"@id":"https:\/\/web.monogps.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MonoGPS","https:\/\/www.tiktok.com\/@monogps","https:\/\/www.youtube.com\/@monogpsco.ltd."]}]}},"_links":{"self":[{"href":"https:\/\/web.monogps.com\/en\/wp-json\/wp\/v2\/pages\/91559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.monogps.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.monogps.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.monogps.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/web.monogps.com\/en\/wp-json\/wp\/v2\/comments?post=91559"}],"version-history":[{"count":7,"href":"https:\/\/web.monogps.com\/en\/wp-json\/wp\/v2\/pages\/91559\/revisions"}],"predecessor-version":[{"id":91918,"href":"https:\/\/web.monogps.com\/en\/wp-json\/wp\/v2\/pages\/91559\/revisions\/91918"}],"wp:attachment":[{"href":"https:\/\/web.monogps.com\/en\/wp-json\/wp\/v2\/media?parent=91559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}