// ───────────────────────────────────────────────────────────────────────── // Django static asset resolver. // window.NIRAN_ASSETS is injected by the template as {% static 'assets/' %}. // Falls back to relative "assets/" for standalone/local preview. const asset = (name) => (window.NIRAN_ASSETS || "assets/") + name; // ───────────────────────────────────────────────────────────────────────── // Niran — eco-friendly memorial wreath site // Single-page scroll narrative. Reverent, dark-mode gallery feel. const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": "ink", "typePair": "editorial", "density": "regular", "heroVariant": "asymmetric", "showThai": true } /*EDITMODE-END*/; // ─────────────────────────────────────────────────────────────────────────── // Data const COLLECTIONS = [ { id: "shroud", no: "I", th: "พวงหรีดผ้าห่อศพ", en: "Shroud-cloth wreath", note: "Donated onward as shrouds for those in need.", items: [ { sku: "NR3001", img: asset("NR3001.png"), price: 1500, desc: "บริจาคต่อเป็นชุดผ้าห่อศพ 3 ผืน" }, { sku: "NR3002", img: asset("NR3002.png"), price: 1500, desc: "บริจาคต่อเป็นชุดผ้าห่อศพ 3 ผืน" }, { sku: "NR5001", img: asset("NR5001.png"), price: 1900, desc: "บริจาคต่อเป็นชุดผ้าห่อศพ 5 ผืน" }, { sku: "NR5002", img: asset("NR5002.png"), price: 1900, desc: "บริจาคต่อเป็นชุดผ้าห่อศพ 5 ผืน" }, { sku: "NR5003", img: asset("NR5003.png"), price: 1900, desc: "บริจาคต่อเป็นชุดผ้าห่อศพ 5 ผืน" }, { sku: "NR5004", img: asset("NR5004.png"), price: 1900, desc: "บริจาคต่อเป็นชุดผ้าห่อศพ 5 ผืน" }, { sku: "NR8001", img: asset("NR8001.png"), price: 2500, desc: "บริจาคต่อเป็นชุดผ้าห่อศพ 8 ผืน" }, { sku: "NR8002", img: asset("NR8002.png"), price: 2500, desc: "บริจาคต่อเป็นชุดผ้าห่อศพ 8 ผืน" }, { sku: "NR1001", img: asset("NR1001.jpg"), price: 2900, desc: "บริจาคต่อเป็นชุดผ้าห่อศพ 10 ผืน" }, { sku: "NR1002", img: asset("NR1002.jpg"), price: 2900, desc: "บริจาคต่อเป็นชุดผ้าห่อศพ 10 ผืน" }, { sku: "NR1003", img: asset("NR1003.jpg"), price: 2900, desc: "บริจาคต่อเป็นชุดผ้าห่อศพ 10 ผืน" }] }, { id: "uniform", no: "II", th: "พวงหรีดชุดนักเรียน", en: "School-uniform wreath", note: "Donated onward as school uniforms for students in need.", items: [ { sku: "NU2001", img: asset("NU2001.png"), price: 3000, desc: "บริจาคต่อเป็นชุดนักเรียน 2 ชุด" }, { sku: "NU2002", img: asset("NU2002.png"), price: 3000, desc: "บริจาคต่อเป็นชุดนักเรียน 2 ชุด" }, { sku: "NU2003", img: asset("NU2003.png"), price: 3000, desc: "บริจาคต่อเป็นชุดนักเรียน 2 ชุด" }, { sku: "NU2004", img: asset("NU2004.png"), price: 3000, desc: "บริจาคต่อเป็นชุดนักเรียน 2 ชุด" }, { sku: "NU4001", img: asset("NU4001.png"), price: 5000, desc: "บริจาคต่อเป็นชุดนักเรียน 4 ชุด" }] }, { id: "phakhaoma", no: "III", th: "พวงหรีดผ้าขาวม้า", en: "Pha Khao Ma wreath", note: "Returned to communities as Pha Khao Ma — a working cloth that generates income.", items: [ { sku: "NP3001", img: asset("NP3001.png"), price: 1750, desc: "บริจาคต่อเป็นผ้าขาวม้า 3 ผืน" }] }]; const PALETTES = { ink: { bg: "#0e0e0c", fg: "#e8e2d5", fgSoft: "rgba(232,226,213,.62)", fgDim: "rgba(232,226,213,.36)", tan: "#a89678", green: "#0f3a32", gold: "#c9a86b", rule: "rgba(232,226,213,.14)", isDark: true }, forest: { bg: "#0c2520", fg: "#ede8da", fgSoft: "rgba(237,232,218,.66)", fgDim: "rgba(237,232,218,.40)", tan: "#b8a17a", green: "#0f3a32", gold: "#d4b878", rule: "rgba(237,232,218,.16)", isDark: true }, bone: { bg: "#ede7df", fg: "#1a1a18", fgSoft: "rgba(26,26,24,.62)", fgDim: "rgba(26,26,24,.34)", tan: "#8a7a66", green: "#0f3a32", gold: "#8a6f3a", rule: "rgba(26,26,24,.16)", isDark: false } }; const TYPE_PAIRS = { editorial: { label: "Editorial", display: '"Cormorant Garamond", serif', body: '"IBM Plex Sans", system-ui, sans-serif', mono: '"IBM Plex Mono", ui-monospace, monospace', thai: '"Arimo", system-ui, sans-serif', displayWeight: 300, displayItalic: true }, quiet: { label: "Quiet", display: '"Tenor Sans", serif', body: '"Manrope", system-ui, sans-serif', mono: '"JetBrains Mono", ui-monospace, monospace', thai: '"Arimo", system-ui, sans-serif', displayWeight: 400, displayItalic: false }, archive: { label: "Archive", display: '"Italiana", serif', body: '"Work Sans", system-ui, sans-serif', mono: '"Space Mono", ui-monospace, monospace', thai: '"Arimo", system-ui, sans-serif', displayWeight: 400, displayItalic: false } }; const DENSITY = { compact: { gutter: "clamp(16px,3vw,40px)", pad: "clamp(56px,9vw,120px)" }, regular: { gutter: "clamp(20px,4vw,56px)", pad: "clamp(80px,12vw,180px)" }, airy: { gutter: "clamp(28px,6vw,80px)", pad: "clamp(120px,16vw,240px)" } }; // ─────────────────────────────────────────────────────────────────────────── // Hooks & helpers function useReveal() { React.useEffect(() => { const els = document.querySelectorAll(".reveal"); const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add("in"); io.unobserve(e.target); } }); }, { threshold: 0.12, rootMargin: "0px 0px -8% 0px" }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }); } function useScrollY() { const [y, setY] = React.useState(0); React.useEffect(() => { const onScroll = () => setY(window.scrollY); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return y; } // ─────────────────────────────────────────────────────────────────────────── // Components function ApplyTheme({ palette, typePair, density }) { React.useEffect(() => { const p = PALETTES[palette] || PALETTES.ink; const t = TYPE_PAIRS[typePair] || TYPE_PAIRS.editorial; const d = DENSITY[density] || DENSITY.regular; const r = document.documentElement.style; r.setProperty("--bg", p.bg); r.setProperty("--fg", p.fg); r.setProperty("--fg-soft", p.fgSoft); r.setProperty("--fg-dim", p.fgDim); r.setProperty("--tan", p.tan); r.setProperty("--green", p.green); r.setProperty("--gold", p.gold); r.setProperty("--rule", p.rule); r.setProperty("--font-display", t.display); r.setProperty("--font-body", t.body); r.setProperty("--font-mono", t.mono); r.setProperty("--font-thai", t.thai); r.setProperty("--display-weight", t.displayWeight); r.setProperty("--display-style", t.displayItalic ? "italic" : "normal"); r.setProperty("--gutter", d.gutter); r.setProperty("--section-pad", d.pad); document.body.dataset.dark = p.isDark ? "1" : "0"; }, [palette, typePair, density]); return null; } function Nav() { const y = useScrollY(); const past = y > 80; const [open, setOpen] = React.useState(false); const navLinks = [ ["Collection", "#collection"], ["Story", "#story"], ["Atelier", "#atelier"], ["Source", "#source"], ["Process", "#process"], ["Afterlife", "#afterlife"], ["Distributors", "#distributors"], ["Service", "#service"], ["Recognition", "#recognition"], ]; const navStyle = { position: "fixed", top: 0, left: 0, right: 0, zIndex: 50, display: "flex", alignItems: "center", justifyContent: "space-between", padding: `${past ? "14px" : "22px"} var(--gutter)`, transition: "padding .35s ease, background .35s ease, border-color .35s ease", background: (past || open) ? "color-mix(in oklab, var(--bg) 94%, transparent)" : "transparent", backdropFilter: (past || open) ? "blur(14px)" : "none", WebkitBackdropFilter: (past || open) ? "blur(14px)" : "none", borderBottom: (past || open) ? "1px solid var(--rule)" : "1px solid transparent", pointerEvents: "auto", flexWrap: "wrap", }; return (
{/* Logo + hamburger row */}
NIRAN EST 2023 {/* Desktop nav */} {/* Hamburger button (mobile only, shown via CSS) */}
{/* Mobile contact bar — inside fixed header so it doesn't get overlapped */}
082 838 4994 | @niranwreath
{/* Mobile drawer — always in DOM, toggled via display */}
); } function Hero({ variant, showThai }) { const y = useScrollY(); const parallax = Math.min(y * 0.18, 120); const fade = Math.max(0, 1 - y / 540); if (variant === "centered") return ; if (variant === "fullbleed") return ; return ; } function HeroAsymmetric({ showThai, parallax, fade }) { return (
{showThai &&
ไว้อาลัย
ไม่ทิ้งอะไร
}

Turning Grief
into
Giving.

พวงหรีดผ้าที่ไม่จบแค่งานศพ — แต่ยังคงมีคุณค่าต่อไป

Orn-Napat (Earn), founder of Niran, with a pleated cotton wreath
{/* Edition tag floating over image */}
{/* Scroll hint */}
Scroll
); } function HeroCentered({ showThai, fade }) { return (
Niran  ·  พวงหรีดผ้า  ·  Bangkok
{showThai &&
ไว้อาลัย
ไม่ทิ้งอะไร
}

A farewell that keeps giving.

); } function HeroFull({ showThai, parallax }) { return (
{showThai &&
ไว้อาลัย
ไม่ทิ้งอะไร
}

A farewell that keeps giving.

); } // ─────────────────────────────────────────────────────────────────────────── function Manifesto() { const thaiBody = { margin: 0, fontFamily: "var(--font-thai)", fontSize: "clamp(17px, 1.3vw, 20px)", lineHeight: 1.75, color: "var(--fg)" }; const enBody = { margin: 0, fontFamily: "var(--font-body)", fontSize: "clamp(17px, 1.3vw, 20px)", lineHeight: 1.7, color: "var(--fg)" }; const quoteBase = { margin: 0, paddingLeft: "clamp(18px, 1.6vw, 28px)", borderLeft: "1px solid var(--fg-soft)", fontStyle: "italic", color: "var(--fg)" }; return (
02 — STORY
{/* Founder portrait */}
Hands on cream NIRAN cotton in late-afternoon light
{/* Thai column */}

