1import{C as o}from"./Container-C9yztZPF.js";import{S as c}from"./Section-CcH2H_UO.js";import{t as a,B as u}from"./index-B12yvHaz.js";import{G as h}from"./styles-CZ_PXCMw.js";import{P as g}from"./PageHero-PO6cla-O.js";import{S as d}from"./SectionHeader-Bz-iiU0-.js";import"./vendor-BTGVH9Kg.js";function T(){const r=document.createElement("div");return r.appendChild(g({title:a("projectsPages.detail.project07.heroTitle"),subtitle:a("projectsPages.detail.project07.heroSubtitle"),height:"large",className:"[&_h1]:break-keep"})),r.appendChild(b()),r.appendChild(v()),r.appendChild(f()),r.appendChild(x()),r.appendChild(w()),r.appendChild(j()),r.appendChild(C()),r}function b(){return c({padding:"sm",className:"bg-slate-50 border-b border-slate-200",children:o({children:(()=>{const e=document.createElement("nav");return e.className="flex items-center gap-2 text-sm",[{label:a("projectsPages.detail.breadcrumb.projects"),href:"/projects"},{label:a("projectsPages.detail.project07.heroTitle"),href:null}].forEach((l,s)=>{if(s>0){const t=document.createElement("span");t.className="text-slate-400",t.innerHTML=` 2 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 4 </svg> 5 `,e.appendChild(t)}if(l.href){const t=document.createElement("a");t.href=l.href,t.className="text-slate-600 hover:text-orange-600 transition-colors",t.textContent=l.label,t.addEventListener("click",i=>{i.preventDefault(),window.dispatchEvent(new CustomEvent("navigate",{detail:l.href}))}),e.appendChild(t)}else{const t=document.createElement("span");t.className="text-slate-900 font-medium",t.textContent=l.label,e.appendChild(t)}}),e})()})})}function v(){return c({padding:"xl",className:"bg-white",children:o({children:(()=>{const e=document.createElement("div");e.className="max-w-4xl mx-auto",e.appendChild(d({title:a("projectsPages.detail.sections.summary"),align:"center",marginBottom:"lg"}));const n=document.createElement("div");n.className="bg-slate-50 rounded-2xl overflow-hidden border border-slate-200";const l=[{labelKey:"projectsPages.detail.table.title",value:a("projectsPages.detail.project07.title")},{labelKey:"projectsPages.detail.table.goal",value:a("projectsPages.detail.project07.goal")},{labelKey:"projectsPages.detail.table.period",value:"2024-05 ~ 2024-10"},{labelKey:"projectsPages.detail.table.status",value:a("projectsPages.detail.table.completed"),isStatus:!0},{labelKey:"projectsPages.detail.table.funding",value:a("projectsPages.detail.project07.fundingOrg")}];return l.forEach((s,t)=>{const i=document.createElement("div");i.className=`grid grid-cols-1 md:grid-cols-4 ${t!==l.length-1?"border-b border-slate-200":""}`;const m=document.createElement("div");m.className="px-6 py-4 bg-slate-100 font-semibold text-slate-700 md:col-span-1",m.textContent=a(s.labelKey);const p=document.createElement("div");p.className="px-6 py-4 text-slate-600 md:col-span-3",s.isStatus?p.innerHTML=`<span class="inline-flex items-center gap-1.5 px-3 py-1 bg-green-100 text-green-700 text-sm font-semibold rounded-full"> 6 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 7 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/> 8 </svg> 9 ${s.value} 10 </span>`:p.textContent=s.value,i.appendChild(m),i.appendChild(p),n.appendChild(i)}),e.appendChild(n),e})()})})}function f(){return c({padding:"xl",className:"bg-slate-50",children:o({children:(()=>{const e=document.createElement("div");e.className="max-w-5xl mx-auto",e.appendChild(d({title:a("projectsPages.detail.project07.scaleSection.title"),subtitle:a("projectsPages.detail.project07.scaleSection.subtitle"),align:"center",marginBottom:"lg"}));const n=document.createElement("div");return n.className="bg-white rounded-2xl border border-slate-200 shadow-sm overflow-hidden",n.innerHTML=` 11 <div class="grid grid-cols-1 lg:grid-cols-2 gap-0 relative"> 12 <!-- 0.7 MWhr Prototype (Left) --> 13 <div class="p-6 border-b lg:border-b-0 lg:border-r border-slate-200"> 14 <div class="text-center mb-4"> 15 <h4 class="text-lg font-bold text-orange-600">700 kWhr IU-IsoTES®</h4> 16 <p class="text-sm text-slate-500">${a("projectsPages.detail.project07.scaleSection.prototype")}</p> 17 </div> 18 <div class="bg-slate-50 rounded-xl p-4"> 19 <img src="/images/applications/0.7MWhr-design.webp" alt="700 kWhr IU-IsoTES® design" class="w-full h-auto rounded-lg"/> 20 </div> 21 </div> 22 23 <!-- Arrow indicating scale-down from right to left --> 24 <div class="hidden lg:flex absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10"> 25 <div class="w-12 h-12 rounded-full bg-orange-500 flex items-center justify-center shadow-lg"> 26 <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 27 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 19l-7-7 7-7m8 14l-7-7 7-7"/> 28 </svg> 29 </div> 30 </div> 31 32 <!-- 5 MWhr Commercial (Right) --> 33 <div class="p-6 bg-slate-50"> 34 <div class="text-center mb-4"> 35 <h4 class="text-lg font-bold text-slate-700">5 MWhr IU-IsoTES®</h4> 36 <p class="text-sm text-slate-500">${a("projectsPages.detail.project07.scaleSection.commercial")}</p> 37 </div> 38 <div class="bg-white rounded-xl p-4 border border-slate-200"> 39 <img src="/images/applications/5MWhr-design.webp" alt="5 MWhr IU-IsoTES® design" class="w-full h-auto rounded-lg"/> 40 </div> 41 </div> 42 </div> 43 `,e.appendChild(n),e})()})})}function x(){return c({padding:"xl",className:"bg-white",children:o({children:(()=>{const e=document.createElement("div");e.className="max-w-5xl mx-auto",e.appendChild(d({title:a("projectsPages.detail.project07.resultSection.title"),subtitle:a("projectsPages.detail.project07.resultSection.subtitle"),align:"center",marginBottom:"lg"}));const n=document.createElement("div");return n.className="flex justify-center",[{src:"/images/applications/0.7MWhr-result.webp",alt:"Completed 0.7 MWhr IU-IsoTES® prototype",captionKey:"projectsPages.detail.project07.resultSection.caption"}
43].forEach(s=>{const t=document.createElement("div");t.className="bg-white rounded-2xl overflow-hidden border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 group max-w-md w-full",t.innerHTML=` 44 <div class="aspect-[4/3] overflow-hidden"> 45 <img src="${s.src}" alt="${s.alt}" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"/> 46 </div> 47 <div class="p-4 text-center"> 48 <p class="font-semibold text-slate-700">${a(s.captionKey)}</p> 49 </div> 50 `,n.appendChild(t)}),e.appendChild(n),e})()})})}function w(){return c({padding:"xl",className:"bg-slate-50",children:o({children:(()=>{const e=document.createElement("div");e.className="max-w-4xl mx-auto",e.appendChild(d({title:a("projectsPages.detail.sections.technicalNotes"),align:"center",marginBottom:"lg"}));const n=a("projectsPages.detail.project07.notes"),l=document.createElement("ul");return l.className="space-y-4",n.forEach(s=>{const t=document.createElement("li");t.className="flex items-center gap-4 p-4 bg-white rounded-xl border border-slate-200",t.innerHTML=` 51 <div class="w-8 h-8 rounded-full bg-orange-100 flex items-center justify-center flex-shrink-0"> 52 <svg class="w-4 h-4 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 53 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/> 54 </svg> 55 </div> 56 <span class="text-slate-700">${s}</span> 57 `,l.appendChild(t)}),e.appendChild(l),e})()})})}function j(){return c({padding:"lg",className:"bg-white",children:o({children:(()=>{const e=document.createElement("div");e.className="max-w-4xl mx-auto",e.appendChild(d({title:a("projectsPages.detail.sections.relatedTech.title"),subtitle:a("projectsPages.detail.sections.relatedTech.subtitle"),align:"center",marginBottom:"md"}));const n=document.createElement("div");return n.className="flex flex-wrap gap-3 justify-center",[{name:"IU IsoTES®",href:"/technology/iu"},{name:"Standard & Custom",href:"/technology/standard-custom"}].forEach(s=>{const t=u({children:s.name,variant:"secondary",size:"md",href:s.href});n.appendChild(t)}),e.appendChild(n),e})()})})}function C(){const r=document.createElement("section");r.className=`relative py-20 ${h.brandDiagonal} overflow-hidden`;const e=o({children:(()=>{const n=document.createElement("div");n.className="max-w-4xl mx-auto text-center",n.appendChild(d({title:a("projectsPages.detail.sections.cta.title"),subtitle:a("projectsPages.detail.sections.cta.subtitle"),titleSize:"md",dark:!0,marginBottom:"md"}));const l=document.createElement("div");l.className="flex flex-col sm:flex-row gap-4 justify-center";const s=u({children:a("common.contactUs"),variant:"primary",size:"lg",href:"/contact"}),t=u({children:a("projectsPages.detail.sections.cta.viewAll"),variant:"secondary",size:"lg",href:"/projects",className:"bg-white/10 border-white/20 text-white hover:bg-white/20"});return l.appendChild(s),l.appendChild(t),n.appendChild(l),n})(),className:"relative z-10"});return r.appendChild(e),r}export{T as Project07MWhrPage}; 58//# sourceMappingURL=Project07MWhrPage-CkfnUJFV.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.