<!DOCTYPE html>
<html lang="th">

<head>
  <title>UFAYES เว็บพนันออนไลน์อันดับ 1 แทงบอล คาสิโน สล็อต หวย UFABET เว็บตรง</title>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta name="description" content="UFAYES เว็บพนันออนไลน์อันดับ 1 ของเอเชีย เปิดให้บริการแทงบอลออนไลน์ คาสิโนสด สล็อตออนไลน์ หวยออนไลน์ เว็บตรงจาก UFABET ฝาก-ถอนออโต้ รวดเร็ว 24 ชั่วโมง">

  <meta name="keywords" content="UFAYES แทงบอลออนไลน์, คาสิโนสด, สล็อตออนไลน์, หวยออนไลน์, UFABET, เว็บตรง, เดิมพันออนไลน์, บาคาร่า">

  <meta name="robots" content="index, follow">
  <meta name="theme-color" content="#0a0a1a">

  <meta property="og:type" content="website">
  <meta property="og:url" content="https://kucasinovip.pro/">
  <meta property="og:title" content="UFAYES เว็บพนันออนไลน์อันดับ 1 UFABET เว็บตรง">
  <meta property="og:description" content="แทงบอลออนไลน์ คาสิโนสด สล็อตออนไลน์ หวยออนไลน์ เว็บตรงจาก UFABET ฝาก-ถอนออโต้ 24 ชั่วโมง">
  <meta property="og:image" content="https://kucasinovip.pro/public/images/cover/1.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:locale" content="th_TH">
  <meta property="og:site_name" content="UFAYES">

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="UFAYES เว็บพนันออนไลน์อันดับ 1 UFABET เว็บตรง">
  <meta name="twitter:description" content="แทงบอลออนไลน์ คาสิโนสด สล็อตออนไลน์ หวยออนไลน์ เว็บตรงจาก UFABET ฝาก-ถอนออโต้ 24 ชั่วโมง">
  <meta name="twitter:image" content="https://kucasinovip.pro/public/images/cover/1.png">

  <link rel="canonical" href="https://kucasinovip.pro/">

  <link rel="preload" as="image" href="/public/images/cover/1.png" fetchpriority="high">

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="/public/css/bootstrap.min.css">
  <link rel="stylesheet" href="/public/css/main.css">
  <link rel="stylesheet" href="/public/css/swiper-bundle.min.css">

  <link rel="icon" href="/public/images/fav-icon.png" type="image/png">
  <link rel="apple-touch-icon" href="/public/images/fav-icon.png">

  <script type="application/ld+json">
  [
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "UFAYES",
      "url": "https://kucasinovip.pro/",
      "logo": "https://kucasinovip.pro/public/images/logo.png",
      "description": "เว็บพนันออนไลน์อันดับ 1 ของเอเชีย แทงบอลออนไลน์ คาสิโนสด สล็อตออนไลน์ UFABET เว็บตรง",
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "Customer Support",
        "availableLanguage": "Thai",
        "hoursAvailable": "Mo-Su 00:00-23:59"
      }
    },
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "UFAYES",
      "url": "https://kucasinovip.pro/",
      "description": "เว็บพนันออนไลน์อันดับ 1 ของเอเชีย แทงบอลออนไลน์ คาสิโนสด สล็อตออนไลน์ UFABET เว็บตรง",
      "inLanguage": "th"
    }
  ]
  </script>
</head>