งานศพคือช่วงเวลาที่ทุกคนอยากมอบสิ่งที่ดีที่สุด นิรันดร์จึงเกิดขึ้นจากคำถามง่าย ๆ ว่า —

“ถ้าสิ่งที่เราส่งมอบ ในวันสุดท้าย ยังคงมีคุณค่าต่อไปได้ ทำไมเราถึงไม่ทำแบบนั้น?”

ผ้าทุกผืนของเราจึงเดินทางต่อ — เป็นชุดนักเรียน เป็นผ้าห่อศพ หรือผ้าขาวม้าที่สร้างรายได้คืนสู่ชุมชน

เพราะการไว้อาลัยที่ดี ไม่จำเป็นต้องทิ้งอะไรไว้เบื้องหลัง

{/* English column */}

A funeral is the moment everyone wants to give their best. Niran was born from a simple question:

“If what we give on someone’s final day can still create value — why wouldn’t we?”

Every piece of fabric we use travels on — becoming a school uniform, a shroud, or Pha Khao Ma that gives back to local communities.

Because a meaningful farewell doesn’t have to leave anything behind.

{/* Impact stats */}
); } function ImpactStat({ n, l1, l2 }) { return (
{n}
{l1}
{l2}
); } // ─────────────────────────────────────────────────────────────────────────── // Atelier — sunlit editorial collage of process photos. // Tonally lighter than the rest of the page; warm cream against ink. function Atelier() { const steps = [ { n: "01", img: asset("atelier-portrait.jpg"), thName: "คัดสรรผ้า", enName: "Selecting the fabric", thBody: "เราเลือกใช้เฉพาะผ้าธรรมชาติที่ไม่ผ่านการฟอกย้อม ทุกผืนถูกพิจารณาด้วยมือก่อนเริ่มงาน เพราะเนื้อผ้าที่ดีคือจุดเริ่มต้นของทุกสิ่ง", enBody: "Only undyed natural fibre passes our hands. The feel of the fabric is the first decision." }, { n: "02", img: asset("atelier-cutting.jpg"), thName: "ตัดและจัดวาง", enName: "Cutting and arranging", thBody: "ไม่มีแม่พิมพ์ ไม่มีเครื่องจักร ช่างทุกคนพับ ตัด และจัดวางผ้าด้วยมือ ความไม่เหมือนกันเล็กน้อยในแต่ละชิ้นคือหลักฐานของความเป็นมนุษย์", enBody: "No moulds, no machines. Each fold and cut is human — which is why no two are identical." }, { n: "03", img: asset("step3-pinning.jpg"), thName: "ประกอบและตรวจสอบ", enName: "Building and checking", thBody: "พวงหรีดทุกชิ้นผ่านการตรวจก่อนออกจากมือช่าง เราไม่รีบ เพราะสิ่งที่จะไปอยู่ในพิธีสำคัญของครอบครัวต้องสมบูรณ์", enBody: "Every wreath is checked before it leaves. It will stand at the most important moment of a family's life." }, { n: "04", img: asset("step4-brochure.jpg"), thName: "ส่งต่อด้วยความหมาย", enName: "Passed on with purpose", thBody: "เมื่องานจบลง ผ้าไม่ถูกทิ้ง แต่เดินทางต่อ — กลับมาที่เรา เพื่อถูกแยก ซัก และส่งต่อในรูปแบบใหม่ที่ยังคงมีคุณค่า", enBody: "When the ceremony ends, the fabric doesn't stop. It returns, is remade, and lives on." }]; return (
{/* Header */}
03 — MADE BY HAND

