{"id":1497,"date":"2026-02-20T18:11:56","date_gmt":"2026-02-20T18:11:56","guid":{"rendered":"https:\/\/pitipatprint.com\/?page_id=1497"},"modified":"2026-03-25T05:32:52","modified_gmt":"2026-03-25T05:32:52","slug":"performance","status":"publish","type":"page","link":"https:\/\/pitipatprint.com\/index.php\/performance\/","title":{"rendered":"\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32"},"content":{"rendered":"\n<style>\n.hero-print{\n    position: relative;\n\n    \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e17\u0e30\u0e25\u0e38 container *\/\n    width: 100vw;\n    position: relative;\n    left: -2.5%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n\n    min-height: 420px;\n    padding: 160px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    color: #ffffff;\n    font-family: 'Prompt', sans-serif;\n\n    background-image: url(\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/211123.png\");\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    overflow: hidden;\n}\n\n\/* Premium Gradient Overlay *\/\n.hero-print::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background: linear-gradient(\n        135deg,\n        rgba(0,0,0,0.75),\n        rgba(0,0,0,0.45)\n    );\n}\n\n\/* Content *\/\n.hero-content{\n    position: relative;\n    z-index: 2;\n    max-width: 1000px;\n    animation: fadeUp 1s ease forwards;\n}\n\n.hero-title{\n    font-size: 56px;\n    font-weight: 800;\n    margin-bottom: 20px;\n    text-shadow: 0 4px 15px rgba(0,0,0,0.6);\n}\n\n.hero-subtitle{\n    font-size: 22px;\n    margin-bottom: 40px;\n    opacity: 0.95;\n}\n\n\/* Premium Button *\/\n.hero-btn{\n    padding: 15px 42px;\n    border-radius: 60px;\n    text-decoration: none;\n    font-weight: 600;\n    display: inline-block;\n    background: linear-gradient(45deg,#06C755,#04a745);\n    color:#fff;\n    transition: 0.35s ease;\n    box-shadow: 0 8px 25px rgba(6,199,85,0.4);\n}\n\n.hero-btn:hover{\n    transform: translateY(-5px);\n    box-shadow: 0 15px 35px rgba(6,199,85,0.6);\n}\n\n\/* Animation *\/\n@keyframes fadeUp{\n    from{\n        opacity:0;\n        transform:translateY(30px);\n    }\n    to{\n        opacity:1;\n        transform:translateY(0);\n    }\n}\n\n\/* Mobile *\/\n@media (max-width:768px){\n    .hero-print{\n        padding:120px 15px;\n        min-height: 360px;\n    }\n    .hero-title{\n        font-size: 34px;\n    }\n    .hero-subtitle{\n        font-size: 18px;\n    }\n}\n<\/style>\n\n<section class=\"hero-print\">\n    <div class=\"hero-content\">\n        <h1 class=\"hero-title\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/h1>\n        <p class=\"hero-subtitle\">\n            \u0e23\u0e27\u0e21\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e08\u0e32\u0e01\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \n            \u0e07\u0e32\u0e19\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e04\u0e21\u0e0a\u0e31\u0e14 \u0e43\u0e2a\u0e48\u0e43\u0e08\u0e17\u0e38\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\n        <\/p>\n    <\/div>\n<\/section>\n\n\n\n<!-- ================= CSS STYLE ================= -->\n<style>\n  \/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 Section \u0e2b\u0e25\u0e31\u0e01 *\/\n  .portfolio-section {\n    padding: 80px 20px;\n    background: #f8faf9;\n  }\n\n  \/* \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e43\u0e2b\u0e0d\u0e48\u0e02\u0e2d\u0e07\u0e41\u0e15\u0e48\u0e25\u0e30\u0e01\u0e25\u0e38\u0e48\u0e21 *\/\n  .category-title {\n    text-align: center;\n    font-size: 32px;\n    font-weight: 800;\n    color: #1a1a1a;\n    margin-bottom: 40px;\n    position: relative;\n    display: inline-block;\n    width: 100%;\n  }\n  .category-title::after {\n    content: '';\n    display: block;\n    width: 60px;\n    height: 4px;\n    background: #0c7c59;\n    margin: 10px auto 0;\n    border-radius: 2px;\n  }\n\n  \/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e23\u0e27\u0e21\u0e01\u0e25\u0e38\u0e48\u0e21 *\/\n  .portfolio-group {\n    max-width: 1200px;\n    margin: 0 auto 60px auto;\n  }\n\n  \/* Grid Layout *\/\n  .portfolio-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    align-items: start; \/* \u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e2a\u0e31\u0e49\u0e19-\u0e22\u0e32\u0e27\u0e44\u0e21\u0e48\u0e14\u0e36\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19 *\/\n  }\n\n  \/* \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23 *\/\n  .portfolio-item {\n    background: #fff;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n    transition: 0.3s ease;\n    position: relative;\n  }\n  .portfolio-item:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n  }\n\n  \/* \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n  .portfolio-item img {\n    width: 100%;\n    height: 300px;\n    object-fit: cover;\n    cursor: pointer;\n    display: block;\n  }\n\n  \/* \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e43\u0e19\u0e01\u0e32\u0e23\u0e4c\u0e14 (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e2b\u0e25\u0e31\u0e01) *\/\n  .portfolio-content {\n    padding: 20px;\n  }\n  .tag {\n    display: inline-block;\n    background: #e8f5f0;\n    color: #0c7c59;\n    font-size: 12px;\n    font-weight: 600;\n    padding: 5px 12px;\n    border-radius: 50px;\n    margin-bottom: 10px;\n  }\n  .portfolio-content h3 {\n    margin: 0 0 8px 0;\n    font-size: 20px;\n  }\n  .portfolio-content p {\n    margin: 0;\n    color: #666;\n    font-size: 15px;\n  }\n\n  \/* \u0e0b\u0e48\u0e2d\u0e19 Hidden Class \u0e40\u0e01\u0e48\u0e32 (\u0e16\u0e49\u0e32\u0e21\u0e35) *\/\n  .hidden-img { display: none; }\n\n  \/* ========== LIGHTBOX ========== *\/\n  #lightbox {\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,.95);\n    backdrop-filter: blur(10px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: .4s ease;\n    z-index: 9999;\n  }\n  #lightbox.active {\n    opacity: 1;\n    visibility: visible;\n  }\n  .lightbox-inner {\n    position: relative;\n    max-width: 1200px;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  #lightbox-img {\n    max-width: 100%;\n    max-height: 85vh;\n    border-radius: 18px;\n    transition: transform .35s ease, opacity .25s ease;\n  }\n  .close-btn {\n    position: absolute;\n    top: 20px; right: 30px;\n    font-size: 40px;\n    color: #fff;\n    cursor: pointer;\n    z-index: 10;\n  }\n  .nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 50px;\n    color: #fff;\n    cursor: pointer;\n    user-select: none;\n    padding: 10px;\n  }\n  .prev { left: 20px; }\n  .next { right: 20px; }\n  .counter {\n    position: absolute;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #fff;\n    font-size: 14px;\n    background: rgba(0,0,0,0.5);\n    padding: 5px 15px;\n    border-radius: 20px;\n  }\n\n  @media (max-width: 768px) {\n    .nav { display: none; }\n    #lightbox-img { max-height: 75vh; }\n    .category-title { font-size: 26px; }\n  }\n<\/style>\n\n\n<!-- ================= HTML STRUCTURE ================= -->\n<section class=\"portfolio-section\">\n\n  <!-- \/\/\/\/\/\/\/\/\/\/ \u0e2b\u0e21\u0e27\u0e14 1: \u0e2a\u0e15\u0e34\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c \/\/\/\/\/\/\/\/\/\/ -->\n  <div class=\"portfolio-group\">\n    <h2 class=\"category-title\">\u0e07\u0e32\u0e19\u0e2a\u0e15\u0e34\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c<\/h2>\n    <div class=\"portfolio-grid\">\n     \n\n      <!-- \u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e43\u0e19\u0e2b\u0e21\u0e27\u0e14\u0e19\u0e35\u0e49 -->\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/5432452.jpg\" data-group=\"sticker\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/8998.jpg\" data-group=\"sticker\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/21321321.png\" data-group=\"sticker\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/3.jpg\" data-group=\"sticker\" onclick=\"openLightbox(this)\">\n      <\/div>\n      \n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/3223.jpg\" data-group=\"sticker\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/433.jpg\" data-group=\"sticker\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/23133.png\" data-group=\"sticker\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- \/\/\/\/\/\/\/\/\/\/ \u0e2b\u0e21\u0e27\u0e14 2: \u0e2a\u0e15\u0e34\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c\u0e44\u0e14\u0e04\u0e31\u0e17\/\/\/\/\/\/\/\/\/\/ -->\n  <div class=\"portfolio-group\">\n    <h2 class=\"category-title\">\u0e07\u0e32\u0e19\u0e2a\u0e15\u0e34\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c\u0e44\u0e14\u0e04\u0e31\u0e17<\/h2>\n    <div class=\"portfolio-grid\">\n      \n\n      <!-- \u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e43\u0e19\u0e2b\u0e21\u0e27\u0e14\u0e19\u0e35\u0e49 -->\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/213.png\" data-group=\"die-cut stickers\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/23423.jpg\" data-group=\"die-cut stickers\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/\u0e2a\u0e15\u0e34\u0e4a\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c1.jpg\" data-group=\"die-cut stickers\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/536353.jpg\" data-group=\"die-cut stickers\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/9978.jpg\" data-group=\"die-cut stickers\" onclick=\"openLightbox(this)\">\n      <\/div>\n      \n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/4324321.jpg\" data-group=\"die-cut stickers\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/655232243.jpg\" data-group=\"die-cut stickers\" onclick=\"openLightbox(this)\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \/\/\/\/\/\/\/\/\/\/ \u0e2b\u0e21\u0e27\u0e14 3: \u0e2a\u0e01\u0e23\u0e35\u0e19\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e1c\u0e49\u0e32 \/\/\/\/\/\/\/\/\/\/ -->\n  <div class=\"portfolio-group\">\n    <h2 class=\"category-title\">\u0e07\u0e32\u0e19\u0e2a\u0e01\u0e23\u0e35\u0e19\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e1c\u0e49\u0e32<\/h2>\n    <div class=\"portfolio-grid\">\n      \n\n\n      <!-- \u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e43\u0e19\u0e2b\u0e21\u0e27\u0e14\u0e19\u0e35\u0e49 -->\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/13413413.jpg\" data-group=\"fabric bag\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/422213.jpg\" data-group=\"fabric bag\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/54423.jpg\" data-group=\"fabric bag\" onclick=\"openLightbox(this)\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n  <!-- \/\/\/\/\/\/\/\/\/\/ \u0e2b\u0e21\u0e27\u0e14 4: \u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d \/\/\/\/\/\/\/\/\/\/ -->\n  <div class=\"portfolio-group\">\n    <h2 class=\"category-title\">\u0e07\u0e32\u0e19\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d<\/h2>\n    <div class=\"portfolio-grid\">\n     \n\n      <!-- \u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 -->\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/24324423.jpg\" data-group=\"book\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/87942.jpg\" data-group=\"book\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/28787.jpg\" data-group=\"book\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/21321313.png\" data-group=\"book\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- \/\/\/\/\/\/\/\/\/\/ \u0e2b\u0e21\u0e27\u0e14 5: \u0e1b\u0e49\u0e32\u0e22\u0e44\u0e27\u0e19\u0e34\u0e25 \/\/\/\/\/\/\/\/\/\/ -->\n  <div class=\"portfolio-group\">\n    <h2 class=\"category-title\">\u0e07\u0e32\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e44\u0e27\u0e19\u0e34\u0e25<\/h2>\n    <div class=\"portfolio-grid\">\n      \n\n\n      <!-- \u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 -->\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/4311413.jpg\" data-group=\"structure\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/556444.jpg\" data-group=\"structure\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/232144422.jpg\" data-group=\"structure\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/78676867.jpg\" data-group=\"structure\" onclick=\"openLightbox(this)\">\n      <\/div>\n      \n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/6575675.jpg\" data-group=\"structure\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/3453543.jpg\" data-group=\"structure\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n    <\/div>\n  <\/div>\n  <!-- \/\/\/\/\/\/\/\/\/\/ \u0e2b\u0e21\u0e27\u0e14 6: \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e07\u0e32\u0e19\u0e41\u0e15\u0e48\u0e07 \/\/\/\/\/\/\/\/\/\/ -->\n  <div class=\"portfolio-group\">\n    <h2 class=\"category-title\">\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e07\u0e32\u0e19\u0e41\u0e15\u0e48\u0e07<\/h2>\n    <div class=\"portfolio-grid\">\n      \n\n\n      <!-- \u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 -->\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/2344233.jpg\" data-group=\"Wedding invitations\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/123414314.jpg\" data-group=\"Wedding invitations\" onclick=\"openLightbox(this)\">\n      <\/div>\n      \n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/4543332.jpg\" data-group=\"Wedding invitations=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/213333.jpg\" data-group=\"Wedding invitations\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- \/\/\/\/\/\/\/\/\/\/ \u0e2b\u0e21\u0e27\u0e14 7: \u0e07\u0e32\u0e19\u0e19\u0e32\u0e21\u0e1a\u0e31\u0e15\u0e23 \/\/\/\/\/\/\/\/\/\/ -->\n  <div class=\"portfolio-group\">\n    <h2 class=\"category-title\">\u0e07\u0e32\u0e19\u0e19\u0e32\u0e21\u0e1a\u0e31\u0e15\u0e23<\/h2>\n    <div class=\"portfolio-grid\">\n      \n\n      <!-- \u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 -->\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/03\/87678.jpg\" data-group=\"card\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/2112.jpg\" data-group=\"card\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n      <div class=\"portfolio-item\">\n        <img decoding=\"async\" src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/7867867.jpg\" data-group=\"card\" onclick=\"openLightbox(this)\">\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n\n<!-- ================= LIGHTBOX HTML ================= -->\n<div id=\"lightbox\" onclick=\"closeLightbox()\">\n  <div class=\"lightbox-inner\" onclick=\"event.stopPropagation();\">\n    <span class=\"close-btn\" onclick=\"closeLightbox()\">&times;<\/span>\n    <span class=\"nav prev\" onclick=\"changeSlide(-1)\">&#10094;<\/span>\n    <img id=\"lightbox-img\">\n    <span class=\"nav next\" onclick=\"changeSlide(1)\">&#10095;<\/span>\n    <div class=\"counter\" id=\"img-counter\"><\/div>\n  <\/div>\n<\/div>\n\n\n<!-- ================= JAVASCRIPT ================= -->\n<script>\nlet currentGroup = [];\nlet currentIndex = 0;\nlet startX = 0;\n\nconst lightbox = document.getElementById(\"lightbox\");\nconst img = document.getElementById(\"lightbox-img\");\n\nfunction openLightbox(el) {\n  \/\/ \u0e2b\u0e32 group \u0e08\u0e32\u0e01 data-group\n  let group = el.dataset.group;\n\n  \/\/ \u0e14\u0e36\u0e07\u0e23\u0e39\u0e1b\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e43\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21\u0e19\u0e35\u0e49\n  currentGroup = Array.from(document.querySelectorAll('[data-group=\"'+group+'\"]'))\n    .filter(i => i.src && i.src.trim() !== \"\");\n\n  \/\/ \u0e2b\u0e32 index \u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e17\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\n  currentIndex = currentGroup.indexOf(el);\n\n  lightbox.classList.add(\"active\");\n  document.body.style.overflow = \"hidden\";\n  updateImage();\n}\n\nfunction closeLightbox() {\n  lightbox.classList.remove(\"active\");\n  document.body.style.overflow = \"auto\";\n}\n\nfunction changeSlide(dir) {\n  currentIndex = (currentIndex + dir + currentGroup.length) % currentGroup.length;\n  img.style.opacity = 0;\n  setTimeout(() => {\n    updateImage();\n    img.style.opacity = 1;\n  }, 150);\n}\n\nfunction updateImage() {\n  img.src = currentGroup[currentIndex].src;\n  document.getElementById(\"img-counter\").innerText = (currentIndex + 1) + \" \/ \" + currentGroup.length;\n}\n\n\/* Swipe Mobile *\/\nimg.addEventListener(\"touchstart\", e => {\n  startX = e.touches[0].clientX;\n});\nimg.addEventListener(\"touchend\", e => {\n  let endX = e.changedTouches[0].clientX;\n  if (startX - endX > 60) changeSlide(1);\n  if (endX - startX > 60) changeSlide(-1);\n});\n\n\/* Keyboard *\/\ndocument.addEventListener(\"keydown\", e => {\n  if (!lightbox.classList.contains(\"active\")) return;\n  if (e.key === \"Escape\") closeLightbox();\n  if (e.key === \"ArrowRight\") changeSlide(1);\n  if (e.key === \"ArrowLeft\") changeSlide(-1);\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e23\u0e27\u0e21\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e08\u0e32\u0e01\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e07\u0e32\u0e19\u0e1e\u0e34 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1497","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/pages\/1497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/comments?post=1497"}],"version-history":[{"count":52,"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/pages\/1497\/revisions"}],"predecessor-version":[{"id":1848,"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/pages\/1497\/revisions\/1848"}],"wp:attachment":[{"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/media?parent=1497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}