<body id="app">

  <nav class="navbar navbar-expand-md nav-header">
    <div class="container-fluid">
      <a class="navbar-brand" :href="`/${query}`">
        <img class="lazyload logo-header" data-src="/public/images/logo.png" alt="UFAYES">
      </a>

      <button class="btn btn-navbar btn-sm d-block d-md-none" data-bs-toggle="collapse" data-bs-target="#navbar">
        <img class="me-1 lazyload my-auto" data-src="/public/images/icon-hamberger.png" width="13" alt=""><span class="align-middle">เมนู</span>
      </button>

      <div class="collapse d-hide d-md-none w-100" id="navbar">
        <ul class="navbar-nav">
          <li class="nav-item icon-custom">
            <a class="nav-link" :href="`/${query}`"><img class="lazyload me-2" data-src="/public/images/icon-home.png" width="23" alt=""><span class="align-middle">หน้าหลัก</span></a>
          </li>

          <li class="nav-item icon-custom">
            <a class="nav-link" :href="`/login${query}`"><img class=" lazyload me-2" data-src="/public/images/icon-login.png" width="23" alt=""><span class="align-middle">เข้าสู่ระบบ</span></a>
          </li>

          <li class="nav-item icon-custom">
            <a class="nav-link" :href="`/register${query}`"><img class="lazyload me-2" data-src="/public/images/icon-register.png" width="23" alt=""><span class="align-middle">สมัครสมาชิก</span></a>
          </li>

          <li class="nav-item icon-custom">
            <a class="nav-link" :href="`/promotion${query}`"><img class=" lazyload me-2" data-src="/public/images/icon-promotion.png" width="23" alt=""><span class="align-middle">โปรโมชั่น</span></a>
          </li>

          <li class="nav-item icon-custom">
            <a class="nav-link" :href="info2.lineId"><img class="lazyload me-2" data-src="/public/images/icon-contact.png" width="23" alt=""><span class="align-middle">ติดต่อเรา</span></a>
          </li>
        </ul>
      </div>

      <ul class="navbar-nav ms-auto text-center d-none d-md-flex">
        <li class="nav-item mx-1 my-auto">
          <a :href="`/login${query}`" class=" btn btn-login">
            <img class="me-1 lazyload" data-src="/public/images/icon-login-2.png" alt="">
            <span class="align-middle">เข้าสู่ระบบ</span>
          </a>
        </li>

        <li class="nav-item mx-1 my-auto">
          <a :href="`/register${query}`" class="btn btn-register">
            <img class="me-1 lazyload" data-src="/public/images/icon-register-2.png" alt="">
            <span class="align-middle">สมัครสมาชิก</span>
          </a>
        </li>
      </ul>
    </div>
  </nav>

  <nav class="navbar nav-header-2 py-1">
    <div class="container-fluid marquee">
      <p class="my-0">เว็บไซต์พนันออนไลน์อันดับ 1 ของเอเชีย UFAYES แทงบอลออนไลน์ คาสิโนสด สล็อตออนไลน์ หวยออนไลน์ เว็บตรง UFABET ที่ดีที่สุดในประเทศไทย ฝาก-ถอน ออโต้ รวดเร็วทันใจ 24 ชั่วโมง</p>
    </div>
  </nav>

  <div class="container-fluid">
    <div class="row">
      <div class="col-12 px-0">
        <div class="swiper swiper-cover">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img class="img-fluid mx-auto d-block" src="/public/images/cover/1.png" alt="UFAYES เว็บพนันออนไลน์อันดับ 1 แทงบอล คาสิโน สล็อต" fetchpriority="high">
            </div>
            <div class="swiper-slide">
              <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/cover/2.png" alt="แทงบอลออนไลน์ UFABET เว็บตรง">
            </div>
            <div class="swiper-slide">
              <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/cover/3.png" alt="สล็อตออนไลน์ บาคาร่า คาสิโนสด UFAYES">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="bg-content-1 d-block d-md-none">
    <div class="w-100 line-1"></div>
    <div class="container py-3">
      <div class="row gx-2">
        <div class="col-6 d-grid mt-1">
          <a :href="`/login${query}`" class=" btn btn-login">
            <img class="me-1 lazyload" data-src="/public/images/icon-login-2.png" alt="">
            <span class="align-middle">เข้าสู่ระบบ</span>
          </a>
        </div>
        <div class="col-6 d-grid mt-1">
          <a :href="`/register${query}`" class="btn btn-register">
            <img class="me-1 lazyload" data-src="/public/images/icon-register-2.png" alt="">
            <span class="align-middle">สมัครสมาชิก</span>
          </a>
        </div>
        <div class="col-12 text-center">
          <p class="my-0 text-body-2">สมัครสมาชิกฟรี ฝาก-ถอนออโต้</p>
        </div>
      </div>
    </div>
    <div class="w-100 line-1"></div>
  </div>

  <div class="container-fluid">
    <div class="row">
      <div class="bg-content-2 px-0">
        <div class="col-12 p-3 d-none d-md-block">
          <div class="swiper swiper-promotion">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/1.png" alt="โปรโมชั่น UFAYES 1">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/2.png" alt="โปรโมชั่น UFAYES 2">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/3.png" alt="โปรโมชั่น UFAYES 3">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/4.png" alt="โปรโมชั่น UFAYES 4">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/5.png" alt="โปรโมชั่น UFAYES 5">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/6.png" alt="โปรโมชั่น UFAYES 6">
              </div>
            </div>

            <div class="swiper-button-next swiper-button-navigation"></div>
            <div class="swiper-button-prev swiper-button-navigation"></div>
          </div>
        </div>

        <div class="col-12 p-3 d-block d-md-none">
          <div class="swiper swiper-promotion-m">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/1.png" alt="โปรโมชั่น UFAYES 1">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/2.png" alt="โปรโมชั่น UFAYES 2">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/3.png" alt="โปรโมชั่น UFAYES 3">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/4.png" alt="โปรโมชั่น UFAYES 4">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/5.png" alt="โปรโมชั่น UFAYES 5">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/promotion/6.png" alt="โปรโมชั่น UFAYES 6">
              </div>
            </div>

            <div class="swiper-button-next swiper-button-navigation"></div>
            <div class="swiper-button-prev swiper-button-navigation"></div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="bg-content-1 py-3">
    <div class="container">
      <div class="row g-2">
        <div class="col-12">
          <h1 class="text-center my-0 text-header-1">
            UFAYES เว็บพนันออนไลน์อันดับ 1 แทงบอล คาสิโน สล็อต UFABET เว็บตรง
          </h1>
          <h2 class="text-md-center text-start my-0 text-header-2">ติดต่อเราได้ตลอด 24 ชั่วโมง ทีมงานมืออาชีพที่คอยให้บริการคุณอย่างเต็มที่ ไม่ว่าจะเป็นการสมัครสมาชิก การฝาก-ถอน หรือการแก้ไขปัญหาต่างๆ เราพร้อมช่วยเหลือคุณทุกขั้นตอน</h2>
        </div>

        <div class="col-12">
          <div class="row justify-content-center g-2">
            <div class="col-lg-5 col-md-7 col-12">
              <div class="card-1 rounded-2 p-3">
                <div class="row">
                  <div class="col-4">
                    <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/badge-line.png" width="120" alt="Line Official">
                  </div>

                  <div class="col my-auto">
                    <div class="row">
                      <div class="col-12">
                        <h3 class="text-header-3">Line Official: <span class="text-body-line">{{ info1.LINE_NAME }}</span></h3>
                      </div>
                      <div class="col-12 d-grid">
                        <a :href="info2.lineId" class="btn btn-line">
                          <img class="me-1 lazyload" data-src="/public/images/badge-line.png" alt="">
                          <span class="align-middle">ติดต่อเรา</span>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-5 col-md-7 col-12">
              <div class="card-1 rounded-2 p-3">
                <div class="row">
                  <div class="col-4">
                    <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/badge-telegram.png" width="120" alt="Telegram">
                  </div>

                  <div class="col my-auto">
                    <div class="row">
                      <div class="col-12">
                        <h3 class="text-header-3">Telegram: <span class="text-body-telegram">{{ info1.TELEGRAM_NAME }}</span></h3>
                      </div>
                      <div class="col-12 d-grid">
                        <a :href="info1.TELEGRAM_LINK" class="btn btn-telegram">
                          <img class="me-1 lazyload" data-src="/public/images/badge-telegram.png" alt="">
                          <span class="align-middle">ติดต่อเรา</span>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="bg-content-3 py-3">
    <div class="container">
      <div class="row g-2">
        <div class="col-12">
          <h2 class="text-md-center text-start my-0 text-header-1">
            แทงบอลได้เต็ม สล็อตแจกโบนัส บาคาร่าทำกำไร! ถอนได้จริง
          </h2>
          <h3 class="text-md-center text-start my-0 text-header-2">
            UFAYES เว็บแทงบอลออนไลน์ที่จริงใจที่สุด แทงบอลเข้า สล็อตแตก บาคาร่าชนะ เราไม่มีบิด ไม่มีอั้นถอน เล่นได้เท่าไรถอนไม่อั้น ขอแสดงความยินดีกับเศรษฐีรายใหม่ที่แจ็คพอตแตก
          </h3>
        </div>

        <div class="col-12">
          <div class="row g-3">
            <div class="col-md-3 col-6">
              <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/slip/1.png" alt="ตัวอย่างการถอนเงิน UFAYES 1">
            </div>
            <div class="col-md-3 col-6">
              <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/slip/2.png" alt="ตัวอย่างการถอนเงิน UFAYES 2">
            </div>
            <div class="col-md-3 col-6">
              <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/slip/3.png" alt="ตัวอย่างการถอนเงิน UFAYES 3">
            </div>
            <div class="col-md-3 col-6">
              <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/slip/4.png" alt="ตัวอย่างการถอนเงิน UFAYES 4">
            </div>
            <div class="col-md-3 col-6">
              <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/slip/5.png" alt="ตัวอย่างการถอนเงิน UFAYES 5">
            </div>
            <div class="col-md-3 col-6">
              <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/slip/6.png" alt="ตัวอย่างการถอนเงิน UFAYES 6">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="bg-content-2 py-3">
    <div class="container">
      <div class="row g-2">
        <div class="col-12">
          <h2 class="text-center my-0 text-header-1">
            เกมยอดนิยม UFAYES
          </h2>
          <h3 class="text-md-center text-start my-0 text-header-2">
            เราคัดสรรเกมยอดนิยมจากค่ายดังมาให้คุณได้เลือกเล่นอย่างจุใจ ไม่ว่าจะเป็น สล็อต บาคาร่า รูเล็ต ไฮโล และอื่นๆ อีกมากมาย พร้อมโปรโมชั่นสุดพิเศษที่คุณไม่ควรพลาด
          </h3>
        </div>

        <div class="col-12">
          <div class="swiper swiper-game my-0">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/1.png" alt="เกมออนไลน์ UFAYES 1">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/2.png" alt="เกมออนไลน์ UFAYES 2">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/3.png" alt="เกมออนไลน์ UFAYES 3">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/4.png" alt="เกมออนไลน์ UFAYES 4">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/5.png" alt="เกมออนไลน์ UFAYES 5">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/6.png" alt="เกมออนไลน์ UFAYES 6">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/7.png" alt="เกมออนไลน์ UFAYES 7">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/8.png" alt="เกมออนไลน์ UFAYES 8">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/9.png" alt="เกมออนไลน์ UFAYES 9">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/10.png" alt="เกมออนไลน์ UFAYES 10">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/11.png" alt="เกมออนไลน์ UFAYES 11">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block rounded-3 lazyload" data-src="/public/images/game/12.png" alt="เกมออนไลน์ UFAYES 12">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="bg-content-2 py-3">
    <div class="container">
      <div class="row g-2">
        <div class="col-12">
          <h2 class="text-md-center text-start my-0 text-header-1">
            UFAYES เราคัดสรรเกมชั้นนำจากค่ายดังมาให้คุณได้เลือกเล่นอย่างจุใจ
          </h2>
        </div>

        <div class="col-12 d-none d-md-block">
          <div class="swiper swiper-game-icon">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/1.png" alt="ค่ายเกม UFAYES 1">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/2.png" alt="ค่ายเกม UFAYES 2">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/3.png" alt="ค่ายเกม UFAYES 3">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/4.png" alt="ค่ายเกม UFAYES 4">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/5.png" alt="ค่ายเกม UFAYES 5">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/6.png" alt="ค่ายเกม UFAYES 6">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/7.png" alt="ค่ายเกม UFAYES 7">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/8.png" alt="ค่ายเกม UFAYES 8">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/9.png" alt="ค่ายเกม UFAYES 9">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/10.png" alt="ค่ายเกม UFAYES 10">
              </div>
            </div>

            <div class="swiper-button-next swiper-button-navigation"></div>
            <div class="swiper-button-prev swiper-button-navigation"></div>
          </div>
        </div>

        <div class="col-12 d-block d-md-none">
          <div class="swiper swiper-game-icon-m">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/1.png" alt="ค่ายเกม UFAYES 1">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/2.png" alt="ค่ายเกม UFAYES 2">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/3.png" alt="ค่ายเกม UFAYES 3">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/4.png" alt="ค่ายเกม UFAYES 4">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/5.png" alt="ค่ายเกม UFAYES 5">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/6.png" alt="ค่ายเกม UFAYES 6">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/7.png" alt="ค่ายเกม UFAYES 7">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/8.png" alt="ค่ายเกม UFAYES 8">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/9.png" alt="ค่ายเกม UFAYES 9">
              </div>
              <div class="swiper-slide">
                <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/icon-game/10.png" alt="ค่ายเกม UFAYES 10">
              </div>
            </div>

            <div class="swiper-button-next swiper-button-navigation"></div>
            <div class="swiper-button-prev swiper-button-navigation"></div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <ul class="nav nav-justified fixed-bottom nav-footer">
    <a :href="`/login${query}`" class=" nav-link py-1 px-0 my-auto nav-footer-menu">
      <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/button-footer-login.png" width="30" alt="">
      <small>เข้าสู่ระบบ</small>
    </a>
    <a :href="`/register${query}`" class="nav-link py-1 px-0 my-auto nav-footer-menu">
      <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/button-footer-register.png" width="30" alt="">
      <small>สมัครสมาชิก</small>
    </a>
    <a :href="`/login${query}`" class=" nav-link py-1 px-0 nav-footer-chip">
      <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/button-footer-chip.png" width="65" alt="">
      <small>เล่นเกม</small>
    </a>
    <a :href="`/promotion${query}`" class=" nav-link py-1 px-0 my-auto nav-footer-menu">
      <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/button-footer-promotion.png" width="30" alt="">
      <small>โปรโมชั่น</small>
    </a>
    <a :href="info2.lineId" class="nav-link py-1 px-0 my-auto nav-footer-menu">
      <img class="img-fluid mx-auto d-block lazyload" data-src="/public/images/button-footer-line.png" width="30" alt="">
      <small>ติดต่อเรา</small>
    </a>
  </ul>

  <footer class="footer">
    <div class="container">
      <div class="row g-3">
        <div class="col-12">
          <a :href="`/${query}`"><img class="img-fluid mx-auto d-block lazyload logo-header" data-src="/public/images/logo.png" alt="UFAYES"></a>
          <p class="my-0 text-body-3">
            บริการทางเข้าเล่น กีฬาออนไลน์ คาสิโนออนไลน์ ให้บริการตลอด 24 ชั่วโมงสามารถ ฝาก และ ถอนเงินได้ตลอดเวลาไม่จำกัดครั้ง ไม่จำกัดจำนวนเว็บแทงบอลออนไลน์ผ่านมือถือ ได้รับความนิยมอันดับ 1 ตัวแทนโดยตรงจาก UFABET ทั่วเอเชีย UFAYES ได้รับความนิยมมากที่สุด เดิมพันกีฬาออนไลน์และคาสิโนทุกประเภท บริการลูกค้าทุกวัน 7 วัน 24 ชั่วโมง ไม่มีวันหยุด
          </p>
        </div>

        <div class="col-md-6 col-12 text-md-center text-start">
          <h2 class="text-header-2 mb-2">อื่นๆ</h2>
          <a :href="`/${query}`">
            <p class="my-0 text-body-3">หน้าหลัก</p>
          </a>
          <a :href="`/login${query}`">
              <p class=" my-0 text-body-3">เข้าสู่ระบบ</p>
          </a>
          <a :href="`/register${query}`">
            <p class="my-0 text-body-3">สมัครสมาชิก</p>
          </a>
          <a :href="`/promotion${query}`">
              <p class=" my-0 text-body-3">โปรโมชั่น</p>
          </a>
          <a :href="info2.lineId">
            <p class="my-0 text-body-3">ติดต่อเรา</p>
          </a>
        </div>

        <div class="col-md-6 col-12 text-md-center text-start">
          <h2 class="text-header-2 mb-2">ติดต่อเรา</h2>
          <a :href="info2.lineId">
            <p class="my-0 text-body-3"><img class="me-2 lazyload" data-src="/public/images/icon-line-2.png" width="20" alt=""><span class="align-middle">{{ info1.LINE_NAME }}</span></p>
          </a>
          <p class="my-0 text-body-3 mt-2">© 2026 UFAYES.COM All rights reserved.</p>
        </div>
      </div>
    </div>
  <style>