พวงหรีดแต่ละชิ้นไม่ได้แค่ถูกประกอบ
แต่ถูกสร้างขึ้นด้วยความตั้งใจ

Each wreath is not assembled — it is made with intention.

{/* 2×2 step grid */}
{steps.map((s) =>
{s.enName}
{s.n}
{s.thName}
{s.enName}

{s.thBody}

{s.enBody}

)}
{/* Founder — A Message from the Founder */}
{/* Left — portrait + name caption */}
Orn-Napat (Earn), founder
อรนภัส บุญอนันตพัฒน์
(เอิร์น)
Orn-Napat Boonanantaphat (Earn)
Founder, Niran
{/* Right — message */}
A message from the founder
{/* Thai pull-quote */}
“เอิร์นเชื่อมาตลอดว่าคุณค่าของคน ไม่ควรหยุดแค่วันสุดท้าย”
{/* Thai body */}

นิรันดร์เกิดจากความเชื่อที่มีมาตั้งแต่ต้นว่า ช่วงเวลาของการจากลาคือหนึ่งในช่วงเวลาที่สำคัญที่สุดในชีวิตของคนเรา และสิ่งที่เราส่งมอบในวันนั้น ควรสะท้อนความหมายนั้นอย่างแท้จริง

แต่เอิร์นก็ตั้งคำถามมาตลอดเช่นกันว่า ทำไมสิ่งที่เราส่งมอบในวันนั้นถึงต้องจบลงในวันนั้น ทำไมการไว้อาลัยที่ดีถึงวัดกันที่ความสวยงามชั่วคราว ในเมื่อคนที่เราสูญเสียไปมีคุณค่ามากกว่านั้น

