{"id":37085,"date":"2026-05-15T14:56:36","date_gmt":"2026-05-15T07:56:36","guid":{"rendered":"https:\/\/ubongeopark.org\/geopark\/?page_id=37085"},"modified":"2026-05-18T17:19:35","modified_gmt":"2026-05-18T10:19:35","slug":"index","status":"publish","type":"page","link":"https:\/\/ubongeopark.org\/geopark\/index\/","title":{"rendered":"index"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37085\" class=\"elementor elementor-37085\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d90743 e-flex e-con-boxed e-con e-parent\" data-id=\"8d90743\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9908cb0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9908cb0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 | Ubon Ratchathani Geopark<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700&family=Playfair+Display:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --primary: #1a472a;\r\n            --secondary: #d4865e;\r\n            --accent: #f5a876;\r\n            --light: #f8f6f2;\r\n            --dark: #0f1419;\r\n            --text: #2d3436;\r\n            --muted: #636e72;\r\n            --border: #e8dcc8;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Kanit', sans-serif;\r\n            background: var(--light);\r\n            color: var(--text);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ===== NAVBAR ===== *\/\r\n        nav {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            z-index: 1000;\r\n            box-shadow: 0 2px 20px rgba(0,0,0,0.08);\r\n        }\r\n\r\n        .nav-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 2rem;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            height: 80px;\r\n        }\r\n\r\n        .logo {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: var(--primary);\r\n            text-decoration: none;\r\n            letter-spacing: -0.5px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .logo-icon {\r\n            font-size: 2rem;\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));\r\n        }\r\n\r\n        .nav-right-container {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .nav-links {\r\n            display: flex;\r\n            gap: 2.5rem;\r\n            list-style: none;\r\n        }\r\n\r\n        .nav-links a {\r\n            text-decoration: none;\r\n            color: var(--text);\r\n            font-weight: 500;\r\n            font-size: 0.95rem;\r\n            position: relative;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .nav-links a::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -4px;\r\n            left: 0;\r\n            width: 0;\r\n            height: 2px;\r\n            background: var(--secondary);\r\n            transition: width 0.3s ease;\r\n        }\r\n\r\n        .nav-links a:hover::after {\r\n            width: 100%;\r\n        }\r\n\r\n        \/* ===== LANGUAGE SWITCHER BUTTON ===== *\/\r\n        .lang-switch-btn {\r\n            background: white;\r\n            border: 2px solid var(--primary);\r\n            color: var(--primary);\r\n            padding: 0.4rem 0.8rem;\r\n            border-radius: 20px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.4rem;\r\n            font-size: 0.85rem;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .lang-switch-btn:hover {\r\n            background: var(--primary);\r\n            color: white;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* ===== HERO SECTION ===== *\/\r\n        .hero {\r\n            margin-top: 80px;\r\n            background: linear-gradient(135deg, var(--primary) 0%, #2d5a3d 100%);\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: 6rem 2rem;\r\n            min-height: 90vh;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            right: -10%;\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5%;\r\n            left: 5%;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(212, 134, 94, 0.15) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            width: 100%;\r\n            position: relative;\r\n            z-index: 1;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .hero-text h1 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 4.5rem;\r\n            color: white;\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.1;\r\n            letter-spacing: -1px;\r\n            animation: slideInLeft 0.8s ease-out;\r\n        }\r\n\r\n        @keyframes slideInLeft {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(-50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        .hero-text .subtitle {\r\n            font-size: 1.3rem;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 2rem;\r\n            font-weight: 300;\r\n            animation: slideInLeft 0.8s ease-out 0.2s both;\r\n        }\r\n\r\n        .hero-text .desc {\r\n            font-size: 1rem;\r\n            color: rgba(255, 255, 255, 0.85);\r\n            margin-bottom: 2.5rem;\r\n            line-height: 1.8;\r\n            max-width: 500px;\r\n            animation: slideInLeft 0.8s ease-out 0.4s both;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            animation: slideInLeft 0.8s ease-out 0.6s both;\r\n        }\r\n\r\n        .btn {\r\n            padding: 1rem 2.5rem;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-family: 'Kanit', sans-serif;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            text-align: center;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: var(--secondary);\r\n            color: white;\r\n            box-shadow: 0 8px 25px rgba(212, 134, 94, 0.3);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 35px rgba(212, 134, 94, 0.4);\r\n            background: #c47350;\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: white;\r\n            color: var(--primary);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .hero-visual {\r\n            position: relative;\r\n            animation: slideInRight 0.8s ease-out 0.2s both;\r\n        }\r\n\r\n        @keyframes slideInRight {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        .hero-card {\r\n            background: white;\r\n            border-radius: 16px;\r\n            padding: 2.5rem;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .hero-card-item {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            margin-bottom: 2rem;\r\n            padding-bottom: 2rem;\r\n            border-bottom: 1px solid var(--border);\r\n        }\r\n\r\n        .hero-card-item:last-child {\r\n            margin-bottom: 0;\r\n            padding-bottom: 0;\r\n            border-bottom: none;\r\n        }\r\n\r\n        .hero-card-icon {\r\n            font-size: 2.5rem;\r\n            min-width: 60px;\r\n            text-align: center;\r\n        }\r\n\r\n        .hero-card-text h3 {\r\n            font-size: 1.1rem;\r\n            color: var(--primary);\r\n            margin-bottom: 0.5rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .hero-card-text p {\r\n            font-size: 0.9rem;\r\n            color: var(--muted);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* ===== FEATURES SECTION ===== *\/\r\n        .features {\r\n            max-width: 1400px;\r\n            margin: -80px auto 0;\r\n            padding: 80px 2rem 6rem;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .section-title h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 3rem;\r\n            color: var(--primary);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .section-title p {\r\n            font-size: 1.1rem;\r\n            color: var(--muted);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .feature-card {\r\n            background: white;\r\n            border-radius: 12px;\r\n            padding: 2.5rem;\r\n            border: 1px solid var(--border);\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            position: relative;\r\n            overflow: hidden;\r\n            text-decoration: none;\r\n            color: inherit;\r\n            display: block;\r\n        }\r\n\r\n        .feature-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--secondary), var(--accent));\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .feature-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .feature-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .feature-card h3 {\r\n            font-size: 1.3rem;\r\n            color: var(--primary);\r\n            margin-bottom: 1rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .feature-card p {\r\n            color: var(--muted);\r\n            line-height: 1.7;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .feature-link {\r\n            color: var(--secondary);\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-link:hover {\r\n            gap: 1rem;\r\n        }\r\n\r\n        \/* ===== SECTIONS ===== *\/\r\n        .section {\r\n            padding: 6rem 2rem;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section.alt {\r\n            background: white;\r\n        }\r\n\r\n        .section-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .section-content.reverse {\r\n            direction: rtl;\r\n        }\r\n\r\n        .section-content.reverse > * {\r\n            direction: ltr;\r\n        }\r\n\r\n        .section-image {\r\n            font-size: 5rem;\r\n            text-align: center;\r\n            padding: 3rem;\r\n            background: linear-gradient(135deg, var(--accent) 0%, var(--secondary) 100%);\r\n            border-radius: 16px;\r\n            color: white;\r\n            height: 400px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .section-text h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2.5rem;\r\n            color: var(--primary);\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .section-text p {\r\n            color: var(--muted);\r\n            line-height: 1.8;\r\n            margin-bottom: 1.5rem;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .highlights {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1.5rem;\r\n            margin: 2rem 0;\r\n        }\r\n\r\n        .highlight-item {\r\n            padding: 1.5rem;\r\n            background: var(--light);\r\n            border-left: 4px solid var(--secondary);\r\n            border-radius: 8px;\r\n        }\r\n\r\n        .highlight-item strong {\r\n            color: var(--primary);\r\n            display: block;\r\n            margin-bottom: 0.5rem;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .highlight-item span {\r\n            color: var(--muted);\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        \/* ===== STATS SECTION ===== *\/\r\n        .stats-section {\r\n            background: linear-gradient(135deg, var(--primary) 0%, #2d5a3d 100%);\r\n            color: white;\r\n            padding: 6rem 2rem;\r\n        }\r\n\r\n        .stats-grid {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 3rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .stat-item h3 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 3.5rem;\r\n            margin-bottom: 0.5rem;\r\n            color: var(--secondary);\r\n        }\r\n\r\n        .stat-item p {\r\n            font-size: 1.1rem;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* ===== FOOTER ===== *\/\r\n        footer {\r\n            background: var(--dark);\r\n            color: white;\r\n            padding: 4rem 2rem;\r\n        }\r\n\r\n        .footer-content {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 3rem;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .footer-col h4 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.3rem;\r\n            margin-bottom: 1.5rem;\r\n            color: var(--secondary);\r\n        }\r\n\r\n        .footer-col p {\r\n            color: rgba(255, 255, 255, 0.8);\r\n            line-height: 1.8;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .footer-col ul {\r\n            list-style: none;\r\n        }\r\n\r\n        .footer-col ul li {\r\n            margin-bottom: 0.75rem;\r\n        }\r\n\r\n        .footer-col ul li a {\r\n            color: rgba(255, 255, 255, 0.8);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .footer-col ul li a:hover {\r\n            color: var(--secondary);\r\n        }\r\n\r\n        .footer-bottom {\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            padding-top: 2rem;\r\n            text-align: center;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        \/* ===== RESPONSIVE ===== *\/\r\n        @media (max-width: 1024px) {\r\n            .nav-links {\r\n                gap: 1.2rem;\r\n            }\r\n            .nav-right-container {\r\n                gap: 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 890px) {\r\n            .nav-links {\r\n                gap: 0.8rem;\r\n            }\r\n            .nav-links a {\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .nav-links {\r\n                display: none;\r\n            }\r\n\r\n            .hero-content {\r\n                grid-template-columns: 1fr;\r\n                padding: 2rem 0;\r\n            }\r\n\r\n            .hero-text h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .section-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n\r\n            .section-content.reverse {\r\n                direction: ltr;\r\n            }\r\n\r\n            .highlights {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .section-title h2 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- NAVBAR -->\r\n    <nav>\r\n        <div class=\"nav-container\">\r\n            <a href=\"index.html\" class=\"logo\">\r\n                <span class=\"logo-icon\">\ud83c\udf0d<\/span>\r\n                <span data-translate=\"nav-title\">\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35<\/span>\r\n            <\/a>\r\n            <div class=\"nav-right-container\">\r\n                <ul class=\"nav-links\">\r\n                    <!-- ADDED: Home link pointing to the geopark main page -->\r\n                    <li><a href=\"https:\/\/ubongeopark.org\/geopark\/\" data-translate=\"nav-home\">\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01<\/a><\/li>\r\n                    <li><a href=\"#features\" data-translate=\"nav-features\">\u0e2b\u0e21\u0e27\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/a><\/li>\r\n                    <li><a href=\"#accommodation\" data-translate=\"nav-accommodation\">\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01<\/a><\/li>\r\n                    <li><a href=\"#restaurants\" data-translate=\"nav-restaurants\">\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/a><\/li>\r\n                    <li><a href=\"#communities\" data-translate=\"nav-communities\">\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08<\/a><\/li>\r\n                    <li><a href=\"#contact\" data-translate=\"nav-contact\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/a><\/li>\r\n                <\/ul>\r\n                <!-- BUTTON FOR CHANGING LANGUAGE -->\r\n                <button onclick=\"toggleLanguage()\" class=\"lang-switch-btn\" id=\"langBtn\">\r\n                    \ud83c\udf10 <span>EN<\/span>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- HERO SECTION -->\r\n    <section class=\"hero\">\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-text\">\r\n                <h1 data-translate=\"hero-title\">\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35<\/h1>\r\n                <p class=\"subtitle\" data-translate=\"hero-subtitle\">Ubon Ratchathani Geopark<\/p>\r\n                <p class=\"desc\" data-translate=\"hero-desc\">\r\n                    \u0e0a\u0e21\u0e04\u0e27\u0e32\u0e21\u0e07\u0e32\u0e21\u0e02\u0e2d\u0e07\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34 \u0e1c\u0e32\u0e2b\u0e34\u0e19\u0e21\u0e2b\u0e31\u0e28\u0e08\u0e23\u0e23\u0e22\u0e4c \u0e19\u0e49\u0e33\u0e15\u0e01\u0e2a\u0e27\u0e22 \u0e41\u0e25\u0e30\u0e08\u0e38\u0e14\u0e0a\u0e21\u0e41\u0e2a\u0e07\u0e41\u0e23\u0e01\u0e41\u0e2b\u0e48\u0e07\u0e2a\u0e22\u0e32\u0e21 \r\n                    \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21 4 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e2b\u0e25\u0e31\u0e01 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19 46 \u0e41\u0e2b\u0e48\u0e07\r\n                <\/p>\r\n                <div class=\"cta-buttons\">\r\n                    <a href=\"https:\/\/ubongeopark.org\/geopark\/\" class=\"btn btn-primary\" data-translate=\"hero-cta-primary\">\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35<\/a>\r\n                    <a href=\"#features\" class=\"btn btn-secondary\" data-translate=\"hero-cta-secondary\">\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hero-visual\">\r\n                <div class=\"hero-card\">\r\n                    <div class=\"hero-card-item\">\r\n                        <div class=\"hero-card-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n                        <div class=\"hero-card-text\">\r\n                            <h3 data-translate=\"hero-card1-title\">4 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e2b\u0e25\u0e31\u0e01<\/h3>\r\n                            <p data-translate=\"hero-card1-desc\">\u0e28\u0e23\u0e35\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48, \u0e42\u0e02\u0e07\u0e40\u0e08\u0e35\u0e22\u0e21, \u0e2a\u0e34\u0e23\u0e34\u0e19\u0e18\u0e23, \u0e42\u0e1e\u0e18\u0e34\u0e4c\u0e44\u0e17\u0e23<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"hero-card-item\">\r\n                        <div class=\"hero-card-icon\">\ud83c\udf0d<\/div>\r\n                        <div class=\"hero-card-text\">\r\n                            <h3 data-translate=\"hero-card2-title\">46 \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e18\u0e23\u0e13\u0e35<\/h3>\r\n                            <p data-translate=\"hero-card2-desc\">\u0e04\u0e27\u0e32\u0e21\u0e21\u0e2b\u0e31\u0e28\u0e08\u0e23\u0e23\u0e22\u0e4c\u0e02\u0e2d\u0e07\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"hero-card-item\">\r\n                        <div class=\"hero-card-icon\">\u2b50<\/div>\r\n                        <div class=\"hero-card-text\">\r\n                            <h3 data-translate=\"hero-card3-title\">4 \u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07<\/h3>\r\n                            <p data-translate=\"hero-card3-desc\">\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 2 \u0e27\u0e31\u0e19 1 \u0e04\u0e37\u0e19<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FEATURES SECTION -->\r\n    <section id=\"features\" class=\"features\">\r\n        <div class=\"section-title\">\r\n            <h2 data-translate=\"features-title\">\ud83d\udccc \u0e2b\u0e21\u0e27\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/h2>\r\n            <p data-translate=\"features-subtitle\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e21\u0e27\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e2a\u0e19\u0e43\u0e08 \u0e04\u0e49\u0e19\u0e2b\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01 \u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"features-grid\">\r\n            <!-- Accommodation Card -->\r\n            <a href=\"https:\/\/ubongeopark.org\/geopark\/%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%9e%e0%b8%b1%e0%b8%81\/\" style=\"text-decoration: none; color: inherit;\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\ud83c\udfe8<\/div>\r\n                    <h3 data-translate=\"feat-card1-title\">\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01<\/h3>\r\n                    <p data-translate=\"feat-card1-desc\">\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21 \u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17 \u0e41\u0e25\u0e30\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01<\/p>\r\n                    <div class=\"feature-link\">\r\n                        <span data-translate=\"more-detail\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/span>\r\n                        <span>\u2192<\/span>\r\n                    <\/div>\r\n                    <div style=\"font-size: 0.9rem; color: var(--secondary); font-weight: 600; margin-top: 1rem;\" data-translate=\"feat-card1-stat\">\r\n                        16 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48 \u2022 4 \u0e2d\u0e33\u0e40\u0e20\u0e2d\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Restaurants Card -->\r\n            <a href=\"https:\/\/ubongeopark.org\/geopark\/restaurants\/\" style=\"text-decoration: none; color: inherit;\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\ud83c\udf7d\ufe0f<\/div>\r\n                    <h3 data-translate=\"feat-card2-title\">\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/h3>\r\n                    <p data-translate=\"feat-card2-desc\">\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19 \u0e23\u0e49\u0e32\u0e19\u0e01\u0e32\u0e41\u0e1f \u0e41\u0e25\u0e30\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2a\u0e32\u0e22\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e40\u0e2a\u0e34\u0e23\u0e4c\u0e1f\u0e40\u0e21\u0e19\u0e39\u0e1e\u0e34\u0e40\u0e28\u0e29<\/p>\r\n                    <div class=\"feature-link\">\r\n                        <span data-translate=\"more-detail\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/span>\r\n                        <span>\u2192<\/span>\r\n                    <\/div>\r\n                    <div style=\"font-size: 0.9rem; color: var(--secondary); font-weight: 600; margin-top: 1rem;\" data-translate=\"feat-card2-stat\">\r\n                        17 \u0e23\u0e49\u0e32\u0e19 \u2022 5 \u0e2d\u0e33\u0e40\u0e20\u0e2d\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Communities Card -->\r\n            <a href=\"https:\/\/ubongeopark.org\/geopark\/communities\/\" style=\"text-decoration: none; color: inherit;\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\ud83e\udd1d<\/div>\r\n                    <h3 data-translate=\"feat-card3-title\">\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19<\/h3>\r\n                    <p data-translate=\"feat-card3-desc\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e2d\u0e1c\u0e49\u0e32 \u0e2b\u0e31\u0e15\u0e16\u0e28\u0e34\u0e25\u0e1b\u0e4c \u0e1b\u0e28\u0e38\u0e2a\u0e31\u0e15\u0e27\u0e4c \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/p>\r\n                    <div class=\"feature-link\">\r\n                        <span data-translate=\"more-detail\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/span>\r\n                        <span>\u2192<\/span>\r\n                    <\/div>\r\n                    <div style=\"font-size: 0.9rem; color: var(--secondary); font-weight: 600; margin-top: 1rem;\" data-translate=\"feat-card3-stat\">\r\n                        16 \u0e01\u0e25\u0e38\u0e48\u0e21 \u2022 4 \u0e2d\u0e33\u0e40\u0e20\u0e2d\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ABOUT SECTION (Accommodation description) -->\r\n    <section id=\"accommodation\" class=\"section alt\">\r\n        <div class=\"section-content\">\r\n            <div class=\"section-text\">\r\n                <h2 data-translate=\"about-acc-title\">\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e41\u0e1a\u0e1a\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22<\/h2>\r\n                <p data-translate=\"about-acc-desc\">\r\n                    \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\u0e2b\u0e23\u0e39\u0e2b\u0e23\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01\u0e17\u0e35\u0e48\u0e40\u0e15\u0e47\u0e21\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e1a\u0e2d\u0e38\u0e48\u0e19 \r\n                    \u0e17\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48\u0e21\u0e35\u0e27\u0e34\u0e27\u0e40\u0e02\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e34\u0e23\u0e34\u0e19\u0e18\u0e23\u0e41\u0e25\u0e30\u0e23\u0e34\u0e21\u0e41\u0e21\u0e48\u0e19\u0e49\u0e33\u0e42\u0e02\r\n                <\/p>\r\n                <div class=\"highlights\">\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"acc-high1-title\">16 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01<\/strong>\r\n                        <span data-translate=\"acc-high1-desc\">\u0e17\u0e31\u0e48\u0e27\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19<\/span>\r\n                    <\/div>\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"acc-high2-title\">\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01-\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21<\/strong>\r\n                        <span data-translate=\"acc-high2-desc\">\u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e32\u0e21\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/span>\r\n                    <\/div>\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"acc-high3-title\">\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01<\/strong>\r\n                        <span data-translate=\"acc-high3-desc\">Wi-Fi, \u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23, \u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14<\/span>\r\n                    <\/div>\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"acc-high4-title\">\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e01\u0e25\u0e49\u0e17\u0e35\u0e48\u0e14\u0e36\u0e07\u0e14\u0e39\u0e14<\/strong>\r\n                        <span data-translate=\"acc-high4-desc\">\u0e1c\u0e32\u0e41\u0e15\u0e49\u0e21, \u0e40\u0e02\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e34\u0e23\u0e34\u0e19\u0e18\u0e23<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"https:\/\/ubongeopark.org\/geopark\/%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%9e%e0%b8%b1%e0%b8%81\/\" class=\"feature-link\" style=\"font-size: 1rem; margin-top: 2rem;\">\r\n                    <span data-translate=\"all-acc\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span> <span>\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"section-image\">\ud83c\udfe8<\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- RESTAURANTS SECTION -->\r\n    <section id=\"restaurants\" class=\"section\">\r\n        <div class=\"section-content reverse\">\r\n            <div class=\"section-text\">\r\n                <h2 data-translate=\"about-res-title\">\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2a\u0e38\u0e14\u0e41\u0e19\u0e27\u0e23\u0e48\u0e27\u0e21\u0e2a\u0e21\u0e31\u0e22<\/h2>\r\n                <p data-translate=\"about-res-desc\">\r\n                    \u0e08\u0e32\u0e01\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\u0e17\u0e35\u0e48\u0e0a\u0e37\u0e48\u0e19\u0e0a\u0e2d\u0e1a \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e23\u0e49\u0e32\u0e19\u0e01\u0e32\u0e41\u0e1f\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e23\u0e34\u0e21\u0e40\u0e02\u0e37\u0e48\u0e2d\u0e19 \r\n                    \u0e1e\u0e1a\u0e01\u0e31\u0e1a\u0e23\u0e2a\u0e0a\u0e32\u0e15\u0e34\u0e2d\u0e23\u0e48\u0e2d\u0e22\u0e02\u0e2d\u0e07\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35\r\n                <\/p>\r\n                <div class=\"highlights\">\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"res-high1-title\">17 \u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/strong>\r\n                        <span data-translate=\"res-high1-desc\">\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 5 \u0e2d\u0e33\u0e40\u0e20\u0e2d<\/span>\r\n                    <\/div>\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"res-high2-title\">\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/strong>\r\n                        <span data-translate=\"res-high2-desc\">\u0e23\u0e2a\u0e0a\u0e32\u0e15\u0e34\u0e41\u0e17\u0e49\u0e23\u0e34\u0e21\u0e1d\u0e31\u0e48\u0e07\u0e42\u0e02\u0e07<\/span>\r\n                    <\/div>\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"res-high3-title\">\u0e23\u0e49\u0e32\u0e19\u0e01\u0e32\u0e41\u0e1f\u0e27\u0e34\u0e27\u0e2a\u0e27\u0e22<\/strong>\r\n                        <span data-translate=\"res-high3-desc\">\u0e0a\u0e21\u0e27\u0e34\u0e27\u0e02\u0e13\u0e30\u0e14\u0e37\u0e48\u0e21\u0e01\u0e32\u0e41\u0e1f<\/span>\r\n                    <\/div>\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"res-high4-title\">\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e21\u0e2d<\/strong>\r\n                        <span data-translate=\"res-high4-desc\">\u0e21\u0e37\u0e49\u0e2d\u0e40\u0e0a\u0e49\u0e32 \u0e01\u0e25\u0e32\u0e07\u0e27\u0e31\u0e19 \u0e40\u0e22\u0e47\u0e19<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"https:\/\/ubongeopark.org\/geopark\/restaurants\/\" class=\"feature-link\" style=\"font-size: 1rem; margin-top: 2rem;\">\r\n                    <span data-translate=\"all-res\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span> <span>\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"section-image\">\ud83c\udf7d\ufe0f<\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- COMMUNITIES SECTION -->\r\n    <section id=\"communities\" class=\"section alt\">\r\n        <div class=\"section-content\">\r\n            <div class=\"section-text\">\r\n                <h2 data-translate=\"about-com-title\">\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/h2>\r\n                <p data-translate=\"about-com-desc\">\r\n                    \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19 \u0e08\u0e32\u0e01\u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e2d\u0e1c\u0e49\u0e32 \u0e2b\u0e31\u0e15\u0e16\u0e28\u0e34\u0e25\u0e1b\u0e4c \u0e40\u0e01\u0e29\u0e15\u0e23 \r\n                    \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\r\n                <\/p>\r\n                <div class=\"highlights\">\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"com-high1-title\">16 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08<\/strong>\r\n                        <span data-translate=\"com-high1-desc\">\u0e43\u0e19\u0e17\u0e38\u0e01\u0e2d\u0e33\u0e40\u0e20\u0e2d<\/span>\r\n                    <\/div>\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"com-high2-title\">\u0e17\u0e2d\u0e1c\u0e49\u0e32 \u0e1c\u0e49\u0e32\u0e1a\u0e32\u0e15\u0e34\u0e01<\/strong>\r\n                        <span data-translate=\"com-high2-desc\">\u0e07\u0e32\u0e19\u0e1d\u0e35\u0e21\u0e37\u0e2d\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/span>\r\n                    <\/div>\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"com-high3-title\">\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e40\u0e01\u0e29\u0e15\u0e23<\/strong>\r\n                        <span data-translate=\"com-high3-desc\">\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2d\u0e34\u0e19\u0e17\u0e23\u0e35\u0e22\u0e4c<\/span>\r\n                    <\/div>\r\n                    <div class=\"highlight-item\">\r\n                        <strong data-translate=\"com-high4-title\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e19\u0e33\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27<\/strong>\r\n                        <span data-translate=\"com-high4-desc\">\u0e40\u0e23\u0e37\u0e2d\u0e0a\u0e21\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"https:\/\/ubongeopark.org\/geopark\/communities\/\" class=\"feature-link\" style=\"font-size: 1rem; margin-top: 2rem;\">\r\n                    <span data-translate=\"all-com\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span> <span>\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"section-image\">\ud83e\udd1d<\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- STATS SECTION -->\r\n    <section class=\"stats-section\">\r\n        <div class=\"stats-grid\">\r\n            <div class=\"stat-item\">\r\n                <h3>4<\/h3>\r\n                <p data-translate=\"stat1\">\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e2b\u0e25\u0e31\u0e01<\/p>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n                <h3>46<\/h3>\r\n                <p data-translate=\"stat2\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19<\/p>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n                <h3>49<\/h3>\r\n                <p data-translate=\"stat3\">\u0e2a\u0e16\u0e32\u0e19\/\u0e23\u0e49\u0e32\u0e19\/\u0e01\u0e25\u0e38\u0e48\u0e21<\/p>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n                <h3>365<\/h3>\r\n                <p data-translate=\"stat4\">\u0e27\u0e31\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer id=\"contact\">\r\n        <div class=\"footer-content\">\r\n            <div class=\"footer-col\">\r\n                <h4 data-translate=\"footer-col1-title\">\ud83c\udf0d \u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35<\/h4>\r\n                <p data-translate=\"footer-col1-desc\">\r\n                    \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e17\u0e35\u0e48\u0e23\u0e27\u0e21\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34 \u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19 \r\n                    \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"footer-col\">\r\n                <h4 data-translate=\"footer-col2-title\">\ud83d\udccc \u0e2b\u0e21\u0e27\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/h4>\r\n                <ul>\r\n                    <li><a href=\"accommodation-ubon.html\" data-translate=\"footer-acc\">\ud83c\udfe8 \u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01<\/a><\/li>\r\n                    <li><a href=\"restaurants.html\" data-translate=\"footer-res\">\ud83c\udf7d\ufe0f \u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/a><\/li>\r\n                    <li><a href=\"communities.html\" data-translate=\"footer-com\">\ud83e\udd1d \u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"footer-col\">\r\n                <h4 data-translate=\"footer-col3-title\">\ud83d\udccd \u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07<\/h4>\r\n                <p data-translate=\"footer-col3-desc\">\r\n                    \u0e17\u0e38\u0e48\u0e07\u0e1a\u0e39\u0e23\u0e1e\u0e32 \u0e15.\u0e2b\u0e19\u0e2d\u0e07\u0e02\u0e2d\u0e19<br>\r\n                    \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35<br>\r\n                    \u0e08.\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 34000\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"footer-col\">\r\n                <h4 data-translate=\"footer-col4-title\">\ud83d\udcde \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h4>\r\n                <p>\r\n                    <strong data-translate=\"footer-col4-web\">\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c:<\/strong><br>\r\n                    <a href=\"https:\/\/ubongeopark.org\/geopark\/\" target=\"_blank\">\r\n                        ubongeopark.org\r\n                    <\/a>\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"footer-bottom\">\r\n            <p data-translate=\"footer-copyright\">&copy; 2026 \u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 - \u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2a\u0e48\u0e27\u0e19\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- LANGUAGE TRANSLATION SCRIPT -->\r\n    <script>\r\n        const translations = {\r\n            th: {\r\n                \"nav-home\": \"\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01\", \/\/ Added Home translation\r\n                \"nav-title\": \"\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\",\r\n                \"nav-features\": \"\u0e2b\u0e21\u0e27\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\",\r\n                \"nav-accommodation\": \"\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\",\r\n                \"nav-restaurants\": \"\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\",\r\n                \"nav-communities\": \"\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\",\r\n                \"nav-contact\": \"\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\",\r\n                \"hero-title\": \"\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35\",\r\n                \"hero-subtitle\": \"Ubon Ratchathani Geopark\",\r\n                \"hero-desc\": \"\u0e0a\u0e21\u0e04\u0e27\u0e32\u0e21\u0e07\u0e32\u0e21\u0e02\u0e2d\u0e07\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34 \u0e1c\u0e32\u0e2b\u0e34\u0e19\u0e21\u0e2b\u0e31\u0e28\u0e08\u0e23\u0e23\u0e22\u0e4c \u0e19\u0e49\u0e33\u0e15\u0e01\u0e2a\u0e27\u0e22 \u0e41\u0e25\u0e30\u0e08\u0e38\u0e14\u0e0a\u0e21\u0e41\u0e2a\u0e07\u0e41\u0e23\u0e01\u0e41\u0e2b\u0e48\u0e07\u0e2a\u0e22\u0e32\u0e21 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21 4 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e2b\u0e25\u0e31\u0e01 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19 46 \u0e41\u0e2b\u0e48\u0e07\",\r\n                \"hero-cta-primary\": \"\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\",\r\n                \"hero-cta-secondary\": \"\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\",\r\n                \"hero-card1-title\": \"4 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e2b\u0e25\u0e31\u0e01\",\r\n                \"hero-card1-desc\": \"\u0e28\u0e23\u0e35\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48, \u0e42\u0e02\u0e07\u0e40\u0e08\u0e35\u0e22\u0e21, \u0e2a\u0e34\u0e23\u0e34\u0e19\u0e18\u0e23, \u0e42\u0e1e\u0e18\u0e34\u0e4c\u0e44\u0e17\u0e23\",\r\n                \"hero-card2-title\": \"46 \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e18\u0e23\u0e13\u0e35\",\r\n                \"hero-card2-desc\": \"\u0e04\u0e27\u0e32\u0e21\u0e21\u0e2b\u0e31\u0e28\u0e08\u0e23\u0e23\u0e22\u0e4c\u0e02\u0e2d\u0e07\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\",\r\n                \"hero-card3-title\": \"4 \u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\",\r\n                \"hero-card3-desc\": \"\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 2 \u0e27\u0e31\u0e19 1 \u0e04\u0e37\u0e19\",\r\n                \"features-title\": \"\ud83d\udccc \u0e2b\u0e21\u0e27\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\",\r\n                \"features-subtitle\": \"\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e21\u0e27\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e2a\u0e19\u0e43\u0e08 \u0e04\u0e49\u0e19\u0e2b\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01 \u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19\",\r\n                \"feat-card1-title\": \"\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\",\r\n                \"feat-card1-desc\": \"\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21 \u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17 \u0e41\u0e25\u0e30\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\",\r\n                \"feat-card1-stat\": \"16 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48 \u2022 4 \u0e2d\u0e33\u0e40\u0e20\u0e2d\",\r\n                \"feat-card2-title\": \"\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\",\r\n                \"feat-card2-desc\": \"\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19 \u0e23\u0e49\u0e32\u0e19\u0e01\u0e32\u0e41\u0e1f \u0e41\u0e25\u0e30\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2a\u0e32\u0e22\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e40\u0e2a\u0e34\u0e23\u0e4c\u0e1f\u0e40\u0e21\u0e19\u0e39\u0e1e\u0e34\u0e40\u0e28\u0e29\",\r\n                \"feat-card2-stat\": \"17 \u0e23\u0e49\u0e32\u0e19 \u2022 5 \u0e2d\u0e33\u0e40\u0e20\u0e2d\",\r\n                \"feat-card3-title\": \"\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19\",\r\n                \"feat-card3-desc\": \"\u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e2d\u0e1c\u0e49\u0e32 \u0e2b\u0e31\u0e15\u0e16\u0e28\u0e34\u0e25\u0e1b\u0e4c \u0e1b\u0e28\u0e38\u0e2a\u0e31\u0e15\u0e27\u0e4c \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\",\r\n                \"feat-card3-stat\": \"16 \u0e01\u0e25\u0e38\u0e48\u0e21 \u2022 4 \u0e2d\u0e33\u0e40\u0e20\u0e2d\",\r\n                \"more-detail\": \"\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\",\r\n                \"about-acc-title\": \"\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e41\u0e1a\u0e1a\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\",\r\n                \"about-acc-desc\": \"\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\u0e2b\u0e23\u0e39\u0e2b\u0e23\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01\u0e17\u0e35\u0e48\u0e40\u0e15\u0e47\u0e21\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e1a\u0e2d\u0e38\u0e48\u0e19 \u0e17\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48\u0e21\u0e35\u0e27\u0e34\u0e27\u0e40\u0e02\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e34\u0e23\u0e34\u0e19\u0e18\u0e23\u0e41\u0e25\u0e30\u0e23\u0e34\u0e21\u0e41\u0e21\u0e48\u0e19\u0e49\u0e33\u0e42\u0e02\u0e07\",\r\n                \"acc-high1-title\": \"16 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\",\r\n                \"acc-high1-desc\": \"\u0e17\u0e31\u0e48\u0e27\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\",\r\n                \"acc-high2-title\": \"\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01-\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\",\r\n                \"acc-high2-desc\": \"\u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e32\u0e21\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\",\r\n                \"acc-high3-title\": \"\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\",\r\n                \"acc-high3-desc\": \"Wi-Fi, \u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23, \u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\",\r\n                \"acc-high4-title\": \"\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e01\u0e25\u0e49\u0e17\u0e35\u0e48\u0e14\u0e36\u0e07\u0e14\u0e39\u0e14\",\r\n                \"acc-high4-desc\": \"\u0e1c\u0e32\u0e41\u0e15\u0e49\u0e21, \u0e40\u0e02\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e34\u0e23\u0e34\u0e19\u0e18\u0e23\",\r\n                \"all-acc\": \"\u0e14\u0e39\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\",\r\n                \"about-res-title\": \"\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2a\u0e38\u0e14\u0e41\u0e19\u0e27\u0e23\u0e48\u0e27\u0e21\u0e2a\u0e21\u0e31\u0e22\",\r\n                \"about-res-desc\": \"\u0e08\u0e32\u0e01\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\u0e17\u0e35\u0e48\u0e0a\u0e37\u0e48\u0e19\u0e0a\u0e2d\u0e1a \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e23\u0e49\u0e32\u0e19\u0e01\u0e32\u0e41\u0e1f\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e23\u0e34\u0e21\u0e40\u0e02\u0e37\u0e48\u0e2d\u0e19 \u0e1e\u0e1a\u0e01\u0e31\u0e1a\u0e23\u0e2a\u0e0a\u0e32\u0e15\u0e34\u0e2d\u0e23\u0e48\u0e2d\u0e22\u0e02\u0e2d\u0e07\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35\",\r\n                \"res-high1-title\": \"17 \u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\",\r\n                \"res-high1-desc\": \"\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 5 \u0e2d\u0e33\u0e40\u0e20\u0e2d\",\r\n                \"res-high2-title\": \"\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\",\r\n                \"res-high2-desc\": \"\u0e23\u0e2a\u0e0a\u0e32\u0e15\u0e34\u0e41\u0e17\u0e49\u0e23\u0e34\u0e21\u0e1d\u0e31\u0e48\u0e07\u0e42\u0e02\u0e07\",\r\n                \"res-high3-title\": \"\u0e23\u0e49\u0e32\u0e19\u0e01\u0e32\u0e41\u0e1f\u0e27\u0e34\u0e27\u0e2a\u0e27\u0e22\",\r\n                \"res-high3-desc\": \"\u0e0a\u0e21\u0e27\u0e34\u0e27\u0e02\u0e13\u0e30\u0e14\u0e37\u0e48\u0e21\u0e01\u0e32\u0e41\u0e1f\",\r\n                \"res-high4-title\": \"\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e21\u0e2d\",\r\n                \"res-high4-desc\": \"\u0e21\u0e37\u0e49\u0e2d\u0e40\u0e0a\u0e49\u0e32 \u0e01\u0e25\u0e32\u0e07\u0e27\u0e31\u0e19 \u0e40\u0e22\u0e47\u0e19\",\r\n                \"all-res\": \"\u0e14\u0e39\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\",\r\n                \"about-com-title\": \"\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\",\r\n                \"about-com-desc\": \"\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19 \u0e08\u0e32\u0e01\u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e2d\u0e1c\u0e49\u0e32 \u0e2b\u0e31\u0e15\u0e16\u0e28\u0e34\u0e25\u0e1b\u0e4c \u0e40\u0e01\u0e29\u0e15\u0e23 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\",\r\n                \"com-high1-title\": \"16 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\",\r\n                \"com-high1-desc\": \"\u0e43\u0e19\u0e17\u0e38\u0e01\u0e2d\u0e33\u0e40\u0e20\u0e2d\",\r\n                \"com-high2-title\": \"\u0e17\u0e2d\u0e1c\u0e49\u0e32 \u0e1c\u0e49\u0e32\u0e1a\u0e32\u0e15\u0e34\u0e01\",\r\n                \"com-high2-desc\": \"\u0e07\u0e32\u0e19\u0e1d\u0e35\u0e21\u0e37\u0e2d\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\",\r\n                \"com-high3-title\": \"\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e40\u0e01\u0e29\u0e15\u0e23\",\r\n                \"com-high3-desc\": \"\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2d\u0e34\u0e19\u0e17\u0e23\u0e35\u0e22\u0e4c\",\r\n                \"com-high4-title\": \"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e19\u0e33\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\",\r\n                \"com-high4-desc\": \"\u0e40\u0e23\u0e37\u0e2d\u0e0a\u0e21\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\",\r\n                \"all-com\": \"\u0e14\u0e39\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\",\r\n                \"stat1\": \"\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e2b\u0e25\u0e31\u0e01\",\r\n                \"stat2\": \"\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\",\r\n                \"stat3\": \"\u0e2a\u0e16\u0e32\u0e19\/\u0e23\u0e49\u0e32\u0e19\/\u0e01\u0e25\u0e38\u0e48\u0e21\",\r\n                \"stat4\": \"\u0e27\u0e31\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\",\r\n                \"footer-col1-title\": \"\ud83c\udf0d \u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\",\r\n                \"footer-col1-desc\": \"\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e17\u0e35\u0e48\u0e23\u0e27\u0e21\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34 \u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\",\r\n                \"footer-col2-title\": \"\ud83d\udccc \u0e2b\u0e21\u0e27\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\",\r\n                \"footer-acc\": \"\ud83c\udfe8 \u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\",\r\n                \"footer-res\": \"\ud83c\udf7d\ufe0f \u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\",\r\n                \"footer-com\": \"\ud83e\udd1d \u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19\",\r\n                \"footer-col3-title\": \"\ud83d\udccd \u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\",\r\n                \"footer-col3-desc\": \"\u0e17\u0e38\u0e48\u0e07\u0e1a\u0e39\u0e23\u0e1e\u0e32 \u0e15.\u0e2b\u0e19\u0e2d\u0e07\u0e02\u0e2d\u0e19<br>\u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35<br>\u0e08.\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 34000\",\r\n                \"footer-col4-title\": \"\ud83d\udcde \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\",\r\n                \"footer-col4-web\": \"\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c:\",\r\n                \"footer-copyright\": \"&copy; 2026 \u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 - \u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2a\u0e48\u0e27\u0e19\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35\"\r\n            },\r\n            en: {\r\n                \"nav-home\": \"Home\", \/\/ Added Home translation\r\n                \"nav-title\": \"Geopark\",\r\n                \"nav-features\": \"Categories\",\r\n                \"nav-accommodation\": \"Accommodations\",\r\n                \"nav-restaurants\": \"Restaurants\",\r\n                \"nav-communities\": \"Communities\",\r\n                \"nav-contact\": \"Contact\",\r\n                \"hero-title\": \"Ubon Ratchathani Geopark\",\r\n                \"hero-subtitle\": \"Amazing Nature, Rock Cliffs, and Ancient Wonders\",\r\n                \"hero-desc\": \"Discover beautiful nature, miraculous rocky cliffs, waterfalls, and Siam's first light of dawn. Covering 4 main districts and 46 geopark heritage sites.\",\r\n                \"hero-cta-primary\": \"Geopark Home\",\r\n                \"hero-cta-secondary\": \"Learn More\",\r\n                \"hero-card1-title\": \"4 Main Districts\",\r\n                \"hero-card1-desc\": \"Sri Mueang Mai, Khong Chiam, Sirindhorn, Pho Sai\",\r\n                \"hero-card2-title\": \"46 Geo-Sites\",\r\n                \"hero-card2-desc\": \"Wonders of Nature\",\r\n                \"hero-card3-title\": \"4 Routes\",\r\n                \"hero-card3-desc\": \"Travel 2 Days 1 Night\",\r\n                \"features-title\": \"\ud83d\udccc Information Categories\",\r\n                \"features-subtitle\": \"Select categories of interest to find accommodations, local restaurants, and community enterprises.\",\r\n                \"feat-card1-title\": \"Accommodations\",\r\n                \"feat-card1-desc\": \"Hotels, resorts, and homestays in the geopark area with standard amenities.\",\r\n                \"feat-card1-stat\": \"16 Locations \u2022 4 Districts\",\r\n                \"feat-card2-title\": \"Restaurants\",\r\n                \"feat-card2-desc\": \"Local eateries, riverside cafes, and international cuisines serving unique dishes.\",\r\n                \"feat-card2-stat\": \"17 Places \u2022 5 Districts\",\r\n                \"feat-card3-title\": \"Community Enterprises\",\r\n                \"feat-card3-desc\": \"Weaving groups, handcrafts, and local products supporting the local economy.\",\r\n                \"feat-card3-stat\": \"16 Groups \u2022 4 Districts\",\r\n                \"more-detail\": \"View Details\",\r\n                \"about-acc-title\": \"Diverse Accommodations\",\r\n                \"about-acc-desc\": \"Choose from comfortable hotels or boutique resorts with stunning views of Sirindhorn Dam or the Mekong River.\",\r\n                \"acc-high1-title\": \"16 Accommodations\",\r\n                \"acc-high1-desc\": \"Across the entire geopark\",\r\n                \"acc-high2-title\": \"Homestays to Hotels\",\r\n                \"acc-high2-desc\": \"Fits every budget\",\r\n                \"acc-high3-title\": \"Full Amenities\",\r\n                \"acc-high3-desc\": \"Wi-Fi, restaurant, parking area\",\r\n                \"acc-high4-title\": \"Near Attractions\",\r\n                \"acc-high4-desc\": \"Pha Taem, Sirindhorn Dam\",\r\n                \"all-acc\": \"View All Accommodations\",\r\n                \"about-res-title\": \"Contemporary Dining Sites\",\r\n                \"about-res-desc\": \"From classic local favorites to trendy dam-side cafes, experience the local flavors of Ubon Ratchathani.\",\r\n                \"res-high1-title\": \"17 Restaurants\",\r\n                \"res-high1-desc\": \"Spreading in 5 districts\",\r\n                \"res-high2-title\": \"Authentic Cuisine\",\r\n                \"res-high2-desc\": \"Real taste of the Mekong River\",\r\n                \"res-high3-title\": \"Beautiful View Cafes\",\r\n                \"res-high3-desc\": \"Dine with panoramic views\",\r\n                \"res-high4-title\": \"Always Ready\",\r\n                \"res-high4-desc\": \"Breakfast, lunch, and dinner\",\r\n                \"all-res\": \"View All Restaurants\",\r\n                \"about-com-title\": \"Community Enterprises\",\r\n                \"about-com-desc\": \"Support our local products, from traditional weaving groups and handcrafts to sustainable agriculture.\",\r\n                \"com-high1-title\": \"16 Communities\",\r\n                \"com-high1-desc\": \"Present in every district\",\r\n                \"com-high2-title\": \"Weaving & Batik\",\r\n                \"com-high2-desc\": \"Exquisite local craftsmanship\",\r\n                \"com-high3-title\": \"Agri-Products\",\r\n                \"com-high3-desc\": \"Premium organic products\",\r\n                \"com-high4-title\": \"Local Tour Services\",\r\n                \"com-high4-desc\": \"Nature boat cruising tours\",\r\n                \"all-com\": \"View All Enterprises\",\r\n                \"stat1\": \"Main Districts\",\r\n                \"stat2\": \"Geopark Heritage Sites\",\r\n                \"stat3\": \"Local Businesses\",\r\n                \"stat4\": \"Days Open Yearly\",\r\n                \"footer-col1-title\": \"\ud83c\udf0d Geopark\",\r\n                \"footer-col1-desc\": \"A tourist destination combining nature, culture, and community economy for sustainable tourism development.\",\r\n                \"footer-col2-title\": \"\ud83d\udccc Categories\",\r\n                \"footer-acc\": \"\ud83c\udfe8 Accommodations\",\r\n                \"footer-res\": \"\ud83c\udf7d\ufe0f Restaurants\",\r\n                \"footer-com\": \"\ud83e\udd1d Communities\",\r\n                \"footer-col3-title\": \"\ud83d\udccd Location\",\r\n                \"footer-col3-desc\": \"Thung Burapha, Nong Khon Sub-district<br>Mueang Ubon Ratchathani District<br>Ubon Ratchathani Province 34000, Thailand\",\r\n                \"footer-col4-title\": \"\ud83d\udcde Contact\",\r\n                \"footer-col4-web\": \"Website:\",\r\n                \"footer-copyright\": \"&copy; 2026 Ubon Ratchathani Geopark - Ubon Ratchathani Provincial Administrative Organization\"\r\n            }\r\n        };\r\n\r\n        let currentLang = 'th';\r\n\r\n        function toggleLanguage() {\r\n            currentLang = currentLang === 'th' ? 'en' : 'th';\r\n            \r\n            \/\/ Update button label\r\n            const btn = document.getElementById('langBtn');\r\n            btn.innerHTML = currentLang === 'th' ? '\ud83c\udf10 <span>EN<\/span>' : '\ud83c\udf10 <span>TH<\/span>';\r\n            \r\n            \/\/ Translate all elements with data-translate attribute\r\n            document.querySelectorAll('[data-translate]').forEach(el => {\r\n                const key = el.getAttribute('data-translate');\r\n                if (translations[currentLang][key]) {\r\n                    el.innerHTML = translations[currentLang][key];\r\n                }\r\n            });\r\n\r\n            \/\/ Update html lang attribute\r\n            document.documentElement.lang = currentLang;\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 | Ubon Ratchathani Geopark \ud83c\udf0d \u0e2d\u0e38\u0e17\u0e22 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-37085","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages\/37085","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/comments?post=37085"}],"version-history":[{"count":29,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages\/37085\/revisions"}],"predecessor-version":[{"id":37176,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages\/37085\/revisions\/37176"}],"wp:attachment":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/media?parent=37085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}