@keyframes bounce-scale {
  0%, 100% {
      transform: translateY(0) scale(1); 
  }
  50% {
      transform: translateY(-10px) scale(1.2); 
  }
}

#tha-footer-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #14815e;
    border-top: 2px solid #14815e;
    display: flex;
    justify-content: space-around;
    height: 70px;
    z-index: 999999;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

#tha-footer-bar .tha-footer-item {
    text-align: center;
    flex: 1;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#tha-footer-bar .tha-icon {
    width: 35px;
    height: 35px;
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    margin-bottom: 0px;  
    overflow: hidden;
}

#tha-footer-bar .tha-special-icon {
    width: 45px;  
    height: 45px;
    margin-bottom: 5px; 
}

#tha-footer-bar .tha-footer-item .tha-special-text {
    font-size: 15px !important; 
    margin-top: 4px !important;  
}

#tha-footer-bar .tha-footer-item span {
    font-size: 15px; 
    margin-top: 5px;  
}

@media screen and (max-width: 600px) {
    #tha-footer-bar .tha-icon {
        width: 30px;
        height: 30px;
    }
    #tha-footer-bar .tha-special-icon {
        width: 35px;
        height: 35px;
    }
    #tha-footer-bar .tha-footer-item span {
        font-size: 14px;
    }
    #tha-footer-bar .tha-footer-item .tha-special-text {
        font-size: 14px !important; 
        margin-top: -3px !important;
    }
}

