/* ============ About stagger reveal ============ */ function useStaggerReveal(threshold = 0.12) { const ref = React.useRef(null); React.useEffect(() => { const container = ref.current; if (!container) return; // 找出所有標記 data-stagger 的子元素 const items = container.querySelectorAll('[data-stagger]'); items.forEach((el, i) => { el.style.opacity = '0'; el.style.transform = 'translateY(28px)'; el.style.transition = `opacity 700ms cubic-bezier(.22,.68,0,1.1) ${i * 110}ms, transform 700ms cubic-bezier(.22,.68,0,1.1) ${i * 110}ms`; }); const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { items.forEach(el => { el.style.opacity = '1'; el.style.transform = 'none'; }); io.unobserve(container); } }); }, { threshold }); io.observe(container); return () => io.disconnect(); }, []); return ref; } /* ============ About ============ */ function About() { const heroRef = useReveal(0.15); const valuesRef = useStaggerReveal(0.12); const statsRef = useStaggerReveal(0.18); const timelineRef = useReveal(0.1); const highlights = [ { icon: , title: "整合 MIS、GIS、BIM、AI 四大資訊技術領域" }, { icon: , title: "長期參與政府機關資訊系統建置" }, { icon: , title: "服務建築師事務所、營建公司及民間企業" }, { icon: , title: "累積超過 450 項政府與公共資訊專案經驗" }]; const values = [ { icon: , title: "全生命週期整合", desc: "從設計規劃、施工管理、竣工資料到後續營運，串聯不同階段的資訊與管理流程，讓工程資料能持續累積、延續使用，而不是隨著專案結束而中斷。" }, { icon: , title: "現場管理數位化", desc: "將人員、設備、查驗、日報、會議、工項與進度等現場作業轉為標準化數位流程，降低紙本作業、人工彙整與資訊分散所造成的管理落差。" }, { icon: , title: "資料可追溯、管理可持續", desc: "完整保留工程執行過程中的文件、紀錄、履歷與處理歷程，使資料可查詢、流程可追蹤、責任可釐清，逐步建立企業可長期運作的數位管理能力。" }, { icon: , title: "系統整合與長期共創", desc: "透過 API 串接既有 ERP、工務、設備及其他管理系統，依企業現況逐步導入，不以單一系統取代全部作業，而是協助客戶建立可擴充、可延續的整體管理架構。" }]; const stats = [ { icon: , num: "1989", label: "成立年份" }, { icon: , num: "450+", label: "政府專案實績" }, { icon: , num: "30+", label: "獲獎與肯定" }]; const timeline = [ { era: "1989", code: "GIS", zh: "地理資訊系統", desc: "建立台灣早期地理圖資基礎，參與多項政府空間資料庫建置。" }, { era: "2000's", code: "BIM", zh: "建築資訊模型", desc: "導入三維建模技術，推動工程設計與施工資訊整合。" }, { era: "2020's", code: "AI", zh: "人工智慧應用", desc: "以 LLM 與電腦視覺賦能現場管理，開啟營建業 AI 新頁。" }]; return (

{/* ── Part 1: Hero split ── */}

路克索辦公大樓

ABOUT LUXOR

認識我們

三十七年技術累積，跨域服務政府與產業

自 1989 年起，團隊持續參與超過 450 項政府資訊專案，累積市政系統、空間資訊、建築資訊與數位治理的實務經驗。

因應不同服務市場，團隊一方面承接政府部門及公共領域專案，一方面聚焦企業、建築師事務所、營建公司及其他非政府部門的數位化需求。相同的核心成員、技術能力與專案經驗，依客戶屬性提供適合的服務模式。

{highlights.map((h, i) =>

{h.icon} {h.title}

)}

{/* ── Part 2: 我們的價值 ── */}

路克索數位四大核心價值

{values.map((v, i) =>

{v.icon}

{v.title}

{v.desc}

)}

{/* ── Part 3: Stats ── */}

{stats.map((s, i) =>

{s.icon}

{s.num}

{s.label}

)}

{/* ── Part 4: GIS → BIM → AI Timeline ── */}

GIS BIM AI

三十七年以數位為業

自 1989 年起，路克索數位團隊為政府與公共部門提供資訊服務，累積參與超過 450 項政府專案；同一核心團隊也服務建築、營建及其他民間產業。從基礎地理圖資、GIS 系統建置，到 BIM 與 AI 應用，我們持續以穩健的技術與工程實務，陪伴公共建設與民間營造推進每一階段的數位轉型。

{timeline.map((t, i) =>

{t.era}

{t.code}

{t.zh}

{i < timeline.length - 1 &&

›

}

)}

{timeline.map((t, i) =>

{t.code}

{t.zh}

)}

); } window.About = About; /* ============ Scenarios ============ */ function Scenarios() { const ref = useReveal(0.2); const items = [ { n: "01", t: "空間整合", d: "結合 GIS 與工程資料，整合地理環境與基礎設施資訊，建立跨尺度的空間管理基礎。" }, { n: "02", t: "智慧建模", d: "導入 BIM 模型整合設計與施工資訊，提升專案可視化程度與協作效率。" }, { n: "03", t: "工地管理", d: "整合現場人員、進度與巡檢資訊，透過數位平台掌握工地運作狀態。" }, { n: "04", t: "專案掌控", d: "串聯排程、資源與執行狀況，協助管理者即時掌握專案全局。" }, { n: "05", t: "AI 查詢", d: "以自然語言查詢工程資料與歷史紀錄，快速取得決策所需的資訊。" }, { n: "06", t: "智慧分析", d: "運用 AI 分析工程數據，輔助風險判斷、異常偵測與決策參考。" }, { n: "07", t: "流程串接", d: "整合跨單位作業流程與系統資料，降低溝通落差與重工成本。" }, { n: "08", t: "履歷建構", d: "建立工程全生命週期數位履歷，讓設計、施工與維運資料完整留存與追溯。" }]; return (

SCENARIO · 應用場景

落地於每一條產業鏈

從公共建設到文化資產，路克索的技術走進不同場域

{items.map((it, i) =>

{it.n}

{it.t}

{it.d}

→

)}

); } window.Scenarios = Scenarios;