{"id":606,"date":"2025-08-31T00:54:48","date_gmt":"2025-08-30T17:54:48","guid":{"rendered":"https:\/\/hatyaicity.com\/?page_id=606"},"modified":"2025-09-10T17:16:07","modified_gmt":"2025-09-10T10:16:07","slug":"food-nightlife","status":"publish","type":"page","link":"https:\/\/hatyaicity.com\/th\/food-nightlife\/","title":{"rendered":"\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e40\u0e17\u0e34\u0e07\u0e22\u0e32\u0e21\u0e04\u0e48\u0e33\u0e04\u0e37\u0e19"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en-US\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <title>Food &#038; Nightlife &#8211; Hat Yai City Best Restaurants, Bars &#038; Nightclubs 2025<\/title>\n    <meta name=\"description\" content=\"Discover the best Hat Yai food, nightlife, rooftop bars, and nightclubs. Find authentic Thai cuisine, halal food, street food, and the famous Hat Yai fried chicken.\">\n    <style>\n\/\n\nheader.page-banner,\n.page-title-area,\n.title-banner,\n.hero-banner,\n.page-hero,\n.page-top,\n.site-hero,\n.breadcrumb-area,\n.post-thumbnail,\n.entry-header {\n  display: none !important;\n  visibility: hidden !important;\n  height: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  background: none !important;\n}\n\n\/* 2) Force hero (your .page-header) title\/subtitle colors so text is readable on the photo *\/\n.page-header .page-title,\n.page-header .page-title * {\n  color: #ffffff !important;       \/* white *\/\n  text-shadow: 0 2px 6px rgba(0,0,0,0.45) !important;\n}\n.page-header .page-subtitle,\n.page-header .page-subtitle * {\n  color: #f5f5dc !important;       \/* light beige *\/\n}\n        \/* Base Styles *\/\n        :root {\n            --primary: #d35400;\n            --secondary: #2980b9;\n            --accent: #e67e22;\n            --dark: #2c3e50;\n            --light: #ecf0f1;\n            --text: #333;\n            --text-light: #777;\n            --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.6;\n            color: var(--text);\n            background-color: #f9f9f9;\n            padding: 0;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n        \n        img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n        \n        a {\n            text-decoration: none;\n            color: var(--secondary);\n            transition: var(--transition);\n        }\n        \n        a:hover {\n            color: var(--primary);\n        }\n        \n        \/* Header *\/\n        .page-header {\n            text-align: center;\n            padding: 60px 20px;\n            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), \n                        url('https:\/\/images.unsplash.com\/photo-1552566626-52f8b828add9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80');\n            background-size: cover;\n            background-position: center;\n            color: white;\n            margin-bottom: 30px;\n            border-radius: var(--radius);\n        }\n        \n        .page-title {\n            font-size: 2.5rem;\n            margin-bottom: 15px;\n        }\n        \n        .page-subtitle {\n            font-size: 1.2rem;\n            max-width: 800px;\n            margin: 0 auto 25px;\n            opacity: 0.9;\n        }\n        \n        .keyword-tags {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 10px;\n            margin-top: 20px;\n        }\n        \n        .keyword-tag {\n            background: rgba(255, 255, 255, 0.2);\n            padding: 8px 15px;\n            border-radius: 30px;\n            font-size: 0.9rem;\n        }\n        \n        \/* Category Navigation *\/\n        .category-nav {\n            display: flex;\n            flex-wrap: wrap;\n            overflow-x: auto;\n            padding: 10px 0;\n            margin-bottom: 30px;\n            background: white;\n            border-radius: var(--radius);\n            box-shadow: var(--shadow);\n            position: sticky;\n            top: 0;\n            z-index: 100;\n            gap: 5px;\n        }\n        \n        .category-nav::-webkit-scrollbar {\n            height: 5px;\n        }\n        \n        .category-nav::-webkit-scrollbar-track {\n            background: #f1f1f1;\n        }\n        \n        .category-nav::-webkit-scrollbar-thumb {\n            background: var(--primary);\n            border-radius: 10px;\n        }\n        \n        .category-item {\n            flex: 0 0 auto;\n            padding: 8px 15px;\n            background: var(--light);\n            border-radius: 30px;\n            font-weight: 600;\n            font-size: 0.85rem;\n            color: var(--dark);\n            transition: var(--transition);\n            cursor: pointer;\n            white-space: nowrap;\n        }\n        \n        .category-item:hover, .category-item.active {\n            background: var(--primary);\n            color: white;\n        }\n        \n        \/* Section Styles *\/\n        .section {\n            margin-bottom: 50px;\n            background: white;\n            border-radius: var(--radius);\n            overflow: hidden;\n            box-shadow: var(--shadow);\n            scroll-margin-top: 100px;\n        }\n        \n        .section-header {\n            padding: 20px;\n            background: var(--dark);\n            color: white;\n        }\n        \n        .section-title {\n            font-size: 1.8rem;\n        }\n        \n        .card-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n            gap: 20px;\n            padding: 20px;\n        }\n        \n        .card {\n            background: white;\n            border-radius: var(--radius);\n            overflow: hidden;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n            transition: var(--transition);\n        }\n        \n        .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);\n        }\n        \n        .card-img {\n            height: 200px;\n            overflow: hidden;\n        }\n        \n        .card-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: var(--transition);\n        }\n        \n        .card:hover .card-img img {\n            transform: scale(1.05);\n        }\n        \n        .card-content {\n            padding: 15px;\n        }\n        \n        .card-title {\n            font-size: 1.2rem;\n            margin-bottom: 10px;\n            color: var(--dark);\n        }\n        \n        .card-meta {\n            display: flex;\n            justify-content: space-between;\n            font-size: 0.9rem;\n            color: var(--text-light);\n            margin-bottom: 10px;\n        }\n        \n        .card-desc {\n            font-size: 0.95rem;\n            margin-bottom: 15px;\n            color: var(--text);\n        }\n        \n        .card-actions {\n            display: flex;\n            justify-content: space-between;\n        }\n        \n        .btn {\n            padding: 8px 15px;\n            border-radius: 30px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: var(--transition);\n        }\n        \n        .btn-primary {\n            background: var(--primary);\n            color: white;\n            border: none;\n        }\n        \n        .btn-primary:hover {\n            background: #e67e22;\n            color: white;\n        }\n        \n        .btn-secondary {\n            background: transparent;\n            color: var(--secondary);\n            border: 1px solid var(--secondary);\n        }\n        \n        .btn-secondary:hover {\n            background: var(--secondary);\n            color: white;\n        }\n        \n        \/* CTA Section *\/\n        .cta-section {\n            text-align: center;\n            padding: 50px 20px;\n            background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), \n                        url('https:\/\/images.unsplash.com\/photo-1469474968028-56623f02e42e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80');\n            background-size: cover;\n            background-position: center;\n            color: white;\n            border-radius: var(--radius);\n            margin: 40px 0;\n        }\n        \n        .cta-title {\n            font-size: 2rem;\n            margin-bottom: 20px;\n        }\n        \n        .cta-subtitle {\n            font-size: 1.1rem;\n            max-width: 700px;\n            margin: 0 auto 30px;\n            opacity: 0.9;\n        }\n        \n        .cta-buttons {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 15px;\n        }\n        \n        .cta-btn {\n            padding: 12px 25px;\n            border-radius: 30px;\n            font-weight: 600;\n            background: var(--primary);\n            color: white;\n            transition: var(--transition);\n        }\n        \n        .cta-btn:hover {\n            background: white;\n            color: var(--primary);\n            transform: translateY(-3px);\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .page-title {\n                font-size: 2rem;\n            }\n            \n            .card-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .category-item {\n                padding: 6px 12px;\n                font-size: 0.8rem;\n            }\n            \n            .cta-buttons {\n                flex-direction: column;\n                align-items: center;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <!-- Page Header -->\n        <header class=\"page-header\">\n            <h1 class=\"page-title\">Food &#038; Nightlife in Hat Yai<\/h1>\n            <p class=\"page-subtitle\">Discover the best restaurants, street food, bars, and nightclubs in Southern Thailand&#8217;s culinary capital. Find authentic Thai cuisine, halal food, street food, and the famous Hat Yai fried chicken.<\/p>\n            \n            <div class=\"keyword-tags\">\n                <span class=\"keyword-tag\">Hat Yai Fried Chicken<\/span>\n                <span class=\"keyword-tag\">Hat Yai Night Market<\/span>\n                <span class=\"keyword-tag\">Halal Food Hat Yai<\/span>\n                <span class=\"keyword-tag\">Hat Yai Street Food<\/span>\n                <span class=\"keyword-tag\">Rooftop Bars Hat Yai<\/span>\n                <span class=\"keyword-tag\">Nightclubs Hat Yai<\/span>\n            <\/div>\n        <\/header>\n        \n        <!-- Category Navigation -->\n        <nav class=\"category-nav\">\n            <div class=\"category-item active\" data-target=\"street-food\">Street Food<\/div>\n            <div class=\"category-item\" data-target=\"thai-restaurants\">Thai Restaurants<\/div>\n            <div class=\"category-item\" data-target=\"malaysian\">Malaysian<\/div>\n            <div class=\"category-item\" data-target=\"halal\">Halal Food<\/div>\n            <div class=\"category-item\" data-target=\"international\">International<\/div>\n            <div class=\"category-item\" data-target=\"cafes\">Caf\u00e9s<\/div>\n            <div class=\"category-item\" data-target=\"bars\">Bars &#038; Pubs<\/div>\n            <div class=\"category-item\" data-target=\"rooftops\">Rooftops<\/div>\n            <div class=\"category-item\" data-target=\"nightclubs\">Nightclubs<\/div>\n        <\/nav>\n        \n        <!-- Street Food Section -->\n        <section id=\"street-food\" class=\"section\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">Street Food Hotspots<\/h2>\n            <\/div>\n            <div class=\"card-grid\">\n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Kim-Yong-Market-Street-Food-Fried-Chicken.jpg\" alt=\"Kim Yong Market\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Kim Yong Market<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 30-150<\/span>\n                            <span>08:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Famous for Hat Yai fried chicken, fresh fruits, and local snacks. A must-visit for authentic street food experience.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Kim+Yong+Market+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Khlong-Hae-Floating-Market-Khlong-Hae-area-NW-of-center-Hat-Yai-Klonghae-Famous-Floating-Market-in-Southern-Thailand.jpg\" alt=\"Khlong Hae Floating Market\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Khlong Hae Floating Market<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 40-250<\/span>\n                            <span>Fri-Sun 09:00-21:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Colorful floating market with halal vendors, boat food stalls, and picturesque photo opportunities.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Khlong+Hae+Floating+Market+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/31552836\/pexels-photo-31552836.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=600\" alt=\"Greenway Night Market\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Greenway Night Market<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 40-250<\/span>\n                            <span>17:00 &#8211; 00:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Trendy market with diverse food stalls, creative drinks, and local crafts. Popular with younger crowds.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Greenway+Night+Market+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Kai-Tod-Decha-Restaurant-Famous-Hat-Yai-Fried-Chicken.jpg\" alt=\"Kai Tod Decha\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Kai Tod Decha<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 40-80<\/span>\n                            <span>10:00 &#8211; 21:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Iconic Hat Yai fried chicken stall known for its crispy, flavorful chicken. A must-try street food experience.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Kai+Tod+Decha+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Roti-Teh-Tarik-Stalls.jpg\" alt=\"Roti Stalls\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Roti &#038; Teh Tarik Stalls<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 25-80<\/span>\n                            <span>07:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Popular roti and tea stalls across Hat Yai. Perfect for breakfast or a late-night snack with Malaysian influence.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Roti+stalls+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Chokdee-Dim-Sum-Hat-Yai-Restauruant.jpg\" alt=\"Chokdee Dim Sum\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Chokdee Dim Sum<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 40-150<\/span>\n                            <span>07:00 &#8211; 15:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Classic dim sum spot popular for morning eats with Chinese-Thai influence. A Hat Yai breakfast tradition.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Chokdee+Dim+Sum+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Thai Restaurants Section -->\n        <section id=\"thai-restaurants\" class=\"section\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">Thai Restaurants<\/h2>\n            <\/div>\n            <div class=\"card-grid\">\n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Chong-Khao-Seafood-Restaurant-Hat-Yai.jpg\" alt=\"Chong Khao Seafood\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Chong Khao Seafood<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 150-600<\/span>\n                            <span>11:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Well-known seafood restaurant serving authentic Southern Thai flavors with fresh ingredients.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Chong+Khao+Seafood+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Kaneng-Restaurant-Kan-Eng-Restaurant-Hat-Yai.jpg\" alt=\"Kaneng Restaurant\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Kaneng Restaurant<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 80-300<\/span>\n                            <span>11:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Authentic Southern Thai home-style dishes in a cozy setting. Try their massaman curry.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Kaneng+Restaurant+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Billin-Cafe-Bistro-Hat-Yai.jpg\" alt=\"Billin Cafe &#038; Bistro\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Billin Cafe &#038; Bistro<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 80-350<\/span>\n                            <span>09:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Casual dining with Thai favorites and fusion plates. Great atmosphere and friendly service.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Billin+Cafe+Bistro+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/U-Hatyai-Hotel-Food-Restaurant.jpg\" alt=\"U Hatyai\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">U Hatyai Hotel<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-700<\/span>\n                            <span>12:00 &#8211; 22:30<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Upscale dining option for special nights with modern Thai cuisine and elegant ambiance.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=U+Hatyai+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529042410759-befb1204b468?ixlib=rb-4.0.3&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Lee Gardens Area\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Lee Gardens Area Restaurants<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 60-300<\/span>\n                            <span>Varies<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Cluster of popular Thai restaurants around Lee Gardens Plaza offering diverse dining options.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Lee+Gardens+Plaza+Hat+Yai+restaurants\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541544741938-0af808871cc0?ixlib=rb-4.0.3&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Hotel Dining\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Hotel Dining Options<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 120-700<\/span>\n                            <span>06:00 &#8211; 23:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Several hotels offer quality Thai menus in central locations with comfortable ambiance.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=hotel+restaurant+hat+yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Malaysian Cuisine Section -->\n        <section id=\"malaysian\" class=\"section\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">Malaysian Cuisine<\/h2>\n            <\/div>\n            <div class=\"card-grid\">\n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Salma-Restaurant-Hat-Yai-Halal-Food.jpg\" alt=\"Salma Restaurant\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Salma Restaurant<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 50-250<\/span>\n                            <span>10:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Well-rated for Malaysian flavors and halal menus. Popular with locals and tourists alike.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Salma+Restaurant+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Hamid-Restaurant-Hat-Yai-Halal-Food.jpg\" alt=\"Hamid Restaurant\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Hamid Restaurant<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 40-200<\/span>\n                            <span>10:00 &#8211; 21:30<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Malay-style curries and rice plates popular with visitors from Malaysia.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Hamid+Restaurant+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Nasi-Roti-Stalls-Hat-Yai.jpg\" alt=\"Nasi &#038; Roti Stalls\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Nasi &#038; Roti Stalls<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 25-140<\/span>\n                            <span>07:00 &#8211; 20:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Various market stalls serving Malaysian-style plates and roti with authentic flavors.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=malaysian+food+hat+yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512621776951-a57141f2eefd?ixlib=rb-4.0.3&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"ASEAN Night Bazaar\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">ASEAN Night Bazaar<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 30-200<\/span>\n                            <span>16:00 &#8211; 23:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Night market with multiple Malaysian-style offerings and regional specialties.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=ASEAN+Night+Bazaar+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504674900247-0877df9cc836?ixlib=rb-4.0.3&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Local Malay Hawker\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Local Malay Hawker Cluster<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 30-180<\/span>\n                            <span>08:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Small cluster of Malay hawkers near shopping districts offering authentic flavors.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Malay+hawker+hat+yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Roti-Malay-Desserts-Stalls-Hat-Yai.jpg\" alt=\"Roti &#038; Dessert Stalls\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Roti &#038; Dessert Stalls<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 25-80<\/span>\n                            <span>07:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Popular stalls serving sweet roti and Malay desserts with traditional recipes.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=roti+hat+yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Halal Food Section -->\n        <section id=\"halal\" class=\"section\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">Halal Food<\/h2>\n            <\/div>\n            <div class=\"card-grid\">\n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Kai-Tod-Decha-Restaurant-Famous-Hat-Yai-Fried-Chicken.jpg\" alt=\"Kai Tod Decha Halal\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Kai Tod Decha (Halal-friendly)<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 40-80<\/span>\n                            <span>10:00 &#8211; 21:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Halal or halal-friendly fried chicken options well-recommended among visitors.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Kai+Tod+Decha+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Salma-Restaurant-Hat-Yai-Halal-Food.jpg\" alt=\"Salma Halal Restaurant\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Salma Halal Restaurant<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 50-220<\/span>\n                            <span>10:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Popular with Malaysian tourists and locals seeking halal options with authentic flavors.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Salma+Restaurant+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Hamid-Restaurant-Hat-Yai-Halal-Food.jpg\" alt=\"Hamid Restaurant Halal\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Hamid Restaurant<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 40-200<\/span>\n                            <span>09:00 &#8211; 21:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Family-run spot with Malay-influenced plates and halal choices for authentic dining.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Hamid+Restaurant+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Khlong-Hae-Floating-Market-Khlong-Hae-area-NW-of-center-Hat-Yai-Klonghae-Famous-Floating-Market-in-Southern-Thailand.jpg\" alt=\"Khlong Hae Halal\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Khlong Hae Floating Market<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 40-200<\/span>\n                            <span>Fri-Sun 09:00-21:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Many halal-certified or halal-friendly vendors concentrated at this market.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Khlong+Hae+Floating+Market+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Halal-Food-Cluster-Hat-Yai.jpg\" alt=\"Halal Food Cluster\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Halal Food Cluster (Markets)<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 40-220<\/span>\n                            <span>08:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Clusters of halal stalls near main shopping areas and night bazaars.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=halal+food+hat+yai+markets\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504674900247-0877df9cc836?ixlib=rb-4.0.3&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Halal Dining Alternatives\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Halal Dining Alternatives<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 40-220<\/span>\n                            <span>Varies<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Additional halal-friendly restaurants and cafes scattered around the city center.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=halal+restaurants+hat+yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- International Restaurants Section -->\n        <section id=\"international\" class=\"section\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">International Restaurants<\/h2>\n            <\/div>\n            <div class=\"card-grid\">\n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Sizzler-steak-and-lobster-Hat-Yai-Restaurant.jpg\" alt=\"Sizzler\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Sizzler<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-500<\/span>\n                            <span>10:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">International steakhouse chain known for salad bar and variety of grilled dishes.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Sizzler+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/KFC-Restaurant-Hat-Yai.jpg\" alt=\"KFC\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">KFC<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 100-300<\/span>\n                            <span>10:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">World-famous fried chicken chain with Thai-style menu options.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=KFC+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/McDonalds-Restaurant-Hat-Yai-Thailand.jpg\" alt=\"McDonald's\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">McDonald&#8217;s<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 100-300<\/span>\n                            <span>24 hours<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Global fast food giant with local menu items alongside classic burgers and fries.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=McDonald&#039;s+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/The-Pizza-Company-Hat-Yai.jpg\" alt=\"Pizza Company\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">The Pizza Company<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-600<\/span>\n                            <span>10:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Thailand&#8217;s leading pizza chain with innovative Thai-inspired toppings.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Pizza+Company+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Swensens-banana-boat-Hat-Yai.jpg\" alt=\"Swensen's\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Swensen&#8217;s<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 150-400<\/span>\n                            <span>10:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">American ice cream parlor and restaurant chain serving burgers, pasta, and desserts.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Swensen&#039;s+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Oishi-Ramen-Restaurant-Hat-Yai.jpg\" alt=\"Oishi Ramen\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Oishi Ramen<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 150-350<\/span>\n                            <span>10:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Japanese ramen chain offering authentic Japanese noodles and dishes.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Oishi+Ramen+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/MK-Restaurant-Korean-Restaurant-Hat-Yai-Hot-Pod.jpg\" alt=\"MK Restaurant\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">MK Restaurant<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-600<\/span>\n                            <span>10:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Popular Thai suki (hot pot) restaurant chain with Chinese-Thai fusion cuisine.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=MK+Restaurant+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Fuji-Restaurant-Hat-Yai-Thailand.jpg\" alt=\"Fuji Restaurant\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Fuji Restaurant<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-600<\/span>\n                            <span>10:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Japanese restaurant chain serving sushi, sashimi, and teppanyaki dishes.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Fuji+Restaurant+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Black-Canyon-Coffee-Hat-Yai.jpg\" alt=\"Black Canyon Coffee\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Black Canyon Coffee<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 100-300<\/span>\n                            <span>08:00 &#8211; 22:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Thai coffee chain serving Western and Thai food alongside coffee beverages.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Black+Canyon+Coffee+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Caf\u00e9s Section -->\n        <section id=\"cafes\" class=\"section\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">Caf\u00e9s<\/h2>\n            <\/div>\n            <div class=\"card-grid\">\n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/The-Company-Coffee-Hat-Yai-Thailand.jpg\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">The Company Coffee<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 60-180<\/span>\n                            <span>07:30 &#8211; 20:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Specialty coffee and comfortable seating for work. A favorite among digital nomads.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=The+Company+Coffee+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/CUB-Coffee-Bar-Hat-Yai-Thailand.jpg\" alt=\"CUB Coffee Bar\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">CUB Coffee Bar<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 50-150<\/span>\n                            <span>08:00 &#8211; 20:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Reliable cafe for coffee and meetups with a cozy atmosphere and friendly staff.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=CUB+Coffee+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Specs-on-Specialty-Coffee-Hat-Yai-Thailand.jpg\" alt=\"Specs on Specialty Coffee\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Specs on Specialty Coffee<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 80-220<\/span>\n                            <span>08:00 &#8211; 18:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Single origin beans and pour-overs for coffee connoisseurs seeking quality brews.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Specs+on+Specialty+Coffee+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/The-Container-Coffee-Hat-Yai-Thailand.jpg\" alt=\"The Container Coffee\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">The Container Coffee<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 50-160<\/span>\n                            <span>08:00 &#8211; 20:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Minimalist cafe great for a quiet break with unique container-based architecture.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=The+Container+Coffee+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Foresto-Cafe-Hat-Yai-Thailand-Instagrammable-location.jpg\" alt=\"Foresto Cafe\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Foresto Cafe<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 60-180<\/span>\n                            <span>08:00 &#8211; 20:30<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Cozy cafe with brunch options and desserts in a natural, forest-inspired setting.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Foresto+Cafe+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Attention-Cafe-Hat-Yai-Thailand.jpg\" alt=\"Attention Caf\u00e9\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Attention Caf\u00e9<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 50-150<\/span>\n                            <span>09:00 &#8211; 20:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">A local favorite for coffee and light bites with artistic interior and friendly atmosphere.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Attention+Cafe+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Bars & Pubs Section -->\n        <section id=\"bars\" class=\"section\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">Bars &#038; Pubs<\/h2>\n            <\/div>\n            <div class=\"card-grid\">\n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/West-Side-Saloon-Hat-Yai-Thailand.jpg\" alt=\"West Side Saloon\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">West Side Saloon<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 120-400<\/span>\n                            <span>18:00 &#8211; 01:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Western-style bar with live music nights and a wide selection of drinks.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=West+Side+Saloon+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Post-Laser-Disc-Pub-Hat-Yai-Thailand.jpg\" alt=\"Post Laser Disc Pub\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Post Laser Disc Pub<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 120-300<\/span>\n                            <span>18:00 &#8211; 01:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Long-standing local pub and karaoke venue with retro vibe and friendly atmosphere.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Post+Laser+Disc+Pub+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Skylight-Lounge-Centara-Hotel-Hat-Yai-Thailand.webp\" alt=\"Skylight Lounge\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Skylight Lounge<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-700<\/span>\n                            <span>17:00 &#8211; 01:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Rooftop lounge for cocktails and sunset views at Centara Hotel.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Skylight+Centara+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Nectar-Pub-Hat-Yai-Thailand.jpg\" alt=\"Nectar Pub\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Nectar Pub<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 120-400<\/span>\n                            <span>18:00 &#8211; 02:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Local crowd, good selection of drinks and small plates with live music.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Nectar+Pub+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/HideOut-Bar-Bistro-Hat-Yai-Thailand.webp\" alt=\"HideOut Bar\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">HideOut Bar &#038; Bistro<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 120-400<\/span>\n                            <span>17:00 &#8211; 01:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Cozy spot with occasional live music and a relaxed atmosphere.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=HideOut+Bar+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Broadway-Karaoke-Hat-Yai-Thailand.jpg\" alt=\"Broadway Karaoke\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Broadway Karaoke<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 100-300<\/span>\n                            <span>18:00 &#8211; 02:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Popular karaoke and late-night entertainment venue with private rooms.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Broadway+Karaoke+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Rooftops Section -->\n        <section id=\"rooftops\" class=\"section\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">Rooftop Bars<\/h2>\n            <\/div>\n            <div class=\"card-grid\">\n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Skylight-Lounge-Centara-Hotel-Hat-Yai-Thailand.webp\" alt=\"Sky Lounge Centara\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Sky Lounge Centara<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 250-900<\/span>\n                            <span>17:00 &#8211; 01:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Upscale rooftop bar with panoramic views of Hat Yai, premium cocktails, and sophisticated atmosphere.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Centara+Hotel+Hat+Yai+Sky+Lounge\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Mongmoon-Rooftop-Bar-Bistro-Hat-Yai-Thailand.jpg\" alt=\"Mongmoon Rooftop Bar &#038; Bistro\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Mongmoon Rooftop Bar &#038; Bistro<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-700<\/span>\n                            <span>17:00 &#8211; 01:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Charming rooftop venue with city views, creative cocktails, and a menu of Thai and international dishes.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Mongmoon+Rooftop+Bar+Bistro+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                 <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Bar-Horizon-Hostel-Hat-Yai.jpg\" alt=\"Horizon Bar Hostel\">\n                    <\/div>\n               \n                        <div class=\"card-content\">\n                        <h3 class=\"card-title\">Horizon Bar Hostel<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 180-700<\/span>\n                            <span>17:00 &#8211; 01:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Sophisticated rooftop bar offering stunning sunset views, signature cocktails, and light bites.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Horizon+Bar+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Nightclubs Section -->\n        <section id=\"nightclubs\" class=\"section\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">Nightclubs<\/h2>\n            <\/div>\n            <div class=\"card-grid\">\n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Nectar-Pub-Hat-Yai-Thailand.jpg\" alt=\"Nectar Night Club\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Nectar Night Club<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-500<\/span>\n                            <span>21:00 &#8211; 03:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">One of Hat Yai&#8217;s most popular nightclubs with live DJs, dancing, and vibrant atmosphere.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Nectar+Night+Club+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Drop-HDY-Night-Club-Hat-Yai.jpg\" alt=\"Drop HDY Night Club\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Drop HDY Night Club<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-500<\/span>\n                            <span>21:00 &#8211; 03:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Modern club with state-of-the-art sound system, themed nights, and popular with both locals and tourists.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Drop+Night+Club+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Spark-Hat-Yai.jpg\" alt=\"Spark Hat Yai\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Spark Hat Yai<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-500<\/span>\n                            <span>21:00 &#8211; 03:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Energetic nightclub with light shows, international DJs, and a lively dance floor.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Spark+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Dark-Lord-Exclusive-Club-Hat-Yai.jpg\" alt=\"Dark Lord Exclusive Club\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Dark Lord Exclusive Club<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-500<\/span>\n                            <span>21:00 &#8211; 03:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Themed nightclub with Gothic-inspired decor, electronic music, and unique cocktail menu.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Dark+Lord+Club+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/The-Library-Club-Hat-Yai.jpg\" alt=\"The Library Hat Yai\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">The Library Hat Yai<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 200-500<\/span>\n                            <span>21:00 &#8211; 03:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Book-themed nightclub with intellectual ambiance, craft cocktails, and eclectic music selection.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=The+Library+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card\">\n                    <div class=\"card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/hatyaicity.com\/wp-content\/uploads\/2025\/09\/Post-Laser-Disc-Pub-Hat-Yai-Thailand.jpg\" alt=\"Post Laser Disc Pub\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Post Laser Disc Pub<\/h3>\n                        <div class=\"card-meta\">\n                            <span>THB 120-350<\/span>\n                            <span>18:00 &#8211; 01:00<\/span>\n                        <\/div>\n                        <p class=\"card-desc\">Long-standing local pub and karaoke venue with retro vibe and friendly atmosphere.<\/p>\n                        <div class=\"card-actions\">\n                            <a href=\"https:\/\/maps.google.com\/?q=Post+Laser+Disc+Pub+Hat+Yai\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View on Map<\/a>\n                            <button class=\"btn btn-secondary\">Save<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- CTA Section -->\n        <section class=\"cta-section\">\n            <h2 class=\"cta-title\">ARE YOU READY TO EXPLORE FOOD &#038; NIGHTLIFE IN HAT YAI?<\/h2>\n            <p class=\"cta-subtitle\">Find the best hotels, restaurants, attractions, and transport tips for your perfect trip to Southern Thailand and Food &#038; Nightlife Experience.<\/p>\n            <div class=\"cta-buttons\">\n                <a href=\"https:\/\/hatyaicity.com\/hat-yai-hotels\" class=\"cta-btn\">Find Hotels<\/a>\n                <a href=\"https:\/\/hatyaicity.com\/attractions\" class=\"cta-btn\">Explore Attractions<\/a>\n                <a href=\"https:\/\/hatyaicity.com\/transport\" class=\"cta-btn\">Transport Guide<\/a>\n                <a href=\"https:\/\/hatyaicity.com\/things-to-do\" class=\"cta-btn\">Things To Do<\/a>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <script>\n        \/\/ JavaScript for category navigation\n        document.addEventListener('DOMContentLoaded', function() {\n            const categoryItems = document.querySelectorAll('.category-item');\n            const sections = [\n                document.getElementById('street-food'),\n                document.getElementById('thai-restaurants'),\n                document.getElementById('malaysian'),\n                document.getElementById('halal'),\n                document.getElementById('international'),\n                document.getElementById('cafes'),\n                document.getElementById('bars'),\n                document.getElementById('rooftops'),\n                document.getElementById('nightclubs')\n            ];\n            \n            \/\/ Set up click event for category items\n            categoryItems.forEach((item, index) => {\n                item.addEventListener('click', function() {\n                    \/\/ Remove active class from all items\n                    categoryItems.forEach(i => i.classList.remove('active'));\n                    \n                    \/\/ Add active class to clicked item\n                    this.classList.add('active');\n                    \n                    \/\/ Scroll to corresponding section\n                    if (sections[index]) {\n                        window.scrollTo({\n                            top: sections[index].offsetTop - 80,\n                            behavior: 'smooth'\n                        });\n                    }\n                });\n            });\n            \n            \/\/ Update active category on scroll\n            window.addEventListener('scroll', function() {\n                let currentSection = '';\n                const scrollPosition = window.pageYOffset;\n                \n                sections.forEach(section => {\n                    if (section) {\n                        const sectionTop = section.offsetTop - 100;\n                        if (scrollPosition >= sectionTop) {\n                            currentSection = section.getAttribute('id');\n                        }\n                    }\n                });\n                \n                \/\/ Update active category based on current section\n                categoryItems.forEach((item, index) => {\n                    item.classList.remove('active');\n                    if (sections[index] && sections[index].getAttribute('id') === currentSection) {\n                        item.classList.add('active');\n                    }\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Food &#038; Nightlife &#8211; Hat Yai City Best Restaurants, Bars &#038; Nightclubs 2025 Food &#038; Nightlife in Hat Yai Discover the best restaurants, street food, bars, and nightclubs in Southern Thailand&#8217;s culinary capital. Find authentic Thai cuisine, halal food, street food, and the famous Hat &hellip; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"class_list":["post-606","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/pages\/606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/comments?post=606"}],"version-history":[{"count":0,"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/pages\/606\/revisions"}],"wp:attachment":[{"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/media?parent=606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}