Files
dealplustech/dealplustech-astro/dist/pages/join-us.astro.mjs
Kunthawat Greethong 3ed9f3f3ff 🎨 Fix CSS: Import global.css + plain CSS styles
CSS was not being imported! Fixed:

 Added 'import ../styles/global.css' to BaseLayout.astro
 Rewrote CSS with plain CSS (not @apply which wasn't working)
 Cookie banner has inline styles as backup
 Font size: 16px base
 Solid colors: green-600 (#16a34a), gray-900 (#111827)
 Footer has policy links

Build: 12 pages 
2026-03-10 08:21:30 +07:00

25 lines
7.1 KiB
JavaScript

/* empty css */
import { c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead, b as addAttribute } from '../chunks/astro/server_BKaehDWP.mjs';
import 'kleur/colors';
import 'html-escaper';
import { $ as $$BaseLayout, a as $$Header, b as $$Footer, c as $$FloatingContact } from '../chunks/FloatingContact_CYVf7xCj.mjs';
export { renderers } from '../renderers.mjs';
const $$Index = createComponent(($$result, $$props, $$slots) => {
return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": "\u0E23\u0E48\u0E27\u0E21\u0E07\u0E32\u0E19\u0E01\u0E31\u0E1A\u0E40\u0E23\u0E32 | Join Us - \u0E14\u0E35\u0E25\u0E1E\u0E25\u0E31\u0E2A\u0E40\u0E17\u0E04", "description": "\u0E23\u0E48\u0E27\u0E21\u0E07\u0E32\u0E19\u0E01\u0E31\u0E1A\u0E14\u0E35\u0E25\u0E1E\u0E25\u0E31\u0E2A\u0E40\u0E17\u0E04 \u0E40\u0E23\u0E32\u0E21\u0E2D\u0E1A\u0E42\u0E2D\u0E01\u0E32\u0E2A\u0E17\u0E32\u0E07\u0E2D\u0E32\u0E0A\u0E35\u0E1E\u0E17\u0E35\u0E48\u0E14\u0E35 \u0E2A\u0E27\u0E31\u0E2A\u0E14\u0E34\u0E01\u0E32\u0E23\u0E04\u0E23\u0E1A\u0E04\u0E23\u0E31\u0E19 \u0E23\u0E48\u0E27\u0E21\u0E40\u0E15\u0E34\u0E1A\u0E42\u0E15\u0E44\u0E1B\u0E01\u0E31\u0E1A\u0E40\u0E23\u0E32" }, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Header", $$Header, {})} ${maybeRenderHead()}<main class="pt-32 pb-16"> <div class="container mx-auto px-4"> <nav class="mb-6"> <ol class="flex items-center gap-2 text-sm"> <li><a href="/" class="text-secondary-500 hover:text-primary-600">หนาแรก</a></li> <li class="text-secondary-400">/</li> <li class="text-primary-600 font-medium"></li> </ol> </nav> <div class="mb-12 text-center"> <h1 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-4"></h1> <p class="text-secondary-600 text-lg max-w-2xl mx-auto"> </p> </div> <div class="mb-12 bg-primary-50 rounded-xl p-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-6 text-center">?</h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> <div class="text-center"> <div class="w-16 h-16 bg-primary-600 rounded-full flex items-center justify-center mx-auto mb-4"> <svg class="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg> </div> <h3 class="text-lg font-bold text-secondary-900 mb-2"></h3> <p class="text-secondary-600"></p> </div> <div class="text-center"> <div class="w-16 h-16 bg-primary-600 rounded-full flex items-center justify-center mx-auto mb-4"> <svg class="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path> </svg> </div> <h3 class="text-lg font-bold text-secondary-900 mb-2"></h3> <p class="text-secondary-600"> </p> </div> <div class="text-center"> <div class="w-16 h-16 bg-primary-600 rounded-full flex items-center justify-center mx-auto mb-4"> <svg class="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path> </svg> </div> <h3 class="text-lg font-bold text-secondary-900 mb-2"></h3> <p class="text-secondary-600"></p> </div> </div> </div> <div class="mb-12"> <h2 class="text-2xl font-bold text-secondary-900 mb-6"></h2> <div class="space-y-6"> <div class="bg-white rounded-xl p-6 shadow-card"> <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-4"> <div> <h3 class="text-xl font-bold text-secondary-900">Sales Engineer</h3> <p class="text-primary-600"></p> </div> <div class="flex flex-wrap gap-2 mt-2 md:mt-0"> <span class="px-3 py-1 bg-secondary-100 text-secondary-700 rounded-full text-sm">Full-time</span> <span class="px-3 py-1 bg-secondary-100 text-secondary-700 rounded-full text-sm"></span> <span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm"></span> </div> </div> <p class="text-secondary-600 mb-4"></p> <a href="/sales-engineer/" class="btn-primary inline-block"></a> </div> </div> </div> <div class="bg-secondary-100 rounded-xl p-8 text-center"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">?</h2> <p class="text-secondary-600 mb-6"> ${siteConfig?.email || "info@dealplustech.co.th"} 090-555-1415</p> <div class="flex justify-center gap-4"> <a href="mailto:info@dealplustech.co.th" class="btn-primary"></a> <a href="/contact-us/" class="btn-outline"></a> </div> </div> </div> </main> ${renderComponent($$result2, "Footer", $$Footer, {})} ${renderComponent($$result2, "FloatingContact", $$FloatingContact, {})} ` })}`;
}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/join-us/index.astro", void 0);
const $$file = "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/join-us/index.astro";
const $$url = "/join-us.html";
const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
__proto__: null,
default: $$Index,
file: $$file,
url: $$url
}, Symbol.toStringTag, { value: 'Module' }));
const page = () => _page;
export { page };