@media screen and (min-width: 1025px) {
    #tha-footer-bar {
         display: none !important;
    }
}

    .faq-section {
      font-family: "Noto Sans TC", sans-serif;
      background:#fff;
      padding: 2rem;
      border-radius: 12px;
      max-width: 900px;
      margin: 0 auto;
      color:#93665d !important;
    }
    .faq-section h2 {
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 1.5rem;
      color: #93665d !important;
      border-left: 6px solid #f7c873;
      padding-left: 0.75rem;
    }
    .faq-item {
      border-bottom: 1px solid #e1dad4;
      padding: 1rem 0;
    }
    .faq-question {
      font-size: 1.1rem;
      font-weight: 600;
      cursor: pointer;
      position: relative;
      padding-right: 2rem;
    }
    .faq-question::after {
      content: '+';
      position: absolute;
      right: 0;
      font-weight: bold;
    }
    .faq-item.open .faq-question::after {
      content: '-';
    }
    .faq-answer {
      display: none;
      margin-top: 0.5rem;
      color:  #59453c !important;
      line-height: 1.6;
    }
    .faq-item.open .faq-answer {
      display: block;
    }
    @media (max-width: 768px) {
  .faq-section {
    padding: 1.5rem;
  }
  .faq-section h2 {
    font-size: 1.5rem;
  }
  .faq-question {
    font-size: 1rem;
  }
  .faq-answer {
    font-size: 0.95rem;
  }
}
@media (max-width: 480px) {
  .faq-section {
    padding: 1rem;
  }
  .faq-question {
    padding-right: 1.5rem;
  }
}
@media (max-width: 768px) {
      .faq-section {
        flex-direction: column;
        padding: 30px 15px;
      }
    }
  </style>
