export default function LaundromatWebsiteFiles() { const files = { "index.html": ` 佳業企業社

專業商用洗滌
讓客戶更放心合作

飯店、旅館、民宿、地墊、烤網清洗專業服務

設備實力

日本井口洗衣設備

自動折疊設備

藝康洗劑系統

合作客戶

全家便利商店（地墊）

全餐企業（烤網）

環保理念

守護水資源，從每一次洗滌開始

聯絡我們

公司電話：03-5301169

手機：0985-925-979

`, "style.css": `body { margin: 0; font-family: "Microsoft JhengHei", sans-serif; background: #eef; } .header { display: flex; gap: 10px; padding: 10px; background: #fff; align-items: center; } .logo { width: 40px; height: 40px; background: #0284c7; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; } .hero { position: relative; height: 300px; text-align: center; overflow: hidden; } .hero .bg { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.3; } .hero-text { position: relative; top: 100px; } .section { padding: 40px; text-align: center; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; } .card { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .eco { position: relative; height: 250px; text-align: center; overflow: hidden; } .eco .bg { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.25; } .eco-text { position: relative; top: 80px; } .contact { background: #0284c7; color: #fff; padding: 40px; text-align: center; } .contact a { color: #fff; } @media (max-width: 768px) { .hero-text { top: 70px; padding: 0 16px; } .section { padding: 24px 16px; } }`, "script.js": `document.addEventListener("DOMContentLoaded", function () { console.log("網站載入成功"); const links = document.querySelectorAll('a[href^="tel:"]'); links.forEach((link) => { link.style.cursor = "pointer"; }); const cards = document.querySelectorAll('.card'); cards.forEach((card) => { card.style.opacity = "0"; card.style.transform = "translateY(20px)"; card.style.transition = "all 0.6s ease"; }); setTimeout(() => { cards.forEach((card) => { card.style.opacity = "1"; card.style.transform = "translateY(0)"; }); }, 200); });`, }; const fileNames = Object.keys(files); return (

佳業企業社網站三個檔案

這份內容已經分成 index.html、style.css、script.js。請把三段內容各自存成獨立檔案，再上傳到 public_html。

使用方式：

建立三個檔案：index.html、style.css、script.js
建立 images 資料夾
放入 linen-processing.jpg 與 reservoir.jpg
把全部檔案上傳到 public_html

{fileNames.map((name) => (

{name}

{files[name]}

))}