import { c as createComponent } from './astro-component_BaTxfI_2.mjs';
import 'piccolore';
import { h as renderComponent, r as renderTemplate, m as maybeRenderHead, f as addAttribute } from './server_CWPsUuvN.mjs';
import { $ as $$Layout, r as renderScript } from './Layout_C5ObnTcG.mjs';

const $$Portfolio = createComponent(($$result, $$props, $$slots) => {
  const portfolioItems = [
    {
      name: "Lungfinler",
      url: "https://lungfinler.com",
      category: "webdev",
      thumbnail: "/images/portfolio/lungfinler.png",
      description: "Digital Agency - บริการด้านการสร้างแบรนด์ กราฟิกดีไซน์ และถ่ายภาพสินค้าคุณภาพสูง",
      services: ["Website", "Branding", "Graphic Design"]
    },
    {
      name: "Jet Industries",
      url: "https://jetindustries.co.th",
      category: "webdev",
      thumbnail: "/images/portfolio/jetindustries.png",
      description: "ผู้ผลิตพลาสติกฉีดขึ้นรูปอย่างแม่นยำ (Precision Plastic Injection Molding) มีประสบการณ์กว่า 40 ปี",
      services: ["Website", "Industrial"]
    },
    {
      name: "สำนักงานกฎหมาย ตถาตา",
      url: "https://lawyernoom.com",
      category: "webdev",
      thumbnail: "/images/portfolio/lawyernoom.png",
      description: "สำนักงานกฎหมายโดย ทนายความ คมสัน ศรีวนิชย์ - บริการด้านคดีความ คดีแพ่ง คดีอาญา",
      services: ["Website", "Legal"]
    },
    {
      name: "Underdog Marketing",
      url: "https://underdog.run",
      category: "webdev",
      thumbnail: "/images/portfolio/underdog.png",
      description: "บล็อกการตลาดและการขายสไตล์ ลุยไม่ยั้ง โดย บุ้ง ดีดติ่งหู",
      services: ["Website", "Content Marketing"]
    },
    {
      name: "Baofuling Shop",
      url: "https://baofulingshop.com",
      category: "ecommerce",
      thumbnail: "/images/portfolio/baofuling.png",
      description: "ร้านค้าออนไลน์ครีมบัวหิมะและผลิตภัณฑ์ความงามจีน",
      services: ["E-commerce", "Beauty"]
    },
    {
      name: "เทรนเนอร์ซันนี่",
      url: "https://trainersunny.com",
      category: "webdev",
      thumbnail: "/images/portfolio/trainersunny.png",
      description: "ผู้เชี่ยวชาญด้านการพัฒนาบุคลากรและ Soft Skill",
      services: ["Website", "Training"]
    },
    {
      name: "เลือดจระเข้วานิไทย",
      url: "https://เลือดจระเข้วานิไทย.com",
      category: "ecommerce",
      thumbnail: "/images/portfolio/luadjob.png",
      description: "ตัวแทนจำหน่ายเลือดจระเข้วานิไทยอย่างเป็นทางการ",
      services: ["E-commerce", "Health"]
    },
    {
      name: "ทวนทอง 99",
      url: "https://tuanthong99.com",
      category: "ecommerce",
      thumbnail: "/images/portfolio/tuanthong.png",
      description: "ร้านค้าออนไลน์สมุนไพรไทยคุณภาพสูง",
      services: ["E-commerce", "Thai Herbal"]
    },
    {
      name: "Odoo Portal",
      url: "https://odooportal.com",
      category: "marketing",
      thumbnail: "/images/portfolio/odooportal.png",
      description: "ตัวแทนจำหน่าย Odoo อย่างเป็นทางการในประเทศไทย",
      services: ["Odoo ERP", "System Implementation"]
    }
  ];
  const categories = [
    { id: "all", name: "ทั้งหมด" },
    { id: "webdev", name: "พัฒนาเว็บไซต์" },
    { id: "ecommerce", name: "อีคอมเมิร์ซ" },
    { id: "marketing", name: "ที่ปรึกษาการตลาด" }
  ];
  return renderTemplate`${renderComponent($$result, "Layout", $$Layout, { "title": "ผลงานของเรา | MoreminiMore - รับทำเว็บไซต์ SEO AI Chatbot", "data-astro-cid-hcjuqwdu": true }, { "default": ($$result2) => renderTemplate`  ${maybeRenderHead()}<section class="relative py-32 overflow-hidden bg-black" data-astro-cid-hcjuqwdu> <!-- Background with geometric pattern --> <div class="absolute inset-0" data-astro-cid-hcjuqwdu> <div class="absolute inset-0 bg-gradient-to-br from-gray-900 via-black to-gray-900" data-astro-cid-hcjuqwdu></div> <!-- Decorative circles --> <div class="absolute top-20 left-10 w-64 h-64 border border-white/5 rounded-full" data-astro-cid-hcjuqwdu></div> <div class="absolute bottom-20 right-10 w-96 h-96 border border-primary/10 rounded-full" data-astro-cid-hcjuqwdu></div> <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] border border-white/5 rounded-full" data-astro-cid-hcjuqwdu></div> </div> <div class="container mx-auto px-4 relative z-10" data-astro-cid-hcjuqwdu> <div class="text-center" data-astro-cid-hcjuqwdu> <h1 class="text-6xl md:text-7xl lg:text-8xl font-bold text-white mb-6 tracking-tight" data-astro-cid-hcjuqwdu>
ผลงาน
</h1> <p class="text-xl md:text-2xl text-gray-400 max-w-2xl mx-auto" data-astro-cid-hcjuqwdu>
รวมผลงานพัฒนาเว็บไซต์และโปรเจกต์ที่เราภาคภูมิใจ
</p> </div> </div> </section>  <section class="py-8 bg-black border-b border-gray-800 sticky top-0 z-50" data-astro-cid-hcjuqwdu> <div class="container mx-auto px-4" data-astro-cid-hcjuqwdu> <div class="flex flex-wrap justify-center gap-3" id="category-filters" data-astro-cid-hcjuqwdu> ${categories.map((cat) => renderTemplate`<button class="filter-btn px-6 py-2.5 rounded-full font-medium transition-all duration-300 text-sm"${addAttribute(cat.id, "data-category")} data-astro-cid-hcjuqwdu> ${cat.name} </button>`)} </div> </div> </section>  <section class="py-16 bg-black" data-astro-cid-hcjuqwdu> <div class="container mx-auto px-4" data-astro-cid-hcjuqwdu> <div class="columns-1 md:columns-2 lg:columns-3 gap-6 space-y-6" id="portfolio-grid" data-astro-cid-hcjuqwdu> ${portfolioItems.map((item, index) => renderTemplate`<article class="portfolio-card break-inside-avoid group relative rounded-2xl overflow-hidden bg-gray-900"${addAttribute(item.category, "data-category")}${addAttribute(`animation-delay: ${index * 0.05}s`, "style")} data-astro-cid-hcjuqwdu> <!-- Image --> <div class="relative" data-astro-cid-hcjuqwdu> <img${addAttribute(item.thumbnail, "src")}${addAttribute(item.name, "alt")} class="w-full h-auto object-cover" loading="lazy" data-astro-cid-hcjuqwdu> <!-- Gradient Overlay --> <div class="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent opacity-60 group-hover:opacity-90 transition-opacity duration-500" data-astro-cid-hcjuqwdu></div> <!-- Hover Content --> <div class="absolute inset-0 flex flex-col justify-end p-6 opacity-0 group-hover:opacity-100 transition-all duration-500 translate-y-4 group-hover:translate-y-0" data-astro-cid-hcjuqwdu> <span class="inline-block bg-primary text-black text-xs font-bold px-3 py-1 rounded-full mb-3 self-start" data-astro-cid-hcjuqwdu> ${item.category === "webdev" ? "เว็บไซต์" : item.category === "ecommerce" ? "อีคอมเมิร์ซ" : "ที่ปรึกษา"} </span> <a${addAttribute(item.url, "href")} target="_blank" rel="noopener noreferrer" class="bg-white text-black px-5 py-2.5 rounded-full font-semibold text-sm self-start hover:bg-primary transition-colors inline-flex items-center gap-2" data-astro-cid-hcjuqwdu>
เยี่ยมชมเว็บไซต์
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-hcjuqwdu><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" data-astro-cid-hcjuqwdu></path></svg> </a> </div> </div> <!-- Content (visible on mobile, hidden on hover) --> <div class="p-5 group-hover:opacity-0 transition-opacity duration-300" data-astro-cid-hcjuqwdu> <h3 class="text-xl font-bold text-white mb-2" data-astro-cid-hcjuqwdu>${item.name}</h3> <p class="text-gray-400 text-sm mb-3 line-clamp-2" data-astro-cid-hcjuqwdu>${item.description}</p> <div class="flex flex-wrap gap-2" data-astro-cid-hcjuqwdu> ${item.services.slice(0, 3).map((service) => renderTemplate`<span class="bg-gray-800 text-gray-300 px-2 py-1 rounded text-xs" data-astro-cid-hcjuqwdu> ${service} </span>`)} </div> </div> </article>`)} </div> <!-- Empty State --> <div id="empty-state" class="hidden text-center py-20" data-astro-cid-hcjuqwdu> <svg class="w-20 h-20 mx-auto mb-6 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-hcjuqwdu> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" data-astro-cid-hcjuqwdu></path> </svg> <h3 class="text-2xl font-bold text-white mb-2" data-astro-cid-hcjuqwdu>ไม่พบผลงาน</h3> <p class="text-gray-500" data-astro-cid-hcjuqwdu>ลองเลือกหมวดหมู่อื่นๆ ดูนะครับ</p> </div> </div> </section>  <section class="py-20 bg-gray-900" data-astro-cid-hcjuqwdu> <div class="container mx-auto px-4" data-astro-cid-hcjuqwdu> <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center" data-astro-cid-hcjuqwdu> <div data-astro-cid-hcjuqwdu> <div class="text-5xl font-bold text-primary mb-2" data-astro-cid-hcjuqwdu>50+</div> <div class="text-gray-400" data-astro-cid-hcjuqwdu>โปรเจกต์</div> </div> <div data-astro-cid-hcjuqwdu> <div class="text-5xl font-bold text-primary mb-2" data-astro-cid-hcjuqwdu>40+</div> <div class="text-gray-400" data-astro-cid-hcjuqwdu>ลูกค้า</div> </div> <div data-astro-cid-hcjuqwdu> <div class="text-5xl font-bold text-primary mb-2" data-astro-cid-hcjuqwdu>5+</div> <div class="text-gray-400" data-astro-cid-hcjuqwdu>ปีประสบการณ์</div> </div> <div data-astro-cid-hcjuqwdu> <div class="text-5xl font-bold text-primary mb-2" data-astro-cid-hcjuqwdu>100%</div> <div class="text-gray-400" data-astro-cid-hcjuqwdu>ความพึงพอใจ</div> </div> </div> </div> </section>  <section class="py-20 bg-primary" data-astro-cid-hcjuqwdu> <div class="container mx-auto px-4" data-astro-cid-hcjuqwdu> <div class="max-w-3xl mx-auto text-center" data-astro-cid-hcjuqwdu> <h2 class="text-3xl md:text-4xl font-bold mb-6 text-black" data-astro-cid-hcjuqwdu>
อยากได้เว็บไซต์แบบนี้บ้าง?
</h2> <p class="text-lg text-gray-800 mb-8" data-astro-cid-hcjuqwdu>
ปรึกษาฟรี! เราพร้อมช่วยวิเคราะห์และออกแบบเว็บไซต์ที่เหมาะกับธุรกิจของคุณ
</p> <div class="flex flex-col sm:flex-row gap-4 justify-center" data-astro-cid-hcjuqwdu> <a href="/contact-us" class="bg-black text-primary px-8 py-4 rounded-full font-bold text-lg hover:bg-gray-900 transition-all duration-300 hover:scale-105 inline-flex items-center justify-center" data-astro-cid-hcjuqwdu>
ปรึกษาฟรี
</a> <a href="tel:0809955945" class="bg-white text-black px-8 py-4 rounded-full font-bold text-lg hover:bg-gray-100 transition-all duration-300 hover:scale-105 inline-flex items-center justify-center" data-astro-cid-hcjuqwdu>
080-995-5945
</a> </div> </div> </div> </section> ${renderScript($$result2, "/Users/kunthawatgreethong/Gitea/moreminimore-new/src/pages/portfolio.astro?astro&type=script&index=0&lang.ts")} ` })}`;
}, "/Users/kunthawatgreethong/Gitea/moreminimore-new/src/pages/portfolio.astro", void 0);

const $$file = "/Users/kunthawatgreethong/Gitea/moreminimore-new/src/pages/portfolio.astro";
const $$url = "/portfolio";

const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
  __proto__: null,
  default: $$Portfolio,
  file: $$file,
  url: $$url
}, Symbol.toStringTag, { value: 'Module' }));

const page = () => _page;

export { page };