<div id="tha-footer-bar" class="tha-footer-bar">
    <a href="/app.html" target="_blank" rel="noopener nofollow" class="tha-footer-item">
        <div class="tha-icon tha-special-icon" style="background-image: url(/jiuzhou/icon_footer_gift.png);"></div>
        <span class="tha-special-text">โปรโมชัน</span>
    </a>
    <a href="/app.html" target="_blank" rel="noopener nofollow" class="tha-footer-item">
        <div class="tha-icon" style="background-image: url(/jiuzhou/icon_footer_tradeRec_new.svg);"></div>
        <span>ศูนย์บริการ</span>
    </a>
    <a href="/app.html" target="_blank" rel="noopener nofollow" class="tha-footer-item">
        <div class="tha-icon" style="position: absolute;background-image: url(/jiuzhou/icon_footer_DW.svg);width: 50px;height: 50px;margin-bottom: 50px;"></div>
        <span style="  display: inline-block; color: #a32724; animation: bounce-scale 1.5s infinite ease-in-out !important; margin-bottom: -30px;">ฝาก-ถอน</span>
    </a>
    <a href="/app.html" target="_blank" rel="noopener nofollow" class="tha-footer-item">
        <div class="tha-icon" style="background-image: url(/jiuzhou/icon_footer_service_new.svg);"></div>
        <span>บันทึกการเงิน</span>
    </a>
    <a href="/app.html" target="_blank" rel="noopener nofollow" class="tha-footer-item">
        <div class="tha-icon" style="background-image: url(/jiuzhou/icon_footer_member.svg);"></div>
        <span>ฉัน</span>
    </a>