นิรันดร์จึงเกิดขึ้น จากความเชื่อว่าการไว้อาลัยที่ดีที่สุด คือสิ่งที่ยังคงส่งต่อคุณค่าต่อไป แม้งานจะจบแล้ว

{/* English translation */}

“I have always believed that a person’s worth should not end on their final day.”

Niran was born from a belief that the moment of farewell is one of the most significant moments in any life — and that what we give on that day should truly reflect that meaning.

Niran exists because of that question  and the conviction that the most meaningful farewell is one that keeps giving, long after the day is over.

); } function Stat({ n, k }) { return (
{n}
{k}
); } // ─────────────────────────────────────────────────────────────────────────── // Collection grid — editorial asymmetric, with one real photo for No. III and // stylised fabric-stripe placeholders for the rest. function FabricPlaceholder({ tone = "ivory", seed = 1 }) { // Subtle vertical stripes evoking pleated cloth. Not a hand-drawn wreath. const stripeBase = tone === "ivory" ? "#e8dfcc" : "#d8ccb3"; const stripeShadow = tone === "ivory" ? "#bba98a" : "#a8956f"; const bg = tone === "ivory" ? "#ddd0b4" : "#c8b791"; const angle = seed * 7 % 4 === 0 ? "92deg" : "88deg"; return (
{/* Soft circular vignette to hint at wreath shape */}
); } function PieceCard({ item }) { const [hover, setHover] = React.useState(false); return (
setHover(true)} onMouseLeave={() => setHover(false)} onClick={() => window.location.href = "/productlist"} className="reveal" style={{ display: "flex", flexDirection: "column", gap: 14, cursor: "pointer" }}>
{item.sku} {/* Hover overlay */}
Inquire →
{/* Caption: product number (title) + description (subtitle) + price */}
{item.sku}
{item.desc}
฿{item.price.toLocaleString()}
); } function Collection() { return (
01 — THE COLLECTION

Our Design

Three collections
Prices in Thai Baht
{COLLECTIONS.map((coll, ci) =>
{/* Subsection header */}
Collection {coll.no}

{coll.th}

{coll.en}
{String(coll.items.length).padStart(2, "0")} pieces
{/* Subsection note */}

{coll.note}

{/* Grid of cards */}
{coll.items.map((item) => )}
)}
); } // ─────────────────────────────────────────────────────────────────────────── // ─────────────────────────────────────────────────────────────────────────── // Source — cinematic mill / loom interlude. // Cool tonal counterpoint to the warm Atelier; the upstream story. function Source() { const materials = [ { pct: "50%", img: asset("source-thread.jpg"), thTitle: "ฝ้ายธรรมชาติ ไม่ฟอกขาว", enTitle: "Unbleached cotton", thBody: "ผ้าฝ้ายที่ไม่ผ่านกระบวนการฟอกสี สีธรรมชาติของเส้นใยถูกคงไว้ตั้งแต่ต้น — ไม่มีสารเคมี ไม่มีสิ่งเจือปน", enBody: "Cotton in its truest form. No bleach, no chemicals — only what the fibre naturally holds." }, { pct: "50%", img: asset("oe-cotton-cones.jpg"), thTitle: "เส้นใยรีไซเคิล OE Cotton", enTitle: "Recycled OE cotton", thBody: "เส้นใยที่ผ่านกระบวนการ Open-End Spinning จากวัสดุรีไซเคิล ลดการใช้ทรัพยากรใหม่ และยืดอายุของเส้นใยที่มีอยู่แล้ว", enBody: "Spun through an open-end process from recycled material — giving existing fibres a second life before the fabric even begins." }]; return (
{/* Header */}
04 — FROM THE LOOM

