https://shhealthy.com/assets/clinic._slug.about-CcEmeRs1.js

1import{f0 as x,j as e,A as h,L as g,i as p,S as b,a3 as j}from"./index-CDlp7Z2N.js";import{C as u,c as t,a as f,S as i,I as y,M as N}from"./InlineConsultPanel-BhkWeR6N.js";import{F as v}from"./ClinicPageChrome-50w7A9TB.js";import"./circle-check-Bbr-1TL1.js";import"./share-2-GQkpeo91.js";const c="/assets/lvbc-about-hero-DCVkT5SQ.jpg";function z(){const o=x.useLoaderData(),l=o.clinic,r=o.content,n=r.hero.image||c,m=r.origin.image||c;return e.jsxs(u,{clinic:l,shareTitle:r.seo.aboutTitle,children:[e.jsxs("section",{className:"relative isolate overflow-hidden",children:[e.jsx("img",{src:n,alt:`${l.name} 環境`,className:"absolute inset-0 -z-10 h-full w-full object-cover",width:1600,height:912}),e.jsx("div",{className:"absolute inset-0 -z-10 bg-gradient-to-r from-background/95 via-background/80 to-background/40"}),e.jsxs("div",{className:`${t} py-20 md:py-28`,children:[e.jsx(f,{clinic:l,trail:[{label:"院長介紹"}]}),e.jsx("p",{className:"mt-8 text-[11px] uppercase tracking-[0.35em] text-gold",children:r.hero.eyebrow}),e.jsx("h1",{className:"mt-4 max-w-2xl font-serif text-3xl leading-tight text-primary md:text-5xl",children:r.hero.title}),e.jsx("p",{className:"mt-4 max-w-xl text-sm leading-relaxed text-foreground/80 md:text-base",children:r.hero.subtitle}),e.jsxs("div",{className:"mt-8 flex flex-wrap gap-3",children:[e.jsxs("a",{href:"#consult",className:"inline-flex items-center gap-2 rounded-full bg-primary px-6 py-3 text-sm font-medium text-primary-foreground transition-transform hover:scale-[1.02]",children:["預約院長諮詢 ",e.jsx(h,{className:"h-4 w-4","aria-hidden":!0})]}),e.jsx(g,{to:"/clinic/$slug/mind-body-spirit",params:{slug:l.slug},className:"inline-flex items-center gap-2 rounded-full border border-border bg-card px-6 py-3 text-sm font-medium text-primary transition-colors hover:border-gold",children:"身心靈整合醫學"})]})]})]}),e.jsx("section",{className:`${t} py-16 md:py-24`,children:e.jsxs("div",{className:"grid items-start gap-12 lg:grid-cols-[1.05fr_0.95fr]",children:[e.jsxs("div",{children:[e.jsx(i,{eyebrow:"Origin",title:r.origin.title,desc:r.origin.lead}),e.jsx("div",{className:"mt-6 space-y-5",children:r.origin.paragraphs.map((s,a)=>e.jsx("p",{className:"text-sm leading-relaxed text-foreground/80 md:text-base",children:s},a))})]}),e.jsx("div",{className:"overflow-hidden rounded-3xl border border-border",children:e.jsx("img",{src:m,alt:`${l.name} 空間`,loading:"lazy",className:"h-full w-full object-cover"})})]})}),e.jsx("section",{className:"bg-secondary/30 py-16 md:py-24",children:e.jsxs("div",{className:t,children:[e.jsx(i,{eyebrow:"Philosophy",title:r.philosophy.title,desc:r.philosophy.lead}),e.jsx("p",{className:"mt-6 max-w-3xl text-sm leading-relaxed text-foreground/80 md:text-base",children:r.philosophy.body}),e.jsx("div",{className:"mt-10 grid gap-6 md:grid-cols-2",children:r.philosophy.pillars.map(s=>e.jsxs("div",{className:"rounded-3xl border border-border bg-card p-8",children:[e.jsx("h3",{className:"font-serif text-2xl text-primary",children:s.title}),e.jsx("p",{className:"mt-3 text-sm leading-relaxed text-muted-foreground",children:s.body})]},s.title))}),r.philosophy.slogan&&e.jsx("p",{className:"mt-10 text-center font-serif text-lg text-primary md:text-xl",children:r.philosophy.slogan}),r.certifications.length>0&&e.jsx("ul",{className:"mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",children:r.certifications.map(s=>e.jsxs("li",{className:"flex items-start gap-2 rounded-2xl border border-border bg-card px-5 py-4 text-sm text-foreground/85",children:[e.jsx(p,{className:"mt-0.5 h-4 w-4 shrink-0 text-gold","aria-hidden":!0}),e.jsx("span",{children:s})]},s))})]})}),e.jsxs("section",{className:`${t} py-16 md:py-24`,children:[e.jsx(i,{eyebrow:"Medical Team",title:r.doctorsTitle,desc:"由整形外科、再生醫學與抗衰老專科醫師組成，依您的需求安排合適的主治醫師。"}),e.jsx("div",{className:"mt-10 grid gap-8 md:grid-cols-2 lg:grid-cols-3",children:r.doctors.map(s=>e.jsxs("article",{className:"overflow-hidden rounded-3xl border border-border bg-card",children:[e.jsx("div",{className:"aspect-[4/5] overflow-hidden bg-secondary/40",children:s.photo&&e.jsx("img",{src:s.photo,alt:s.name,loading:"lazy",className:"h-full w-full object-cover object-top"})}),e.jsxs("div",{className:"space-y-3 p-6",children:[e.jsx("h3",{className:"font-serif text-xl text-primary",children:s.name}),s.role&&e.jsx("p",{className:"text-xs text-muted-foreground",children:s.role}),s.specialty&&e.jsxs("p",{className:"inline-flex items-center gap-1.5 rounded-full border border-gold/40 bg-gold-soft/30 px-3 py-1 text-xs text-primary",children:[e.jsx(b,{className:"h-3.5 w-3.5","aria-hidden":!0}),"專長：",s.specialty]}),e.jsx("ul",{className:"space-y-1.5 text-xs leading-relaxed text-muted-foreground",children:s.credentials.map(a=>e.jsxs("li",{children:["· ",a]},a))}),s.fbUrl&&e.jsxs("a",{href:s.fbUrl,target:"_blank",rel:"noopener noreferrer nofollow",className:"inline-flex items-center gap-1.5 text-xs text-primary underline underline-offset-4",children:[e.jsx(v,{className:"h-3.5 w-3.5","aria-hidden":!0})," Facebook"]})]})]},s.name))})]}),e.jsx("section",{className:"bg-secondary/30 py-16 md:py-24",children:e.jsxs("div",{className:t,children:[e.jsx(i,{eyebrow:"Milestones",title:`${l.name}成就`,desc:"歷年獲獎、國際認證與學術參與紀錄。"}),e.jsx("ol",{className:"mt-10 space-y-8 border-l border-border pl-6",children:r.awards.map((s,a)=>e.jsxs("li",{className:"relative",children:[e.jsx("span",{className:"absolute -left-[31px] top-1.5 grid h-5 w-5 place-items-center rounded-full border border-gold/50 bg-card",children:e.jsx(j,{className:"h-3 w-3 text-gold","aria-hidden":!0})}),e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] text-gold",children:s.year}),e.jsx("p",{className:"mt-2 text-sm leading-relaxed text-foreground

1/85 md:text-base",children:s.title}),s.images.length>0&&e.jsx("div",{className:"mt-4 flex flex-wrap gap-3",children:s.images.map(d=>e.jsx("img",{src:d,alt:s.title,loading:"lazy",className:"h-28 w-auto rounded-xl border border-border object-cover"},d))})]},`${s.year}-${a}`))})]})}),r.gallery.length>0&&e.jsxs("section",{className:`${t} py-16 md:py-24`,children:[e.jsx(i,{eyebrow:"Environment",title:r.galleryTitle,desc:"安心、舒適且注重隱私的診療空間。"}),e.jsx("div",{className:"mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:r.gallery.map((s,a)=>e.jsx("div",{className:"overflow-hidden rounded-2xl border border-border bg-muted",children:e.jsx("img",{src:s,alt:`${l.name} 環境 ${a+1}`,loading:"lazy",className:"h-56 w-full object-cover transition duration-500 hover:scale-105"})},s))})]}),e.jsxs("div",{className:`${t} pb-20`,children:[e.jsx("section",{id:"consult",className:"scroll-mt-24",children:e.jsx(y,{clinicId:l.id,clinicName:l.name,phone:l.phone,lineUrl:l.line_url,contextLabel:"院長介紹",source:"clinic_about"})}),e.jsx("div",{className:"mt-12",children:e.jsx(N,{})})]})]})}export{z as component};