https://www.amyloid.ca/assets/ALAmyloidosis-DK2ZiTn7.js

1import{r as c,j as e,m as t,a as h,H as r,U as g,d as o}from"./index-DovNI9VI.js";import{m as p}from"./DSC02841_1750068895454-BYg2jDAn.js";import{A as y}from"./arrow-left-Bg4V334U.js";import{A as b}from"./arrow-right-J5H8TGuF.js";import{T as x}from"./target-cWhTu8BX.js";import{T as u}from"./triangle-alert-Cmei2VNd.js";import{C as d}from"./chevron-up-DgxYTOhk.js";import{S as w}from"./search-CN-nlHPZ.js";function F(){const[s,m]=c.useState(null);c.useEffect(()=>{window.scrollTo({top:0,behavior:"smooth"})},[]);const l=a=>{m(s===a?null:a)},n={symptoms:["Leg swelling","Fatigue","Irregular heartbeat","Enlarged tongue","Skin changes (bruising, purple patches around eyes)"],diagnosis:["Tissue biopsy","Blood/urine tests for light chains","Bone marrow biopsy","Imaging tests (ECG, MRI, echocardiogram)"],treatment:["Chemotherapy","Steroids","Proteasome inhibitors","Monoclonal antibodies","Stem cell transplant (in select cases)","Supportive care to manage symptoms and organ function"],centers:[{name:"Princess Margaret Cancer Centre",location:"Toronto, ON",type:"Treatment Center",specialty:"Comprehensive amyloidosis program"},{name:"Vancouver General Hospital",location:"Vancouver, BC",type:"Treatment Center",specialty:"Hematology and stem cell transplant"},{name:"CHUM - Centre hospitalier de l'Université de Montréal",location:"Montreal, QC",type:"Treatment Center",specialty:"Amyloidosis clinic"},{name:"Clinical Trial: Daratumumab in AL Amyloidosis",location:"Multiple Centers",type:"Clinical Trial",specialty:"Phase III study"}

1]};return e.jsxs("div",{className:"min-h-screen bg-white dark:bg-gray-900 text-gray-900 dark:text-white",children:[e.jsxs("section",{className:"relative min-h-screen flex items-center justify-center overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-[#00AFE6]/20 via-white to-[#00DD89]/15 dark:from-[#00AFE6]/30 dark:via-gray-900 dark:to-[#00DD89]/25"}),e.jsxs("div",{className:"absolute inset-0 overflow-hidden",children:[e.jsx(t.div,{className:"absolute top-20 left-20 w-72 h-72 bg-gradient-to-br from-[#00AFE6]/20 to-[#00DD89]/20 rounded-full blur-3xl",animate:{scale:[1,1.2,1],opacity:[.2,.4,.2]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}}),e.jsx(t.div,{className:"absolute bottom-20 right-20 w-96 h-96 bg-gradient-to-br from-[#00DD89]/15 to-[#00AFE6]/15 rounded-full blur-3xl",animate:{scale:[1.2,1,1.2],opacity:[.15,.3,.15]},transition:{duration:10,repeat:1/0,ease:"easeInOut"}})]}),e.jsx("div",{className:"container mx-auto px-6 relative z-10",children:e.jsxs(t.div,{className:"max-w-5xl mx-auto text-center",initial:{opacity:0,y:50},animate:{opacity:1,y:0},transition:{duration:1,ease:"easeOut"},children:[e.jsxs(h,{href:"/about-amyloidosis",className:"inline-flex items-center gap-2 text-gray-600 dark:text-white/70 hover:text-[#00AFE6] transition-colors mb-12 group",children:[e.jsx(y,{className:"w-5 h-5 group-hover:-translate-x-1 transition-transform"}),"Back to Amyloidosis Types"]}),e.jsxs(t.div,{className:"inline-flex items-center gap-3 bg-gradient-to-r from-[#00AFE6]/20 to-[#00DD89]/20 backdrop-blur-xl rounded-2xl px-8 py-4 border border-[#00AFE6]/30 mb-8 shadow-lg",initial:{scale:.8,opacity:0}

1,animate:{scale:1,opacity:1},transition:{delay:.2,duration:.6},whileHover:{scale:1.05},children:[e.jsx("div",{className:"w-3 h-3 bg-gradient-to-r from-[#00AFE6] to-[#00DD89] rounded-full animate-pulse"}),e.jsx("span",{className:"text-sm font-bold text-[#00AFE6] dark:text-[#00AFE6] tracking-wide uppercase",children:"Light Chain Amyloidosis"}),e.jsx(r,{className:"w-5 h-5 text-[#00AFE6]"})]}),e.jsxs(t.h1,{className:"text-3xl md:text-4xl lg:text-5xl xl:text-6xl font-bold font-rosarivo mb-8 leading-tight",initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{delay:.4,duration:.8},children:[e.jsx("span",{className:"bg-gradient-to-r from-gray-900 to-gray-700 dark:from-white dark:to-white/90 bg-clip-text text-transparent block",children:"AL Amyloidosis"}),e.jsx(t.span,{className:"bg-gradient-to-r from-[#00AFE6] via-[#0099CC] to-[#00DD89] bg-clip-text text-transparent block mt-2",animate:{backgroundPosition:["0% 50%","100% 50%","0% 50%"]},transition:{duration:3,repeat:1/0,ease:"linear"},style:{backgroundSize:"200% 200%"},children:"Light Chain"})]}),e.jsx(t.p,{className:"text-xl lg:text-2xl text-gray-600 dark:text-white/80 leading-relaxed max-w-4xl mx-auto mb-12",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.6,duration:.8},children:"Caused by abnormal plasma cells producing light chains that form amyloid. Often diagnosed after age 50; affects both men and women. Related to multiple myeloma (10-15% overlap)."}),e.jsx(t.div,{className:"flex flex-col sm:flex-row gap-6 justify-center items-center mb-16",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.8,duration:.8},children:e.jsx(t.div,{whileHover:{scale:1.05,y:-2},whileTap:{scale:.98},children:e.jsxs("div",{className:"group bg-gradient-to-r from-[#00AFE6] to-[#00DD89] text-white px-8 py-4 rounded-2xl font-bold text-lg shadow-xl hover:shadow-2xl hover:shadow-[#00AFE6]/30 transition-all duration-300 flex items-center gap-3 cursor-pointer",children:[e.jsx(r,{className:"w-6 h-6 group-hover:scale-110 transition-transform"}),"Learn Symptoms",e.jsx(t.div,{animate:{x:[0,5,0]},transition:{duration:1.5,repeat:1/0},children:e.jsx(b,{className:"w-5 h-5"})})]})})}),e.jsx(t.div,{className:"grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto",initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{delay:1,duration:.8},children:[{icon:r,label:"Most Common",value:"Systemic Type",color:"from-[#00AFE6]/20 to-[#00DD89]/20 border-[#00AFE6]/40"},{icon:x,label:"Median Age",value:"65 Years",color:"from-[#00DD89]/20 to-[#00AFE6]/20 border-[#00DD89]/40"},{icon:g,label:"Multiple Myeloma",value:"10-15% Overlap",color:"from-[#00AFE6]/20 to-[#00DD89]/20 border-[#00AFE6]/40"}].map((a,i)=>e.jsxs(t.div,{className:`bg-gradient-to-br ${a.color} backdrop-blur-xl rounded-2xl p-6 border`,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{delay:1.2+i*.1,duration:.6},whileHover:{scale:1.05,y:-5},children:[e.jsx(a.icon,{className:"w-8 h-8 text-[#00AFE6] mb-3 mx-auto"}),e.jsx("h3",{className:"text-sm font-semibold text-gray-600 dark:text-white/70 mb-1",children:a.label}),e.jsx("p",{className:"text-lg font-bold text-gray-900 dark:text-white",children:a.value})]},i))})]})})]}),e.jsxs("section",{className:"py-24 bg-white dark:bg-gray-900 relative",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-transparent via-gray-900/5 dark:via-white/5 to-transparent"}),e.jsx("div",{className:"container mx-auto px-6 relative z-10",children:e.jsx(t.div,{className:"max-w-7xl mx-auto",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.8},viewport:{once:!0},children:e.jsxs("div",{className:"grid lg:grid-cols-2 gap-16 items-center",children:[e.jsxs(t.div,{initial:{opacity:0,x:-30},whileInView:{opacity:1,x:0},transition:{duration:.8},viewport:{once:!0},children:[e.jsxs("div",{className:"inline-flex items-center gap-3 bg-gray-900/10 dark:bg-white/10 backdrop-blur-xl rounded-full px-6 py-3 border border-gray-900/20 dark:border-white/20 mb-6",children:[e.jsx(r,{className:"w-5 h-5 text-[#00AFE6]"}),e.jsx("span",{className:"text-sm font-medium text-gray-700 dark:text-white/90",children:"Overview"})]}),e.jsxs("h2",{className:"text-4xl lg:text-5xl font-bold font-rosarivo mb

1-6 leading-tight",children:[e.jsx("span",{className:"bg-gradient-to-r from-gray-900 to-gray-700 dark:from-white dark:to-white/80 bg-clip-text text-transparent",children:"Understanding AL"}),e.jsx("br",{}),e.jsx("span",{className:"bg-gradient-to-r from-[#00AFE6] to-[#00DD89] bg-clip-text text-transparent",children:"Amyloidosis"})]}),e.jsxs("div",{className:"space-y-6 text-gray-600 dark:text-white/70 leading-relaxed",children:[e.jsx("p",{className:"text-lg",children:'AL amyloidosis affects approximately 3,000-4,000 people in North America each year. The "AL" stands for "Amyloid Light chain," referring to the misfolded light chain proteins that form amyloid deposits.'}),e.jsx("p",{children:"This condition most commonly affects the heart, kidneys, liver, and nervous system. Early diagnosis is crucial as treatment can prevent further organ damage and improve quality of life."}),e.jsx("p",{children:"The median age at diagnosis is 65 years, and it affects men slightly more often than women. Unlike other forms of amyloidosis, AL amyloidosis is not hereditary."})]}),e.jsxs("div",{className:"bg-gradient-to-r from-[#00AFE6]/10 to-[#00DD89]/10 border border-[#00AFE6]/20 rounded-2xl p-6 mt-8",children:[e.jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-3",children:"Key Facts"}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 text-sm",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[#00AFE6] font-medium",children:"Prevalence:"}),e.jsx("div",{className:"text-gray-700 dark:text-white/80",children:"~8-12 per million"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[#00AFE6] font-medium",children:"Median Age:"}),e.jsx("div",{className:"text-gray-700 dark:text-white/80",children:"65 years"})]})]})]})]}),e.jsx(t.div,{className:"relative",initial:{opacity:0,x:30},whileInView:{opacity:1,x:0},transition:{duration:.8,delay:.2},viewport:{once:!0},children:e.jsxs("div",{className:"relative bg-gray-900/5 dark:bg-white/5 backdrop-blur-xl rounded-3xl overflow-hidden border border-gray-900/10 dark:border-white/10",children:[e.jsxs("div",{className:"aspect-[4/5] relative",children:[e.jsx("img",{src:p,alt:"Medical research for AL amyloidosis treatment",className:"w-full h-full object-cover"}),e.jsx(t.div,{className:"absolute bottom-6 left-6 right-6 bg-gray-900/10 dark:bg-white/10 backdrop-blur-xl border border-gray-900/20 dark:border-white/20 text-gray-900 dark:text-white rounded-2xl shadow-2xl",initial:{opacity:0,y:40},whileInView:{opacity:1,y:0},transition:{duration:.8,delay:.5},children:e.jsx("div",{className:"px-6 py-4",children:e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-2xl font-bold bg-gradient-to-r from-[#00AFE6] to-[#00DD89] bg-clip-text text-transparent",children:"70%"}),e.jsx("div",{className:"text-xs text-gray-700 dark:text-white/80",children:"Heart Involvement"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-2xl font-bold bg-gradient-to-r from-[#00DD89] to-[#00AFE6] bg-clip-text text-transparent",children:"60%"}),e.jsx("div",{className:"text-xs text-gray-700 dark:text-white/80",children:"Kidney Involvement"})]})]})})})]}),e.jsx(t.div,{className:"absolute -top-4 -right-4 w-12 h-12 bg-gradient-to-r from-[#00AFE6] to-[#00DD89] rounded-2xl flex items-center justify-center",animate:{y:[0,-8,0],rotate:[0,5,0]},transition:{duration:4,repeat:1/0,ease:"easeInOut"},children:e.jsx(r,{className:"w-6 h-6 text-white"})})]})})]})})})]}),e.jsx("section",{className:"py-24 bg-gray-50 dark:bg-gray-900",children:e.jsx("div",{className:"container mx-auto px-6",children:e.jsxs(t.div,{className:"max-w-4xl mx-auto",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.8},viewport:{once:!0},children:[e.jsxs("div",{className:"text-center mb-16",children:[e.jsx("h2",{className:"text-4xl lg:text-5xl font-bold font-rosarivo mb-6",children:e.jsx("span",{className:"bg-gradient-to-r from-gray-900 to-gray-700 dark:from-white dark:to-white/80 bg-clip-text text-transparent",children:"Detailed Information"})}),e.jsx("p",{className:"text-lg text-gray-600 dark:text-white/70",children:"Comprehensive information about AL amyloidosis symptoms, diagnosis, treatment, and care options."})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(t.div,{className:"bg-gray-900/5 dark:bg-white/5 backdrop-blur-xl rounded-3xl border border-gray-900/10 dark:border-white/10 overflow-hidden",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0},children:[e.jsxs("button",{onClick:()=>l("symptoms"),className:"w-full p-8 flex items-center justify-between text-left hover:bg-gray-900/5 dark:hover:bg-white/5 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"w-12 h-12 bg-gradient-to-r from-[#00AFE6] to-[#00DD89] rounded-xl flex items-center justify-center",children:e.jsx(u,{className:"w-6 h-6 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-bold font-rosarivo text-gray-900 dark:text-white",children:"Signs & Symptoms"}),e.jsx("p",{className:"text-gray-600 dark:text-white/70",children:"Recognizing early warning signs of AL amyloidosis"})]})]}),s==="symptoms"?e.jsx(d,{className:"w-6 h-6 text-gray-600 dark:text-white/70"}):e.jsx(o,{className:"w-6 h-6 text-gray-600 dark:text-white/70"})]}),s==="symptoms"&&e.jsx(t.div,{className:"px-8 pb-8",initial:{opacity:0,height:0}

1,animate:{opacity:1,height:"auto"},transition:{duration:.3},children:e.jsx("div",{className:"bg-gray-900/5 dark:bg-white/5 rounded-xl p-6",children:e.jsx("div",{className:"grid md:grid-cols-2 gap-6",children:n.symptoms.map((a,i)=>e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-2 h-2 bg-[#00AFE6] rounded-full mt-2 flex-shrink-0"}),e.jsx("span",{className:"text-gray-700 dark:text-white/80",children:a})]},i))})})})]}),e.jsxs(t.div,{className:"bg-gray-900/5 dark:bg-white/5 backdrop-blur-xl rounded-3xl border border-gray-900/10 dark:border-white/10 overflow-hidden",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6,delay:.1},viewport:{once:!0},children:[e.jsxs("button",{onClick:()=>l("diagnosis"),className:"w-full p-8 flex items-center justify-between text-left hover:bg-gray-900/5 dark:hover:bg-white/5 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"w-12 h-12 bg-gradient-to-r from-[#00DD89] to-[#00AFE6] rounded-xl flex items-center justify-center",children:e.jsx(w,{className:"w-6 h-6 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-bold font-rosarivo text-gray-900 dark:text-white",children:"Diagnosis & Testing"}),e.jsx("p",{className:"text-gray-600 dark:text-white/70",children:"Comprehensive diagnostic procedures and tests"})]})]}),s==="diagnosis"?e.jsx(d,{className:"w-6 h-6 text-gray-600 dark:text-white/70"}):e.jsx(o,{className:"w-6 h-6 text-gray-600 dark:text-white/70"})]}),s==="diagnosis"&&e.jsx(t.div,{className:"px-8 pb-8",initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},transition:{duration:.3},children:e.jsx("div",{className:"bg-gray-900/5 dark:bg-white/5 rounded-xl p-6",children:e.jsx("div",{className:"grid md:grid-cols-2 gap-6",children:n.diagnosis.map((a,i)=>e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-2 h-2 bg-[#00DD89] rounded-full mt-2 flex-shrink-0"}),e.jsx("span",{className:"text-gray-700 dark:text-white/80",children:a})]},i))})})})]}),e.jsxs(t.div,{className:"bg-gray-900/5 dark:bg-white/5 backdrop-blur-xl rounded-3xl border border-gray-900/10 dark:border-white/10 overflow-hidden",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6,delay:.2},viewport:{once:!0},children:[e.jsxs("button",{onClick:()=>l("treatment"),className:"w-full p-8 flex items-center justify-between text-left hover:bg-gray-900/5 dark:hover:bg-white/5 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"w-12 h-12 bg-gradient-to-r from-[#00AFE6] to-[#00DD89] rounded-xl flex items-center justify-center",children:e.jsx(r,{className:"w-6 h-6 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-bold font-rosarivo text-gray-900 dark:text-white",children:"Treatment Options"}),e.jsx("p",{className:"text-gray-600 dark:text-white/70",children:"Current therapies and treatment approaches"})]})]}),s==="treatment"?e.jsx(d,{className:"w-6 h-6 text-gray-600 dark:text-white/70"}):e.jsx(o,{className:"w-6 h-6 text-gray-600 dark:text-white/70"})]}),s==="treatment"&&e.jsx(t.div,{className:"px-8 pb-8",initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},transition:{duration:.3},children:e.jsx("div",{className:"bg-gray-900/5 dark:bg-white/5 rounded-xl p-6",children:e.jsx("div",{className:"grid md:grid-cols-2 gap-6",children:n.treatment.map((a,i)=>e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-2 h-2 bg-[#00AFE6] rounded-full mt-2 flex-shrink-0"}),e.jsx("span",{className:"text-gray-700 dark:text-white/80",children:a})]},i))})})})]}),e.jsxs(t.div,{className:"bg-gray-900/5 dark:bg-white/5 backdrop-blur-xl rounded-3xl border border-gray-900/10 dark:border-white/10 overflow-hidden",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6,delay:.3},viewport:{once:!0},children:[e.jsxs("button",{onClick:()=>l("centers"),className:"w-full p-8 flex items-center justify-between text-left hover:bg-gray-900/5 dark:hover:bg-white/5 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"w-12 h-12 bg-gradient-to-r from-[#00DD89] to-[#00AFE6] rounded-xl flex items-center justify-center",children:e.jsx(x,{className:"w-6 h-6 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-bold font-rosarivo text-gray-900 dark:text-white",children:"Treatment Centers & Clinical Trials"}),e.jsx("p",{className:"text-gray-600 dark:text-white/70",children:"Specialized centers and research opportunities"})]})]}),s==="centers"?e.jsx(d,{className:"w-6 h-6 text-gray-600 dark:text-white/70"}):e.jsx(o,{className:"w-6 h-6 text-gray-600 dark:text-white/70"})]}),s==="centers"&&e.jsx(t.div,{className:"px-8 pb-8",initial:{opacity:0,height:0}

1,animate:{opacity:1,height:"auto"},transition:{duration:.3},children:e.jsx("div",{className:"bg-white/5 rounded-xl p-6",children:e.jsx("div",{className:"grid md:grid-cols-2 gap-6",children:n.centers.map((a,i)=>e.jsx("div",{className:"bg-white/5 rounded-xl p-4",children:e.jsxs("div",{className:"flex items-start gap-3 mb-2",children:[e.jsx("div",{className:"w-2 h-2 bg-purple-400 rounded-full mt-2 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold text-white",children:a.name}),e.jsx("p",{className:"text-white/70 text-sm",children:a.location}),e.jsx("p",{className:"text-white/60 text-xs mt-1",children:e.jsx("span",{className:"bg-purple-500/20 text-purple-300 px-2 py-1 rounded-full text-xs",children:a.type})}),e.jsx("p",{className:"text-white/80 text-sm mt-2",children:a.specialty})]})]})},i))})})})]})]})]})})})]})}export{F as default};