ผ้าทุกผืนของนิรันดร์
เริ่มต้นจากธรรมชาติ และกลับคืนสู่ธรรมชาติ

Every piece of fabric at Niran begins in nature — and is made to return to it.

{/* 2-up materials grid */}
{materials.map((m, i) =>
{m.enTitle}
{m.pct}
{m.thTitle}
{m.enTitle}

{m.thBody}

{m.enBody}

)}
{/* Closing bilingual line */}

เราไม่ได้เลือกวัสดุเพื่อภาพลักษณ์ แต่เพราะมันคือสิ่งที่ถูกต้องตั้งแต่เริ่มต้น

We did not choose these materials for appearance. We chose them because they were right from the very beginning.

); } // ───────────────────────────────────────────────────────────────────────── // The Afterlife — what becomes of each wreath type after the ceremony. function FlowIcon({ name }) { const common = { width: "44%", height: "44%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }; const paths = { disc: , home: , heart: , truck: , shield: , tailor: , people: , recycle: }; return ( {paths[name] || paths.disc} ); } function FlowArrow() { return ( ); } function FlowStep({ step }) { return (
{step.th}
{step.en}
); } function AfterlifeFlow({ flow }) { return (
{flow.label &&
{flow.label}
}
{flow.steps.map((step, i) => {i < flow.steps.length - 1 && } )}
); } function Afterlife() { const TYPES = [ { th: "พวงหรีดผ้า", en: "Fabric wreath", flows: [ { label: "ทางเลือกที่ 1 — วัดรับบริจาคได้", steps: [ { icon: "disc", th: "พวงหรีดหลังงาน", en: "After ceremony" }, { icon: "home", th: "มอบให้วัดโดยตรง", en: "Donate to temple" }, { icon: "heart", th: "ผ้าห่อศพผู้ไม่มีญาติ", en: "Shroud for those without family" }] }, { label: "ทางเลือกที่ 2 — นิรันดร์รับคืนฟรี (สำหรับ กทม และ ปริมณฆล)", steps: [ { icon: "disc", th: "พวงหรีดหลังงาน", en: "After ceremony" }, { icon: "truck", th: "นิรันดร์รับคืน", en: "Niran collects" }, { icon: "home", th: "บริจาคให้กู้ภัย มูลนิธิ และโรงพยาบาล", en: "Donated to temple" }, { icon: "heart", th: "ผ้าห่อศพผู้ไม่มีญาติ", en: "Shroud for those without family" }] }] }, { th: "พวงหรีดชุดนักเรียน", en: "Uniform wreath", flows: [ { steps: [ { icon: "disc", th: "พวงหรีดหลังงาน", en: "After ceremony" }, { icon: "truck", th: "รับกลับทุกชิ้น", en: "Niran collects all" }, { icon: "shield", th: "ซัก ฆ่าเชื้อ เคลือบ antibacterial", en: "Washed & treated" }, { icon: "tailor", th: "ตัดเย็บเป็นชุด", en: "Tailored to size" }, { icon: "people", th: "บริจาคต่อโรงเรียน", en: "Donated per school" }] }] }, { th: "ผ้าขาวม้า", en: "Pha Khao Ma", flows: [ { steps: [ { icon: "disc", th: "พวงหรีดหลังงาน", en: "After ceremony" }, { icon: "home", th: "มอบให้วัดโดยตรง", en: "Donate directly" }, { icon: "recycle", th: "ใช้ประโยชน์ได้หลากหลาย", en: "Many uses within the temple" }] }] }]; return (
06 — THE AFTERLIFE  · 

เมื่องานศพจบลง ผ้าของเราเพิ่งเริ่มต้น

When the ceremony ends, the fabric begins again.

{TYPES.map((t) =>
{/* Type label */}
{t.th}
{t.en}
{/* Flows */}
{t.flows.map((flow, i) => )}
)}
); } function Distributors() { const REGIONS = [ { th: "ภาคเหนือ", en: "Northern", locs: [ { name: "เชียงราย · เชียงใหม่ · พะเยา · ลำพูน", areas: [ "ส่งฟรีพื้นที่จังหวัดเชียงราย อำเภอเมือง · นอกอำเภอ คิดราคาส่งตามจริง · ตัดรอบ 15.00 น.", "เชียงใหม่ พะเยา ลำพูน จังหวัดใกล้เคียง คิดราคาส่งตามจริง · ตัดรอบ 12.00 น."], tel: ["063-145-9323"], line: "@Boonamata" }, { name: "ลำปาง", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 16.00 น."], tel: ["081-595-4788", "094-269-5939"], line: "Niranlampang" }, { name: "น่าน", areas: ["ส่งฟรีในระยะ 20 กม. · ตัดรอบ 17.00 น."], tel: ["090-321-5264", "097-037-2952"], line: "@336jwhkl" }] }, { th: "ภาคกลาง", en: "Central", locs: [ { name: "กทม. และปริมณฑล", areas: [ "ส่งฟรี กทม. และสมุทรปราการ", "จังหวัดปริมณฑล ค่าส่ง 150 บาท · ตัดรอบ 15.00 น."], tel: ["082-838-4994"], line: "@niranwreath" }, { name: "อยุธยา", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 16.30 น."], tel: ["087-707-7581", "082-245-6592"], line: "@022tjtne" }, { name: "พิษณุโลก · สุโขทัย", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 17.00 น."], tel: ["099-206-6768"], line: "niran.plk" }, { name: "สุพรรณบุรี", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 17.00 น."], tel: ["086-500-5354", "089-551-6262"], line: "@563jourr" }, { name: "ลพบุรี", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 18.00 น."], tel: ["099-123-4546"], line: "0991234546" }] }, { th: "ภาคตะวันออกเฉียงเหนือ", en: "Northeastern · Isaan", locs: [ { name: "อุดรธานี", areas: ["ส่งฟรีในเขตเทศบาล · ตัดรอบ 14.00 น."], tel: ["084-204-8778"], line: "@508rwshw" }, { name: "อุบลราชธานี", areas: ["ส่งฟรีในระยะ 5 กม. · ตัดรอบ 19.00 น."], tel: ["094-831-9146"], line: "@niranubon" }, { name: "สุรินทร์", areas: ["ส่งฟรีในเขตอำเภอเมืองสุรินทร์ · ตัดรอบ 16.00 น."], tel: ["089-323-6992"], line: "0893236992" }] }, { th: "ภาคตะวันออก", en: "Eastern", locs: [ { name: "ชลบุรี และระยอง", areas: ["ส่งฟรีในระยะ 8 กม. · ตัดรอบ 15.00 น."], tel: ["099-446-9146"], line: "@005sshrb" }, { name: "ฉะเชิงเทรา", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 15.00 น."], tel: ["088-860-9866", "087-989-7917"], line: "@373ztkeh" }, { name: "จันทบุรี", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 16.00 น."], tel: ["082-494-9245"], line: "@298fptit" }, { name: "ตราด", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 17.00 น."], tel: ["096-979-3659"], line: "0969793659" }] }, { th: "ภาคตะวันตก", en: "Western", locs: [ { name: "ราชบุรี · กาญจนบุรี", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 16.00 น."], tel: ["065-151-9798"], line: "@908frsrf" }, { name: "ประจวบคีรีขันธ์ · เพชรบุรี", areas: ["ส่งฟรีตัวเมืองหัวหิน · ตัดรอบ 15.30 น."], tel: ["092-291-6594"], line: "@353glmfc" }] }, { th: "ภาคใต้", en: "Southern", locs: [ { name: "นครศรีธรรมราช · สุราษฎร์ธานี · พัทลุง · กระบี่", areas: ["ส่งฟรีในระยะ 5 กม. · ตัดรอบ 14.00 น."], tel: ["081-506-8356"], line: "0815068356" }, { name: "ภูเก็ต", areas: ["ส่งฟรีในเขตเทศบาลนครภูเก็ต · ตัดรอบ 15.00 น."], tel: ["081-569-4623"], line: "green456phuket" }, { name: "สงขลา", areas: ["ส่งฟรีในระยะ 5 กม. จากวงเวียนน้ำพุ (หาดใหญ่) · ตัดรอบ 11.00 น."], tel: ["094-898-5965", "089-489-9656"], line: "@974wpwzi" }, { name: "ระนอง", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 14.00 น."], tel: ["062-956-1639"], line: "@yba0855a" }, { name: "ยะลา", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 19.00 น."], tel: ["080-215-5756"], line: "TEAMBOONYALA" }, { name: "ตรัง", areas: ["ส่งฟรีในระยะ 8 กม. · ตัดรอบ 17.00 น."], tel: ["093-696-6255"], line: "@420xikrg" }, { name: "ชุมพร", areas: ["ส่งฟรีในระยะ 10 กม. · ตัดรอบ 16.00 น."], tel: ["089-474-5979"], line: "@niran.chumphon" }] }]; const total = REGIONS.reduce((n, r) => n + r.locs.length, 0); return (
07 — DISTRIBUTORS

ตัวแทนจำหน่ายอย่างเป็นทางการ
ทั่วประเทศไทย

Our authorised distributors across 33 locations in Thailand.

{/* Regions */}
{REGIONS.map((region) => )}
); } function RegionBlock({ region }) { return (
{/* Region header */}
{region.th}
{region.en}
{String(region.locs.length).padStart(2, "0")} locations
{/* Location cards grid */}
{region.locs.map((loc, i) => )}
); } function DistributorCard({ loc }) { return (
{/* Location name */}

{loc.name}

{/* Service area / cutoff */}
{loc.areas.map((a, i) =>
{a}
)}
{/* Contact: phone + LINE */}
{loc.tel.map((t, i) => ☏  {t} )}
LINE  ·  {loc.line}
); } function FuneralService() { return (
08 — FUNERAL SERVICE

บริการจัดงานศพแบบครบวงจร
ตั้งแต่ต้นจนจบ ด้วยความเคารพ

A full-service funeral offering, from beginning to end, with reverence.

{/* Coming soon panel */}
เร็ว ๆ นี้
Coming Soon

เรากำลังเตรียมบริการที่จะดูแลคุณ ในช่วงเวลาที่สำคัญที่สุด

); } function Recognition() { const awards = [ { year: "2024", img: asset("trophy-creative-excellence.png"), thName: "รางวัล Creative Sustainability Award", enName: "Creative Sustainability Award", thOrg: "จาก Creative Excellence Award 2024", enOrg: "Creative Excellence Awards" }, { year: "2024", img: asset("trophy-industry-award.png"), thName: "รางวัลอุตสาหกรรมยอดเยี่ยม", enName: "Outstanding Industry Award", thOrg: "สาขา การพัฒนาผลิตภัณฑ์เชิงสร้างสรรค์", enOrg: "Creative Product Development category" }, { year: "2024", img: asset("trophy-top-entrepreneur.png"), thName: "รางวัลการออกแบบสินค้ายอดเยี่ยมแห่งปี", enName: "Best Product Design of the Year", thOrg: "จาก Thailand Top Entrepreneur 2024", enOrg: "Thailand Top Entrepreneur Awards" }]; return (
09 — RECOGNITION

แนวคิดเพื่อสิ่งแวดล้อมที่สร้างประโยชน์ให้สังคมได้จริง
การันตีด้วยรางวัลอันทรงเกียรติระดับประเทศ

Sustainability that benefits society — affirmed by national-level honours.

{awards.map((a, i) =>
{/* Year — small gold label */}
{a.year}
{/* English award name — the title (serif display, prominent) */}

{a.enName}

{/* Thai award name */}
{a.thName}
{a.thOrg}
{a.enOrg}
)}
); } function Process() { return (
05 — Process  ·  กระบวนการ
{/* Image left */}
Every piece passes through hands
{/* Text right */}

ทุกชิ้นผ่านมือ
ก่อนถึงมือคุณ

ไม่มีเครื่องจักร ช่างทุกคนพับ ตัด และตรวจแต่ละชิ้นด้วยมือ ความแตกต่างเล็กน้อยในแต่ละชิ้นคือหลักฐานว่ามีคนทุ่มเทให้กับสิ่งที่คุณจะส่งมอบ

No machines. Every piece is folded, cut, and checked by hand — because what you give that day deserves nothing less.

); } // ─────────────────────────────────────────────────────────────────────────── function Commission() { return (
06 — Commission

For a specific
person, a specific day.

Custom wreaths are built around the person being remembered — their colour, a piece of their cloth, a passage they kept. Three week lead time. From ฿14,000.

{e.preventDefault();alert("Thank you. We will respond within two days.");}} style={{ display: "grid", gap: 22 }}>
); } function Field({ label, name, type = "text", textarea = false }) { const [focus, setFocus] = React.useState(false); const common = { name, type, onFocus: () => setFocus(true), onBlur: () => setFocus(false), style: { width: "100%", background: "transparent", border: 0, borderBottom: `1px solid ${focus ? "var(--gold)" : "var(--rule)"}`, color: "var(--fg)", fontFamily: "var(--font-body)", fontSize: 15, padding: "10px 0", outline: "none", transition: "border-color .3s", resize: "none" } }; return (