3ed9f3f3ff
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 â
204 lines
22 KiB
JavaScript
204 lines
22 KiB
JavaScript
import { c as createComponent, b as addAttribute, d as renderHead, e as renderSlot, a as renderTemplate, f as createAstro, m as maybeRenderHead } from './astro/server_BKaehDWP.mjs';
|
|
import 'kleur/colors';
|
|
import 'html-escaper';
|
|
import 'clsx';
|
|
/* empty css */
|
|
|
|
const $$Astro = createAstro();
|
|
const $$BaseLayout = createComponent(($$result, $$props, $$slots) => {
|
|
const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
|
|
Astro2.self = $$BaseLayout;
|
|
const { title, description } = Astro2.props;
|
|
const siteName = "\u0E14\u0E35\u0E25\u0E1E\u0E25\u0E31\u0E2A\u0E40\u0E17\u0E04";
|
|
const defaultDescription = "\u0E1C\u0E39\u0E49\u0E40\u0E0A\u0E35\u0E48\u0E22\u0E27\u0E0A\u0E32\u0E0D\u0E14\u0E49\u0E32\u0E19\u0E27\u0E31\u0E2A\u0E14\u0E38\u0E17\u0E48\u0E2D\u0E41\u0E25\u0E30\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E23\u0E30\u0E1A\u0E1A\u0E17\u0E48\u0E2D \u0E08\u0E33\u0E2B\u0E19\u0E48\u0E32\u0E22\u0E17\u0E48\u0E2D PPR, \u0E17\u0E48\u0E2D HDPE, \u0E27\u0E32\u0E25\u0E4C\u0E27 \u0E41\u0E25\u0E30\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E23\u0E30\u0E1A\u0E1A\u0E17\u0E48\u0E2D\u0E04\u0E23\u0E1A\u0E27\u0E07\u0E08\u0E23";
|
|
return renderTemplate`<html lang="th"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator"${addAttribute(Astro2.generator, "content")}><title>${title} | ${siteName}</title><meta name="description"${addAttribute(description || defaultDescription, "content")}><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@300;400;500;600;700&display=swap" rel="stylesheet">${renderHead()}</head> <body class="font-kanit bg-secondary-50 text-secondary-900"> ${renderSlot($$result, $$slots["default"])} </body></html>`;
|
|
}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/layouts/BaseLayout.astro", void 0);
|
|
|
|
const siteConfig = {
|
|
name: "Deal Plus Tech",
|
|
nameTh: "āļāļĩāļĨāļāļĨāļąāļŠāđāļāļ",
|
|
phone: "090-555-1415",
|
|
email: "info@dealplustech.co.th",
|
|
lineId: "@dealplustech",
|
|
facebookUrl: "https://facebook.com/dealplustech",
|
|
address: "āļāļĢāļīāļĐāļąāļ āļāļĩāļĨ āļāļĨāļąāļŠ āđāļāļ āļāļģāļāļąāļ 9/70 āļāļāļĒāļāļāļĢāļĨāļļāļ 17 āđāļāļ§āļāļāļēāļāđāļāđ āđāļāļāļāļēāļāđāļ āļāļāļĄ. 10160"
|
|
};
|
|
const workHours = [
|
|
{ day: "āļāļąāļāļāļĢāđ - āļĻāļļāļāļĢāđ", hours: "08:30 - 17:30" },
|
|
{ day: "āđāļŠāļēāļĢāđ", hours: "08:30 - 12:00" },
|
|
{ day: "āļāļēāļāļīāļāļĒāđ", hours: "āļāļīāļāļāļģāļāļēāļĢ", isClosed: true }
|
|
];
|
|
const productCategories = [
|
|
{
|
|
id: "ppr-elephant",
|
|
name: "āļāđāļāļāļĩāļāļĩāļāļēāļĢāđāļāļĢāļēāļāđāļēāļ",
|
|
nameEn: "PPR Elephant Pipe",
|
|
slug: "āļāđāļāļāļĩāļāļĩāļāļēāļĢāđ",
|
|
href: "/āļāđāļāļāļĩāļāļĩāļāļēāļĢāđāļāļĢāļēāļāđāļēāļ/",
|
|
image: "/images/2021/03/ppr-pipe_000C.jpg",
|
|
description: "āļāđāļāļāļĩāļāļĩāļāļēāļĢāđāļāļĢāļēāļāđāļēāļ (SCG) āļāļļāļāļ āļēāļāļĢāļ°āļāļąāļāļŠāļēāļāļĨ āļāļāļāļļāļāļŦāļ āļđāļĄāļīāļŠāļđāļ 95°C āļāļāļāļ§āļēāļĄāļāļąāļ 20 āļāļēāļĢāđ āļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļ 50 āļāļĩ",
|
|
shortDescription: "āļāđāļāļāļĩāļāļĩāļāļēāļĢāđāļāļĢāļēāļāđāļēāļ SCG āļĄāļēāļāļĢāļāļēāļ DIN 8077/8078",
|
|
keywords: ["āļāđāļ PPR", "āļāđāļāļāļĩāļāļĩāļāļēāļĢāđ", "āļāđāļāļāđāļģ PPR"],
|
|
specifications: [
|
|
{ label: "āļ§āļąāļŠāļāļļ", value: "PP-R (Polypropylene Random Copolymer)" },
|
|
{ label: "āļĄāļēāļāļĢāļāļēāļ", value: "DIN 8077/8078, ISO 15874" },
|
|
{ label: "āđāļĢāļāļāļąāļāļāļāļāļēāļ", value: "PN10, PN16, PN20", unit: "bar" },
|
|
{ label: "āļāļļāļāļŦāļ āļđāļĄāļīāļāļāļāļēāļ", value: "-20 āļāļķāļ 95", unit: "°C" },
|
|
{ label: "āļāļāļēāļāļāđāļ", value: "20, 25, 32, 40, 50, 63, 75, 90, 110", unit: "mm" }
|
|
],
|
|
features: [
|
|
"āļāļāļāļļāļāļŦāļ āļđāļĄāļīāļŠāļđāļāļŠāļļāļ 95°C āđāļŦāļĄāļēāļ°āļāļąāļāļāđāļģāļĢāđāļāļ",
|
|
"āļāļāļāļ§āļēāļĄāļāļąāļ PN20 (20 āļāļēāļĢāđ)",
|
|
"āđāļĄāđāđāļāļīāļāļŠāļāļīāļĄāđāļĨāļ°āļāļēāļĢāļāļąāļāļāļĢāđāļāļ",
|
|
"āļāļīāļāļāļąāđāļāļāđāļ§āļĒāļāļēāļĢāđāļāļ·āđāļāļĄāļāļ§āļēāļĄāļĢāđāļāļ"
|
|
]
|
|
},
|
|
{
|
|
id: "hdpe",
|
|
name: "āļāđāļ HDPE",
|
|
nameEn: "HDPE Pipe",
|
|
slug: "āļāđāļhdpe",
|
|
href: "/āļāđāļhdpe/",
|
|
image: "/images/2021/03/hdpe-pipe_000C.jpg",
|
|
description: "āļāđāļ HDPE āļāļļāļāļ āļēāļāļŠāļđāļ āļāļāļāļēāļāļāđāļāđāļĢāļāļāļąāļāļŠāļđāļ āđāļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļāļĢāļ°āļāļāļāļĢāļ°āļāļē āļĢāļ°āļāļāļāļąāļāđāļāļĨāļīāļ",
|
|
shortDescription: "āļāđāļ HDPE āļĄāļēāļāļĢāļāļēāļ āļĄāļāļ. āļāļāđāļĢāļāļāļąāļāļŠāļđāļ",
|
|
keywords: ["āļāđāļ HDPE", "āļāđāļāļāļĨāļēāļŠāļāļīāļ"],
|
|
features: [
|
|
"āļāļāļāļēāļāļāđāļāđāļĢāļāļāļąāļāļŠāļđāļ",
|
|
"āļāļāļāļēāļĢāļāļąāļāļāļĢāđāļāļ",
|
|
"āļāļīāļāļāļąāđāļāļāđāļēāļĒ"
|
|
]
|
|
},
|
|
{
|
|
id: "upvc",
|
|
name: "āļāđāļ uPVC",
|
|
nameEn: "uPVC Pipe",
|
|
slug: "āļāđāļupvc",
|
|
href: "/āļāđāļupvc/",
|
|
image: "/images/2021/03/upvc-pipe.jpg",
|
|
description: "āļāđāļ uPVC āļĄāļēāļāļĢāļāļēāļ āļĄāļāļ. āđāļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļāļĢāļ°āļāļāļāļĢāļ°āļāļēāđāļĨāļ°āļĢāļ°āļāļāļĢāļ°āļāļēāļĒāļāđāļģ",
|
|
shortDescription: "āļāđāļ uPVC āļĄāļēāļāļĢāļāļēāļ āļĄāļāļ.",
|
|
keywords: ["āļāđāļ uPVC", "āļāđāļ PVC"],
|
|
features: [
|
|
"āļāļīāļ§āđāļĢāļĩāļĒāļ āđāļĄāđāļŠāļ°āļŠāļĄāļāļ°āļāļĢāļąāļ",
|
|
"āļāļāļāļēāļāļāđāļāđāļĢāļāļāļąāļāļāđāļģ",
|
|
"āļĢāļēāļāļēāļāļĢāļ°āļŦāļĒāļąāļ"
|
|
]
|
|
},
|
|
{
|
|
id: "valve",
|
|
name: "āļ§āļēāļĨāđāļ§ Valve",
|
|
nameEn: "Valve",
|
|
slug: "āļ§āļēāļĨāđāļ§-valve",
|
|
href: "/āļ§āļēāļĨāđāļ§-valve/",
|
|
image: "/images/2021/03/valve.jpg",
|
|
description: "āļ§āļēāļĨāđāļ§āļāļļāļāļ āļēāļāļŠāļđāļ āļŦāļĨāļēāļāļŦāļĨāļēāļĒāļāļĢāļ°āđāļ āļ āļŠāļģāļŦāļĢāļąāļāļĢāļ°āļāļāļāđāļāļāļļāļāļāļĢāļ°āđāļ āļ",
|
|
shortDescription: "āļ§āļēāļĨāđāļ§āļāļļāļāļ āļēāļāļŠāļđāļ āļŦāļĨāļēāļāļŦāļĨāļēāļĒāļāļĢāļ°āđāļ āļ",
|
|
keywords: ["āļ§āļēāļĨāđāļ§", "āļ§āļēāļĨāđāļ§āļāđāļģ", "Valve"],
|
|
features: [
|
|
"āļāļļāļāļ āļēāļāļŠāļđāļ āļĄāļēāļāļĢāļāļēāļ",
|
|
"āļŦāļĨāļēāļāļŦāļĨāļēāļĒāļāļĢāļ°āđāļ āļ",
|
|
"āļāļāļāļēāļ āđāļāđāļāļēāļāđāļāđāļāļēāļ"
|
|
]
|
|
},
|
|
{
|
|
id: "grilles",
|
|
name: "āļāļĢāļīāļĨāđāļāļĢāđāļāļĨāļēāļŠāļāļīāļ",
|
|
nameEn: "Air Grilles",
|
|
slug: "āļŦāļąāļ§āļāđāļēāļĒāļĨāļĄ-āļāļĢāļīāļĨ",
|
|
href: "/āļŦāļąāļ§āļāđāļēāļĒāļĨāļĄ-āļāļĢāļīāļĨ/",
|
|
image: "/images/2021/03/grilles_000C.jpg",
|
|
description: "āļŦāļąāļ§āļāđāļēāļĒāļĨāļĄāļāļĨāļēāļŠāļāļīāļ Ball Jet āļŠāļģāļŦāļĢāļąāļāļĢāļ°āļāļāļāļĢāļąāļāļāļēāļāļēāļĻ āļāļāļāļēāļ āļāļ°āļāļąāļāļĢāļąāļ āļāļīāļāļāļąāđāļāļāđāļēāļĒ",
|
|
shortDescription: "āļŦāļąāļ§āļāđāļēāļĒāļĨāļĄāļāļĨāļēāļŠāļāļīāļ Ball Jet",
|
|
keywords: ["āļāļĢāļīāļĨāđāļāļĢāđ", "āļŦāļąāļ§āļāđāļēāļĒāļĨāļĄ"],
|
|
features: [
|
|
"āļ§āļąāļŠāļāļļāļāļĨāļēāļŠāļāļīāļāļāļļāļāļ āļēāļāļŠāļđāļ",
|
|
"āļāļīāļāļāļąāđāļāļāđāļēāļĒ",
|
|
"āļāļāļāļēāļāļāđāļāļāļēāļĢāđāļāđāļāļēāļ"
|
|
]
|
|
},
|
|
{
|
|
id: "thermobreak",
|
|
name: "āđāļāļāļĢāđāđāļĄāđāļāļĢāļ",
|
|
nameEn: "Thermobreak",
|
|
slug: "āđāļāļāļĢāđāđāļĄāđāļāļĢāļ-thermobreak",
|
|
href: "/āđāļāļāļĢāđāđāļĄāđāļāļĢāļ-thermobreak/",
|
|
image: "/images/2025/01/thermobrek_cover_000C.jpg",
|
|
description: "āļāļāļ§āļāļŦāļļāđāļĄāļāđāļ Polyolefin Foam āļĄāļēāļāļĢāļāļēāļ FM/UL āļŠāļģāļŦāļĢāļąāļ HVAC āļāļĢāļ°āļŦāļĒāļąāļāļāļĨāļąāļāļāļēāļ",
|
|
shortDescription: "āļāļāļ§āļāļŦāļļāđāļĄāļāđāļ Polyolefin Foam",
|
|
keywords: ["āđāļāļāļĢāđāđāļĄāđāļāļĢāļ", "āļāļāļ§āļāļŦāļļāđāļĄāļāđāļ"],
|
|
features: [
|
|
"āļāļĢāļ°āļŠāļīāļāļāļīāļ āļēāļāļāļēāļĢāļāļąāļāļāļ§āļēāļĄāļĢāđāļāļāļŠāļđāļ",
|
|
"āļĄāļēāļāļĢāļāļēāļ FM/UL",
|
|
"āļāļĢāļ°āļŦāļĒāļąāļāļāļĨāļąāļāļāļēāļ"
|
|
]
|
|
}
|
|
];
|
|
const portfolioProjects = [
|
|
{
|
|
id: "thai-water",
|
|
name: "āđāļāļĒāļāđāļģāļāļīāļāļĒāđ",
|
|
href: "/āđāļāļĒāļāđāļģāļāļīāļāļĒāđ/",
|
|
image: "/images/2021/02/āđāļāļĒāļāđāļģāļāļīāļāļĒāđ1-horz.jpg",
|
|
description: "āđāļāļĢāļāļāļēāļĢāļĢāļ°āļāļāļāđāļ āļāļĢāļīāļĐāļąāļ āđāļāļĒāļāđāļģāļāļīāļāļĒāđ āļāļģāļāļąāļ"
|
|
},
|
|
{
|
|
id: "ethanol-factory",
|
|
name: "āđāļĢāļāļāļēāļāđāļāļāļēāļāļāļĨ",
|
|
href: "/āđāļĢāļāļāļēāļāđāļāļāļēāļāļāļĨ/",
|
|
image: "/images/2021/02/āļĨāļāļāļļāļĢāļĩ5.jpg",
|
|
description: "āđāļāļĢāļāļāļēāļĢāļĢāļ°āļāļāļāđāļ āđāļĢāļāļāļēāļāđāļāļāļēāļāļāļĨ āļāļąāļāļŦāļ§āļąāļāļĨāļāļāļļāļĢāļĩ"
|
|
},
|
|
{
|
|
id: "cyber-world",
|
|
name: "Cyber World",
|
|
href: "/cyber-world/",
|
|
image: "/images/2021/02/IMG_3089.jpg",
|
|
description: "āđāļāļĢāļāļāļēāļĢāļĢāļ°āļāļāļāđāļ Cyber World"
|
|
},
|
|
{
|
|
id: "toyox",
|
|
name: "Toyox",
|
|
href: "/toyox/",
|
|
image: "/images/2021/02/IMG_2226.jpg",
|
|
description: "āđāļāļĢāļāļāļēāļĢāļĢāļ°āļāļāļāđāļ Toyox"
|
|
},
|
|
{
|
|
id: "seacon-bangkae",
|
|
name: "āļāļĩāļāļāļāļāļēāļāđāļ",
|
|
href: "/āļāļĩāļāļāļāļāļēāļāđāļ/",
|
|
image: "/images/2021/02/āļāļēāļāđāļ1.jpg",
|
|
description: "āđāļāļĢāļāļāļēāļĢāļĢāļ°āļāļāļāđāļ āļāļĩāļāļāļāļāļēāļāđāļ"
|
|
},
|
|
{
|
|
id: "cp-ram-latkrabang",
|
|
name: "āļāļĩāļāļĩāđāļĢāļĄ āļĨāļēāļāļāļĢāļ°āļāļąāļ",
|
|
href: "/āļāļĩāļāļĩāđāļĢāļĄ-āļĨāļēāļāļāļĢāļ°āļāļąāļ/",
|
|
image: "/images/2021/02/āļĨāļēāļāļāļĢāļ°āļāļąāļ1.jpg",
|
|
description: "āđāļāļĢāļāļāļēāļĢāļĢāļ°āļāļāļāđāļ āļāļĩāļāļĩāđāļĢāļĄ āļĨāļēāļāļāļĢāļ°āļāļąāļ"
|
|
}
|
|
];
|
|
[
|
|
productCategories.find((p) => p.id === "ppr-elephant"),
|
|
productCategories.find((p) => p.id === "hdpe"),
|
|
productCategories.find((p) => p.id === "valve")
|
|
];
|
|
|
|
const $$Header = createComponent(($$result, $$props, $$slots) => {
|
|
return renderTemplate`${maybeRenderHead()}<header class="fixed top-0 left-0 right-0 z-50 bg-secondary-900 shadow-lg"> <div class="container mx-auto px-4"> <div class="flex items-center justify-between h-20"> <!-- Logo --> <a href="/" class="flex items-center gap-3"> <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center"> <span class="text-white font-bold text-xl">āļ</span> </div> <span class="text-white font-bold text-xl">${siteConfig.nameTh}</span> </a> <!-- Desktop Navigation --> <nav class="hidden lg:flex items-center gap-8"> <a href="/" class="text-white hover:text-primary-400 transition-colors">āļŦāļāđāļēāđāļĢāļ</a> <a href="/about-us/" class="text-white hover:text-primary-400 transition-colors">āđāļāļĩāđāļĒāļ§āļāļąāļāđāļĢāļē</a> <a href="/services/" class="text-white hover:text-primary-400 transition-colors">āļāļĢāļīāļāļēāļĢ</a> <a href="/product/" class="text-white hover:text-primary-400 transition-colors">āļŠāļīāļāļāđāļē</a> <a href="/portfolio/" class="text-white hover:text-primary-400 transition-colors">āļāļĨāļāļēāļ</a> <a href="/contact-us/" class="text-white hover:text-primary-400 transition-colors">āļāļīāļāļāđāļāđāļĢāļē</a> </nav> <!-- CTA Button --> <a href="/contact-us/" class="hidden lg:inline-block btn-primary">
|
|
āļāļāđāļāđāļŠāļāļāļĢāļēāļāļē
|
|
</a> <!-- Mobile Menu Button --> <button id="mobile-menu-btn" class="lg:hidden text-white p-2" aria-label="āđāļāļīāļāđāļĄāļāļđ"> <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </div> <!-- Mobile Menu --> <div id="mobile-menu" class="hidden lg:hidden bg-secondary-800 border-t border-secondary-700"> <nav class="container mx-auto px-4 py-4 flex flex-col gap-4"> <a href="/" class="text-white hover:text-primary-400 transition-colors py-2">āļŦāļāđāļēāđāļĢāļ</a> <a href="/about-us/" class="text-white hover:text-primary-400 transition-colors py-2">āđāļāļĩāđāļĒāļ§āļāļąāļāđāļĢāļē</a> <a href="/services/" class="text-white hover:text-primary-400 transition-colors py-2">āļāļĢāļīāļāļēāļĢ</a> <a href="/product/" class="text-white hover:text-primary-400 transition-colors py-2">āļŠāļīāļāļāđāļē</a> <a href="/portfolio/" class="text-white hover:text-primary-400 transition-colors py-2">āļāļĨāļāļēāļ</a> <a href="/contact-us/" class="text-white hover:text-primary-400 transition-colors py-2">āļāļīāļāļāđāļāđāļĢāļē</a> <a href="/contact-us/" class="btn-primary text-center mt-2">āļāļāđāļāđāļŠāļāļāļĢāļēāļāļē</a> </nav> </div> </header> `;
|
|
}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/components/Header.astro", void 0);
|
|
|
|
const $$Footer = createComponent(($$result, $$props, $$slots) => {
|
|
return renderTemplate`${maybeRenderHead()}<footer class="bg-secondary-900 text-white pt-16 pb-8"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12"> <!-- Company Info --> <div> <div class="flex items-center gap-3 mb-4"> <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center"> <span class="text-white font-bold text-xl">āļ</span> </div> <span class="text-white font-bold text-xl">${siteConfig.nameTh}</span> </div> <p class="text-secondary-300 mb-4">
|
|
āļāļđāđāđāļāļĩāđāļĒāļ§āļāļēāļāļāđāļēāļāļ§āļąāļŠāļāļļāļāđāļāđāļĨāļ°āļāļļāļāļāļĢāļāđāļĢāļ°āļāļāļāđāļāļāļĢāļāļ§āļāļāļĢ
|
|
</p> <div class="flex gap-4"> <a${addAttribute(`https://facebook.com/${siteConfig.facebookUrl}`, "href")} target="_blank" rel="noopener" class="text-secondary-300 hover:text-primary-400 transition-colors"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> <path d="M18.77,7.46H14.5v-1.9c0-.9.6-1.1,1-1.1h3V.5h-4.33C10.24.5,9.5,3.44,9.5,5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4Z"></path> </svg> </a> <a${addAttribute(`https://line.me/ti/p/${siteConfig.lineId}`, "href")} target="_blank" rel="noopener" class="text-secondary-300 hover:text-primary-400 transition-colors"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> <path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.10.314c943 0 0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"></path> </svg> </a> </div> </div> <!-- Quick Links --> <div> <h3 class="text-lg font-bold mb-4">āļĨāļīāļāļāđāļāđāļ§āļ</h3> <ul class="space-y-2"> <li><a href="/about-us/" class="text-secondary-300 hover:text-primary-400 transition-colors">āđāļāļĩāđāļĒāļ§āļāļąāļāđāļĢāļē</a></li> <li><a href="/services/" class="text-secondary-300 hover:text-primary-400 transition-colors">āļāļĢāļīāļāļēāļĢ</a></li> <li><a href="/product/" class="text-secondary-300 hover:text-primary-400 transition-colors">āļŠāļīāļāļāđāļē</a></li> <li><a href="/portfolio/" class="text-secondary-300 hover:text-primary-400 transition-colors">āļāļĨāļāļēāļ</a></li> <li><a href="/contact-us/" class="text-secondary-300 hover:text-primary-400 transition-colors">āļāļīāļāļāđāļāđāļĢāļē</a></li> </ul> </div> <!-- Products --> <div> <h3 class="text-lg font-bold mb-4">āļŠāļīāļāļāđāļē</h3> <ul class="space-y-2"> <li><a href="/āļāđāļāļāļĩāļāļĩāļāļēāļĢāđāļāļĢāļēāļāđāļēāļ/" class="text-secondary-300 hover:text-primary-400 transition-colors">āļāđāļāļāļĩāļāļĩāļāļēāļĢāđāļāļĢāļēāļāđāļēāļ</a></li> <li><a href="/āļāđāļhdpe/" class="text-secondary-300 hover:text-primary-400 transition-colors">āļāđāļ HDPE</a></li> <li><a href="/āļāđāļupvc/" class="text-secondary-300 hover:text-primary-400 transition-colors">āļāđāļ uPVC</a></li> <li><a href="/āļ§āļēāļĨāđāļ§-valve/" class="text-secondary-300 hover:text-primary-400 transition-colors">āļ§āļēāļĨāđāļ§</a></li> <li><a href="/āļŦāļąāļ§āļāđāļēāļĒāļĨāļĄ-āļāļĢāļīāļĨ/" class="text-secondary-300 hover:text-primary-400 transition-colors">āļāļĢāļīāļĨāđāļāļĢāđ</a></li> </ul> </div> <!-- Contact --> <div> <h3 class="text-lg font-bold mb-4">āļāļīāļāļāđāļāđāļĢāļē</h3> <ul class="space-y-3"> <li class="flex items-start gap-3"> <svg class="w-5 h-5 text-primary-400 mt-0.5 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path> </svg> <span class="text-secondary-300">${siteConfig.address}</span> </li> <li class="flex items-center gap-3"> <svg class="w-5 h-5 text-primary-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> <a${addAttribute(`tel:${siteConfig.phone}`, "href")} class="text-secondary-300 hover:text-primary-400 transition-colors">${siteConfig.phone}</a> </li> <li class="flex items-center gap-3"> <svg class="w-5 h-5 text-primary-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> <a${addAttribute(`mailto:${siteConfig.email}`, "href")} class="text-secondary-300 hover:text-primary-400 transition-colors">${siteConfig.email}</a> </li> <li class="flex items-center gap-3"> <svg class="w-5 h-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"> <path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755z"></path> </svg> <span class="text-secondary-300">${siteConfig.lineId}</span> </li> </ul> </div> </div> <!-- Work Hours --> <div class="border-t border-secondary-800 pt-8 mb-8"> <h4 class="font-bold mb-3">āđāļ§āļĨāļēāļāļģāļāļēāļĢ</h4> <div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-secondary-300"> ${workHours.map((item) => renderTemplate`<div class="flex justify-between"> <span>${item.day}</span> <span${addAttribute(item.isClosed ? "text-red-400" : "", "class")}>${item.hours}</span> </div>`)} </div> </div> <!-- Copyright --> <div class="border-t border-secondary-800 pt-8 text-center text-secondary-400"> <p>© ${(/* @__PURE__ */ new Date()).getFullYear()} ${siteConfig.nameTh} āļŠāļāļ§āļāļĨāļīāļāļŠāļīāļāļāļīāđ</p> </div> </div> </footer>`;
|
|
}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/components/Footer.astro", void 0);
|
|
|
|
const $$FloatingContact = createComponent(($$result, $$props, $$slots) => {
|
|
return renderTemplate`${maybeRenderHead()}<div class="fixed bottom-6 right-6 z-50 flex flex-col gap-3"> <!-- LINE --> <a${addAttribute(`https://line.me/ti/p/${siteConfig.lineId}`, "href")} target="_blank" rel="noopener" class="w-14 h-14 bg-[#00B900] rounded-full flex items-center justify-center shadow-lg hover:scale-110 transition-transform" aria-label="āļāļīāļāļāđāļ LINE"> <svg class="w-7 h-7 text-white" fill="currentColor" viewBox="0 0 24 24"> <path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"></path> </svg> </a> <!-- Phone --> <a${addAttribute(`tel:${siteConfig.phone}`, "href")} class="w-14 h-14 bg-primary-600 rounded-full flex items-center justify-center shadow-lg hover:scale-110 transition-transform" aria-label="āđāļāļĢāļŦāļēāđāļĢāļē"> <svg class="w-7 h-7 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> </a> </div>`;
|
|
}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/components/FloatingContact.astro", void 0);
|
|
|
|
export { $$BaseLayout as $, $$Header as a, $$Footer as b, $$FloatingContact as c, productCategories as d, portfolioProjects as p, siteConfig as s, workHours as w };
|