</div></footer>

  <script src="/public/js/bootstrap.bundle.min.js"></script>
  <script src="/public/js/lazysizes.min.js"></script>
  <script src="/public/js/swiper-bundle.min.js"></script>
  <!-- <script src="/public/js/vue.js"></script> -->
  <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-72JJ4D7HFR"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-72JJ4D7HFR');
  </script>

  <script>
    const { createApp, ref, onMounted } = Vue

    createApp({
      setup() {
        const info1 = ref({})
        const info2 = ref({})
        const query = ref(window.location.search)

        onMounted(async () => {
          try {
            const res1 = await fetch('/api/variables/INFO')
            info1.value = await res1.json()
            info1.value = info1.value?.[0]?.value

            const res2 = await fetch('/api/player/info')
            info2.value = await res2.json()
          } catch (err) {
            console.error('fetch error:', err)
          }
        })

        return { info1, info2, query }
      }
    }).mount('#app')
  </script>

  <script>
    const swiper = new Swiper(".swiper-cover", {
      slidesPerView: 1,
      slidesPerGroup: 1,
      freeMode: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
    })

    const swiper2 = new Swiper(".swiper-promotion", {
      slidesPerView: 3,
      spaceBetween: 15,
      slidesPerGroup: 3,
      freeMode: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    })

    const swiper3 = new Swiper(".swiper-promotion-m", {
      slidesPerView: 1,
      spaceBetween: 10,
      slidesPerGroup: 1,
      freeMode: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    })

    const swiper4 = new Swiper(".swiper-game", {
      slidesPerView: 4,
      spaceBetween: 10,
      slidesPerGroup: 1,
      loop: true,
      speed: 3000,
      allowTouchMove: false,
      autoplay: {
        delay: 0,
        disableOnInteraction: false
      }
    })

    const swiper5 = new Swiper(".swiper-game-icon", {
      slidesPerView: 9,
      spaceBetween: 10,
      slidesPerGroup: 1,
      loop: true,
      speed: 3000,
      allowTouchMove: false,
      autoplay: {
        delay: 0,
        disableOnInteraction: false
      }
    })

    const swiper6 = new Swiper(".swiper-game-icon-m", {
      slidesPerView: 4,
      spaceBetween: 10,
      slidesPerGroup: 1,
      loop: true,
      speed: 3000,
      allowTouchMove: false,
      autoplay: {
        delay: 0,
        disableOnInteraction: false
      }
    })
  </script>
</body>

</html>
