{"id":89,"date":"2026-04-22T11:01:31","date_gmt":"2026-04-22T04:01:31","guid":{"rendered":"http:\/\/localhost\/?page_id=89"},"modified":"2026-04-24T13:27:09","modified_gmt":"2026-04-24T06:27:09","slug":"%e0%b8%8a%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b9%80%e0%b8%9c%e0%b8%b7%e0%b8%ad%e0%b8%81","status":"publish","type":"page","link":"https:\/\/www.nationstory.co\/?page_id=89","title":{"rendered":"\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e1c\u0e37\u0e2d\u0e01"},"content":{"rendered":"\n<div class=\"royal-slider-container\" id=\"royalSliderArea\">\n    \n    <div class=\"royal-slide royal-fade\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e1c\u0e37\u0e2d\u0e011.png\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e0a\u0e2d\u0e34\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c\u0e2d\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e34\u0e14\u0e0a\u0e39\u0e22\u0e34\u0e48\u0e07\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e1c\u0e37\u0e2d\u0e01 \u0e2b\u0e19\u0e49\u0e32 1\" class=\"royal-slider-img\">\n    <\/div>\n\n    <div class=\"royal-slide royal-fade\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e1c\u0e37\u0e2d\u0e012.png\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e0a\u0e2d\u0e34\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c\u0e2d\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e34\u0e14\u0e0a\u0e39\u0e22\u0e34\u0e48\u0e07\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e1c\u0e37\u0e2d\u0e01 \u0e2b\u0e19\u0e49\u0e32 2\" class=\"royal-slider-img\">\n    <\/div>\n\n    <a class=\"royal-prev-btn\" onclick=\"plusRoyalSlides(-1)\">&#10094;<\/a>\n    <a class=\"royal-next-btn\" onclick=\"plusRoyalSlides(1)\">&#10095;<\/a>\n<\/div>\n\n<div style=\"text-align:center; margin-top: 15px;\">\n    <span class=\"royal-dot\" onclick=\"currentRoyalSlide(1)\"><\/span> \n    <span class=\"royal-dot\" onclick=\"currentRoyalSlide(2)\"><\/span> \n<\/div>\n\n\n<style>\n    \/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e04\u0e23\u0e2d\u0e1a\u0e2a\u0e44\u0e25\u0e14\u0e4c *\/\n    .royal-slider-container {\n        max-width: 1000px;\n        position: relative;\n        margin: 40px auto 0;\n        text-align: center;\n        \/* \u0e40\u0e27\u0e49\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e14\u0e49\u0e32\u0e19\u0e02\u0e49\u0e32\u0e07\u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32 70px \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e28\u0e23\u0e2d\u0e22\u0e39\u0e48\u0e14\u0e49\u0e32\u0e19\u0e19\u0e2d\u0e01\u0e23\u0e39\u0e1b \u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e25\u0e49\u0e19\u0e08\u0e2d *\/\n        padding: 0 70px;\n        box-sizing: border-box;\n    }\n\n    \/* \u0e0b\u0e48\u0e2d\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e48\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 *\/\n    .royal-slide {\n        display: none;\n    }\n\n    \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n    .royal-slider-img {\n        max-width: 100%;\n        height: auto;\n        border-radius: 12px;\n        border: 4px solid #ffffff;\n        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\n    }\n\n    .royal-slider-img:hover {\n        transform: translateY(-5px) scale(1.01);\n        box-shadow: 0 20px 40px rgba(0, 51, 102, 0.2);\n    }\n\n    \/* \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e28\u0e23 \u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32 (\u0e22\u0e49\u0e32\u0e22\u0e21\u0e32\u0e2d\u0e22\u0e39\u0e48\u0e02\u0e2d\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e40\u0e27\u0e49\u0e19 Padding \u0e44\u0e27\u0e49) *\/\n    .royal-prev-btn, .royal-next-btn {\n        cursor: pointer;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: auto;\n        padding: 12px 18px;\n        color: #003366;\n        font-weight: bold;\n        font-size: 24px;\n        transition: 0.3s ease;\n        border-radius: 50%;\n        background-color: rgba(255, 255, 255, 0.85);\n        box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n        user-select: none;\n    }\n\n    \/* \u0e27\u0e32\u0e07\u0e0a\u0e34\u0e14\u0e02\u0e2d\u0e1a\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07 Container \u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32 *\/\n    .royal-prev-btn { left: 5px; }\n    .royal-next-btn { right: 5px; }\n\n    .royal-prev-btn:hover, .royal-next-btn:hover {\n        background-color: #003366;\n        color: white;\n    }\n\n    \/* \u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32 (Dots) *\/\n    .royal-dot {\n        cursor: pointer;\n        height: 12px;\n        width: 12px;\n        margin: 0 4px;\n        background-color: #bbbbbb;\n        border-radius: 50%;\n        display: inline-block;\n        transition: background-color 0.3s ease;\n    }\n\n    .royal-active-dot, .royal-dot:hover {\n        background-color: #003366;\n    }\n\n    .royal-fade {\n        animation-name: royalFadeAnim;\n        animation-duration: 0.8s;\n    }\n\n    @keyframes royalFadeAnim {\n        from {opacity: .4} \n        to {opacity: 1}\n    }\n\n    \/* ========================================== *\/\n    \/* \u0e42\u0e2b\u0e21\u0e14\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d (Mobile Responsive) *\/\n    \/* ========================================== *\/\n    @media (max-width: 768px) {\n        .royal-prev-btn, .royal-next-btn {\n            display: none; \/* \u0e0b\u0e48\u0e2d\u0e19\u0e25\u0e39\u0e01\u0e28\u0e23\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n        }\n        .royal-slider-container {\n            padding: 0 15px; \/* \u0e25\u0e14\u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e02\u0e49\u0e32\u0e07\u0e25\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e44\u0e21\u0e48\u0e21\u0e35\u0e25\u0e39\u0e01\u0e28\u0e23\u0e41\u0e25\u0e49\u0e27 *\/\n        }\n    }\n<\/style>\n\n\n<script>\n    \/\/ \u0e2a\u0e48\u0e27\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e2a\u0e44\u0e25\u0e14\u0e4c\n    let royalSlideIndex = 1;\n    showRoyalSlides(royalSlideIndex);\n\n    function plusRoyalSlides(n) {\n        showRoyalSlides(royalSlideIndex += n);\n    }\n\n    function currentRoyalSlide(n) {\n        showRoyalSlides(royalSlideIndex = n);\n    }\n\n    function showRoyalSlides(n) {\n        let i;\n        let slides = document.getElementsByClassName(\"royal-slide\");\n        let dots = document.getElementsByClassName(\"royal-dot\");\n        \n        if (slides.length === 0) return;\n\n        if (n > slides.length) {royalSlideIndex = 1}    \n        if (n < 1) {royalSlideIndex = slides.length}\n        \n        for (i = 0; i < slides.length; i++) {\n            slides[i].style.display = \"none\";  \n        }\n        for (i = 0; i < dots.length; i++) {\n            dots[i].className = dots[i].className.replace(\" royal-active-dot\", \"\");\n        }\n        \n        slides[royalSlideIndex-1].style.display = \"block\";  \n        dots[royalSlideIndex-1].className += \" royal-active-dot\";\n    }\n\n    \/\/ ==========================================\n    \/\/ \u0e2a\u0e48\u0e27\u0e19\u0e15\u0e23\u0e27\u0e08\u0e08\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e31\u0e14\u0e19\u0e34\u0e49\u0e27 (Touch Swipe) \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\n    \/\/ ==========================================\n    let touchstartX = 0;\n    let touchendX = 0;\n    \n    const sliderBox = document.getElementById('royalSliderArea');\n\n    \/\/ \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e34\u0e48\u0e21\u0e41\u0e15\u0e30\u0e08\u0e2d\n    sliderBox.addEventListener('touchstart', function(event) {\n        touchstartX = event.changedTouches[0].screenX;\n    }, {passive: true});\n\n    \/\/ \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e19\u0e34\u0e49\u0e27\u0e08\u0e32\u0e01\u0e08\u0e2d\n    sliderBox.addEventListener('touchend', function(event) {\n        touchendX = event.changedTouches[0].screenX;\n        handleSwipeGesture();\n    }, {passive: true});\n\n    \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e1b\u0e31\u0e14\u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32\n    function handleSwipeGesture() {\n        \/\/ \u0e16\u0e49\u0e32\u0e23\u0e30\u0e22\u0e30\u0e1b\u0e31\u0e14\u0e19\u0e34\u0e49\u0e27\u0e44\u0e1b\u0e17\u0e32\u0e07\u0e0b\u0e49\u0e32\u0e22\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 40px (\u0e1b\u0e31\u0e14\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e16\u0e31\u0e14\u0e44\u0e1b)\n        if (touchendX < touchstartX - 40) {\n            plusRoyalSlides(1);\n        }\n        \/\/ \u0e16\u0e49\u0e32\u0e23\u0e30\u0e22\u0e30\u0e1b\u0e31\u0e14\u0e19\u0e34\u0e49\u0e27\u0e44\u0e1b\u0e17\u0e32\u0e07\u0e02\u0e27\u0e32\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 40px (\u0e1b\u0e31\u0e14\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32)\n        if (touchendX > touchstartX + 40) {\n            plusRoyalSlides(-1);\n        }\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>&#10094; &#10095;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-89","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=89"}],"version-history":[{"count":4,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":196,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions\/196"}],"wp:attachment":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}