https://medigrow.app/assets/mary-ai-UEatUYWd.js

1import{c as u,a as l,j as e,S as g,C as M,m,A as C}from"./index-CWPBafkF.js";import{L as I,F as S}from"./FinalCta-BwQ9iOuR.js";import{P as D,M as F,a as A}from"./MarySection-B7M6Yd8T.js";import{M as W}from"./message-circle-D6kQWQAI.js";import{I as B}from"./instagram-BCL9pt3w.js";import{G as E}from"./globe-T1lklC_T.js";import{P as y}from"./phone-BMugI2rX.js";import{C as h,a as R}from"./check-BnHP7SB0.js";import{S as v}from"./sparkles-OKjHE0pi.js";import{S as P}from"./settings-XILT4fIW.js";const $=[["path",{d:"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z",key:"1jg4f8"}]],H=u("facebook",$);const O=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]],T=u("square",O);function q(){const[s,t]=l.useState("idle"),[p,i]=l.useState(0),[c,f]=l.useState(0),x=l.useRef(null),d=l.useRef(null),n=l.useCallback(()=>{d.current&&clearInterval(d.current),d.current=null},[]),b=l.useCallback(()=>{const a=x.current;a&&(a.pause(),a.currentTime=0,a.load()),n(),t("stopped"),i(0)},[n]);l.useEffect(()=>()=>n(),[n]);const j=l.useCallback(async()=>{if(s==="loading"||s==="speaking")return;const a=x.current;if(a){t("loading");try{a.currentTime=0,a.muted=!1,a.volume=1,await a.play();const o=Number.isFinite(a.duration)?Math.ceil(a.duration):0;f(o),i(o),t("speaking"),d.current=setInterval(()=>{i(()=>Math.max(0,Math.ceil(a.duration-a.currentTime)))},250)}catch(o){console.error("Mary video play error:",o),n(),t("error")}}},[s,n]),w=l.useCallback(()=>{n(),t("stopped"),i(0)},[n]),r=s==="loading"||s==="speaking",N=String(p%60).padStart(2,"0"),k=c>0?1-p/c:0;return e.jsxs("section",{className:"relative bg-paper text-navy pt-32 md:pt-40 pb-20 md:pb-24 px-5 md:px-6 overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 paper-grain opacity-60"}),e.jsx("div",{className:"absolute -top-32 -left-20 h-[280px] w-[280px] md:h-[420px] md:w-[420px] rounded-full bg-gold/15 blur-[120px] drift"}),e.jsx("div",{className:"absolute -bottom-32 -right-20 h-[280px] w-[280px] md:h-[420px] md:w-[420px] rounded-full bg-navy/8 blur-[120px] drift",style:{animationDelay:"-6s"}}),e.jsxs("div",{className:"relative mx-auto max-w-6xl grid lg:grid-cols-2 gap-12 lg:gap-16 items-center",children:[e.jsxs("div",{className:"text-center lg:text-left",children:[e.jsx(g,{tone:"gold",children:"24/7 AI Front Desk"}),e.jsxs("h1",{className:"mt-6 font-display text-[2rem] sm:text-4xl md:text-5xl lg:text-6xl leading-[1.06] tracking-[-0.025em] font-medium text-navy",children:["Meet Mary - the team member ",e.jsx("span",{className:"text-gold",children:"your clinic never had."})]}),e.jsx("p",{className:"mt-6 md:mt-7 text-base md:text-xl text-navy/65 max-w-xl mx-auto lg:mx-0 leading-relaxed",children:"24/7. Zero sick days. Instant response. Every patient inquiry answered professionally - before your team even wakes up."}),e.jsxs("div",{className:"mt-10 flex flex-wrap gap-4 justify-center lg:justify-start items-center",children:[e.jsx("button",{onClick:r?b:j,disabled:s==="loading",className:`group inline-flex items-center gap-3 rounded-full px-7 py-4 font-medium text-sm tracking-wide transition-all
2                ${r?"bg-navy text-white hover:bg-navy/90":"bg-gold text-navy hover:bg-gold/90 shadow-lg shadow-gold/20"}
3                disabled:opacity-70`,children:s==="loading"?e.jsxs(e.Fragment,{children:[e.jsx(I,{className:"h-4 w-4 animate-spin"})," Connecting…"]}):s==="speaking"?e.jsxs(e.Fragment,{children:[e.jsx(T,{className:"h-4 w-4 fill-current"})," Stop · 0:",N]}):e.jsxs(e.Fragment,{children:[e.jsx(D,{className:"h-4 w-4 fill-current"})," ",s==="stopped"?"Hear Mary Again":"Hear Mary Speak"]})}),e.jsx(M,{to:"/contact",variant:"ghost-ink",children:"See Mary in Action"})]}),s==="error"&&e.jsx("p",{className:"mt-4 text-sm text-red-600",children:"Couldn't play Mary right now. Please try again."})]}),e.jsx("div",{className:"relative flex items-center justify-center",children:e.jsxs("div",{className:"relative aspect-square w-full max-w-[460px]",children:[e.jsx(m.div,{className:"absolute inset-[-40px] rounded-full bg-gold/20 blur-3xl",animate:r?{opacity:[.4,.7,.4]}:{opacity:[.25,.4,.25]},transition:{duration:r?1.6:3,repeat:1/0,ease:"easeInOut"}}),e.jsx("div",{className:"absolute inset-0 rounded-full border-2 border-gold/40"}),e.jsx("div",{className:"absolute inset-[-18px] rounded-full border border-gold/25"}),e.jsxs("div",{className:"relative aspect-square w-full overflow-hidden rounded-full border-4 border-white shadow-2xl shadow-navy/20 bg-gradient-to-b from-paper to-gold/10",children:[e.jsx("video",{ref:x,src:"/mary-talking.mp4",poster:"/mary-portrait.jpg",playsInl

3ine:!0,preload:"metadata",onEnded:w,onError:()=>t("error"),className:"h-full w-full object-cover"}),e.jsx("div",{className:"pointer-events-none absolute inset-0 rounded-full ring-1 ring-inset ring-navy/10"}),e.jsx("div",{className:"pointer-events-none absolute inset-0 bg-gradient-to-t from-navy/15 via-transparent to-transparent"})]}),r&&c>0&&e.jsx("svg",{className:"absolute inset-0 h-full w-full -rotate-90 pointer-events-none",viewBox:"0 0 100 100",children:e.jsx("circle",{cx:"50",cy:"50",r:"49",fill:"none",stroke:"currentColor",strokeWidth:"0.6",className:"text-gold/80",strokeDasharray:`${k*307.876} 307.876`,strokeLinecap:"round"})}),e.jsx("div",{className:"absolute -bottom-3 left-1/2 -translate-x-1/2",children:e.jsxs("div",{className:`flex items-center gap-2 rounded-full px-4 py-2 text-xs font-medium shadow-lg backdrop-blur-md
4                ${r?"bg-navy text-white":"bg-white text-navy"}`,children:[e.jsxs("span",{className:"relative flex h-2 w-2",children:[e.jsx("span",{className:`absolute inline-flex h-full w-full rounded-full opacity-75
5                    ${r?"animate-ping bg-gold":"bg-emerald-500"}`}),e.jsx("span",{className:`relative inline-flex h-2 w-2 rounded-full ${r?"bg-gold":"bg-emerald-500"}`})]}),s==="loading"&&"Warming up…",s==="speaking"&&"Mary is speaking",s==="idle"&&"Online · Ready",s==="stopped"&&"Stopped · Tap to replay",s==="error"&&"Offline"]})})]})})]})]})}function L(){return e.jsxs("div",{className:"rounded-xl overflow-hidden border border-navy/10 shadow-sm",children:[e.jsxs("div",{className:"bg-[#075E54] text-white px-3 py-2 flex items-center gap-2",children:[e.jsx("div",{className:"h-6 w-6 rounded-full bg-white/20 flex items-center justify-center text-[10px] font-bold",children:"M"}),e.jsxs("div",{className:"leading-tight",children:[e.jsx("div",{className:"text-[11px] font-semibold",children:"Mary · Clinic"}),e.jsx("div",{className:"text-[9px] opacity-80",children:"online"})]})]}),e.jsxs("div",{className:"bg-[#ECE5DD] p-3 space-y-1.5 min-h-[140px]",children:[e.jsx("div",{className:"flex justify-start",children:e.jsx("div",{className:"bg-white rounded-lg rounded-tl-sm px-2.5 py-1.5 text-[11px] text-navy max-w-[80%] shadow-sm",children:"Do you do Invisalign?"})}),e.jsx("div",{className:"flex justify-end",children:e.jsxs("div",{className:"bg-[#DCF8C6] rounded-lg rounded-tr-sm px-2.5 py-1.5 text-[11px] text-navy max-w-[85%] shadow-sm",children:["Yes! Starting AED 9,500. Free consult Wed 4pm or Thu 11am - which works?",e.jsxs("div",{className:"flex items-center justify-end gap-0.5 mt-0.5 text-[8px] text-navy/50",children:["11:42 PM ",e.jsx(h,{className:"h-2 w-2"}),e.jsx(h,{className:"h-2 w-2 -ml-1 text-[#34B7F1]"})]})]})})]})]})}function Y(){return e.jsxs("div",{className:"rounded-xl overflow-hidden border border-navy/10 shadow-sm bg-white",children:[e.jsxs("div",{className:"px-3 py-2 flex items-center gap-2 border-b border-navy/8",children:[e.jsx("div",{className:"h-6 w-6 rounded-full p-[1.5px]",style:{background:"linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)"},children:e.jsx("div",{className:"h-full w-full rounded-full bg-white flex items-center justify-center text-[9px] font-bold text-navy",children:"M"})}),e.jsx("div",{className:"text-[11px] font-semibold text-navy leading-tight",children:"mary.clinic"}),e.jsx("div",{className:"ml-auto text-[9px] text-navy/40",children:"Active now"})]}),e.jsxs("div",{className:"p-3 space-y-1.5 min-h-[140px] bg-white",children:[e.jsx("div",{className:"flex justify-start",children:e.jsx("div",{className:"bg-navy/5 rounded-2xl rounded-tl-sm px-2.5 py-1.5 text-[11px] text-navy max-w-[80%]",children:"saw your reel on lip filler 😍 price?"})}),e.jsx("div",{className:"flex justify-end",children:e.jsx("div",{className:"rounded-2xl rounded-tr-sm px-2.5 py-1.5 text-[11px] text-white max-w-[85%]",style:{background:"linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)"},children:"Thanks for reaching out 💋 Starting AED 1,500 with Dr. Lina. Want me to hold a slot this week?"})}),e.jsx("div",{className:"text-[8px] text-navy/40 text-right",children:"Seen 2m ago"})]})]})}function K(){return e.jsxs("div",{className:"rounded-xl overflow-hidden border border-navy/10 shadow-sm bg-white",children:[e.jsxs("div",{className:"px-3 py-2 flex items-center gap-2 border-b border-navy/8",children:[e.jsx("div",{className:"h-6 w-6 rounded-full bg-[#0084FF] flex items-center justify-center text-[10px] font-bold text-white",children:"M"}),e.jsx("div",{className:"text-[11px] font-semibold text-navy leading-tight",children:"Mary · Clinic"}),e.jsx("div",{className:"ml-auto h-1.5 w-1.5 rounded-full bg-emerald-500"})]}),e.jsxs("div",{className:"p-3 space-y-1.5 min-h-[140px]",children:[e.jsx("div",{className:"flex justify-start",children:e.jsx("div",{className:"bg-navy/5 rounded-2xl rounded-tl-sm px-2.5 py-1.5 text-[11px] text-navy max-w-[80%]",children:"is botox safe?"})}),e.jsx("div",{className:"flex justify-end",children:e.jsx("div",{className:"bg-[#0084FF] rounded-2xl rounded-tr-sm px-2.5 py-1.5 text-[11px] text-white max-w-[85%]",children:"100% - FDA-approved, performed by Dr. Khalil (12+ yrs). Want a free consult to discu

5ss?"})}),e.jsx("div",{className:"flex justify-end",children:e.jsx("button",{className:"text-[9px] font-semibold text-[#0084FF] bg-[#0084FF]/10 rounded-full px-2 py-0.5",children:"Book consult →"})})]})]})}function _(){return e.jsxs("div",{className:"rounded-xl overflow-hidden border border-navy/10 shadow-sm bg-white",children:[e.jsxs("div",{className:"bg-navy text-white px-3 py-2 flex items-center gap-2",children:[e.jsx("div",{className:"h-6 w-6 rounded-full bg-gold flex items-center justify-center text-[10px] font-bold text-navy",children:"M"}),e.jsxs("div",{className:"leading-tight",children:[e.jsx("div",{className:"text-[11px] font-semibold",children:"Chat with Mary"}),e.jsxs("div",{className:"text-[9px] opacity-80 flex items-center gap-1",children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full bg-emerald-400 animate-pulse"})," Replies instantly"]})]})]}),e.jsxs("div",{className:"p-3 space-y-1.5 min-h-[110px]",children:[e.jsx("div",{className:"flex justify-start",children:e.jsx("div",{className:"bg-navy/5 rounded-2xl rounded-tl-sm px-2.5 py-1.5 text-[11px] text-navy max-w-[80%]",children:"what are your hours?"})}),e.jsx("div",{className:"flex justify-end",children:e.jsx("div",{className:"bg-gold/20 border border-gold/30 rounded-2xl rounded-tr-sm px-2.5 py-1.5 text-[11px] text-navy max-w-[85%]",children:"Mon–Sat 9am–9pm at Dubai Marina. Want me to book you in?"})})]}),e.jsx("div",{className:"px-3 pb-3 flex flex-wrap gap-1",children:["Pricing","Book a visit","Locations"].map(s=>e.jsx("span",{className:"text-[9px] font-medium text-navy border border-navy/15 rounded-full px-2 py-0.5 hover:border-gold/50",children:s},s))})]})}function V(){return e.jsxs("div",{className:"rounded-xl overflow-hidden border border-navy/10 shadow-sm bg-gradient-to-b from-navy to-[#0a1730] text-white",children:[e.jsxs("div",{className:"p-3 flex items-center gap-3",children:[e.jsxs("div",{className:"relative h-10 w-10 rounded-full bg-gold/20 border border-gold/40 flex items-center justify-center",children:[e.jsx(y,{className:"h-4 w-4 text-gold"}),e.jsx("span",{className:"absolute inset-0 rounded-full border border-gold/40 animate-ping"})]}),e.jsxs("div",{className:"leading-tight",children:[e.jsx("div",{className:"text-[11px] font-semibold",children:"Mary AI · Live call"}),e.jsx("div",{className:"text-[9px] opacity-70",children:"00:42 · inbound"})]}),e.jsx("div",{className:"ml-auto text-[9px] font-medium bg-emerald-500/20 text-emerald-300 border border-emerald-400/30 rounded-full px-2 py-0.5",children:"Connected"})]}),e.jsx("div",{className:"px-3 pb-2 flex items-end justify-center gap-0.5 h-10",children:[.4,.7,1,.6,.9,.5,.8,.4,.7,.3,.6].map((s,t)=>e.jsx(m.span,{className:"w-1 rounded-full bg-gold",animate:{scaleY:[s,s*.4,s]},transition:{duration:.9,repeat:1/0,delay:t*.07,ease:"easeInOut"},style:{height:`${s*100}%`,transformOrigin:"bottom"}},t))}),e.jsxs("div",{className:"px-3 pb-3 space-y-1",children:[e.jsx("div",{className:"text-[10px] text-white/80 italic",children:'"Hi, this is Mary from the clinic. How can I help today?"'}),e.jsxs("div",{className:"text-[9px] text-gold/90 flex items-center gap-1",children:[e.jsx(v,{className:"h-2.5 w-2.5"})," Routing to Dr. Khalil's calendar…"]})]})]})}const z=[{key:"wa",name:"WhatsApp",title:"WhatsApp Business",role:"Replies to inbound chats in under 30s - with booking links.",stat:"Avg reply: 14s",Icon:W,iconBg:"bg-[#25D366]/10",iconColor:"text-[#25D366]",Mock:L,span:"lg:col-span-2"},{key:"ig",name:"Instagram",title:"Instagram DMs",role:"Answers story reactions, comments & DMs in your brand voice.",stat:"DM → booked: 38%",Icon:B,iconBg:"bg-gradient-to-tr from-[#f09433] via-[#dc2743] to-[#bc1888]",iconColor:"text-white",Mock:Y},{key:"fb",name:"Messenger",title:"Facebook Messenger",role:"Handles inquiries from your page and ads - qualifies & books.",stat:"Qualified leads: +62%",Icon:H,iconBg:"bg-[#0084FF]/10",iconColor:"text-[#0084FF]",Mock:K},{key:"web",name:"Website",title:"Website Chatbot",role:"On every page - pricing, hours, booking, in one tap.",stat:"Site → consult: 24%",Icon:E,iconBg:"bg-gold/15",iconColor:"text-gold",Mock:_},{key:"call",name:"Voice",title:"AI Call Bot",role:"Picks up every missed call - voice-first, natural, 24/7.",stat:"Calls answered: 100%",Icon:y,iconBg:"bg-navy/10",iconColor:"text-navy",Mock:V}];function G(){return e.jsxs("section",{className:"relative bg-paper text-navy py-20 md:py-28 lg:py-32 px-5 md:px-6 overflow-hidden border-y border-navy/8",children:[e.jsx("div",{className:"absolute inset-0 paper-grain opacity-50 pointer-events-none"}),e.jsx("div",{className:"absolute -top-32 right-0 h-[380px] w-[380px] rounded-full bg-gold/10 blur-[120px]"}),e.jsxs("div",{className:"relative mx-auto max-w-6xl",children:[e.jsxs("div",{className:"text-center mb-14 max-w-2xl mx-auto",children:[e.jsx(g,{tone:"gold",children:"Omnichannel"}),e.jsxs("h2",{className:"mt-5 font-display text-3xl md:text-5xl lg:text-6xl text-navy leading-[1.05]",children:["See Mary ",e.jsx("span",{className:"text-gold",children:"in action."})]}),e.jsx("p",{className:"mt-5 text-lg text-navy/65 leading-relaxed",children:"One brain. Every channel your patients already use - answered in seconds, in your clinic's voice."})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5",children:z.map((s,t)=>e.jsxs(m.div,{initial:{opacity:0,y:18},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-50px"},transition:{duration:.5,delay:t*.08,ease:"easeOut"},className:`group relative rounded-2xl border border-navy/10 bg-white p-5 hover:border-gold/40 hover:-translate-y-1 hover:shadow-xl hover:shadow-navy/5 transition-all duration-300 ${s.span??""}`,children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:`h-10 w-10 rounded-xl ${s.iconBg} flex items-center justify-center`,children:e.jsx(s.Icon,{className:`h-5 w-5 ${s.iconColor}`})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] uppercase tracking-[0.14em] text-navy/50 font-medium",children:s.name}),e.jsx("h3",{className:"font-display text-lg text-navy leading-tight",children:s.title})]})]}),e.jsx("p",{className:"text-sm text-navy/65 leading-relaxed mb-4",children:s.role}),e.jsx(s.Mock,{}),e.jsxs("div",{className:"mt-4 inline-flex items-center gap-1.5 text-[10px] font-semibold text-navy bg-gold/10 border border-gold/30 rounded-full px-2.5 py-1",children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full bg-gold"})," ",s.stat]})]},s.key))})]})]})}function Q({children:s,glow:t=!1}){return e.jsx("div",{className:`relative mx-auto w-full max-w-[320px] ${t?"gold-glow rounded-[2.5rem]":""}`,children:e.jsxs("div",{className:"relative rounded-[2.5rem] border border-white/15 bg-navy-deep p-3 shadow-2xl",children:[e.jsx("div",{className:"absolute left-1/2 top-3 z-10 h-5 w-24 -translate-x-1/2 roun

5ded-full bg-black/80"}),e.jsx("div",{className:"overflow-hidden rounded-[2rem] bg-white min-h-[560px]",children:s})]})})}const Z=[{icon:F,t:"Responds",b:"Replies within seconds, day or night, in your clinic's voice."},{icon:v,t:"Qualifies",b:"Asks the right questions to surface real intent and budget."},{icon:R,t:"Books",b:"Drops confirmed appointments straight into your calendar."},{icon:P,t:"Hands off",b:"Escalates to a human when the conversation calls for one."}],J=[{from:"patient",text:"Hi, do you do rhinoplasty? What's the starting price?"},{from:"mary",text:"Hello! Yes - we offer rhinoplasty with Dr. Khalil. Starting from AED 18,000 depending on the procedure. Would you like a free consultation to discuss your goals?"},{from:"patient",text:"Yes please. Tomorrow if possible."},{from:"mary",text:"Perfect. I have Tuesday 3:30 PM or Wednesday 11:00 AM with Dr. Khalil at our Dubai Marina clinic. Which works for you?"},{from:"patient",text:"Tuesday 3:30."},{from:"mary",text:"Booked ✓ I'll send a WhatsApp reminder the day before. See you Tuesday!"}];function de(){return e.jsxs(e.Fragment,{children:[e.jsx(q,{}),e.jsx("section",{className:"relative bg-white text-navy py-20 md:py-28 lg:py-32 px-5 md:px-6 overflow-hidden border-y border-navy/8",children:e.jsxs("div",{className:"mx-auto max-w-6xl",children:[e.jsx("div",{className:"text-center mb-14",children:e.jsx("h2",{className:"font-display text-3xl md:text-5xl lg:text-6xl text-navy",children:"What Mary does"})}),e.jsx("div",{className:"grid md:grid-cols-4 gap-6",children:Z.map(s=>e.jsxs("div",{className:"rounded-2xl border border-navy/10 p-6 hover:border-gold/40 transition",children:[e.jsx("div",{className:"h-12 w-12 rounded-xl bg-gold/10 border border-gold/30 flex items-center justify-center text-gold mb-5",children:e.jsx(s.icon,{className:"h-5 w-5"})}),e.jsx("h3",{className:"font-display text-lg text-navy",children:s.t}),e.jsx("p",{className:"mt-2 text-sm text-muted-foreground leading-relaxed",children:s.b})]},s.t))})]})}),e.jsx(G,{}),e.jsx(A,{}),e.jsx("section",{className:"relative bg-white text-navy py-20 md:py-28 lg:py-32 px-5 md:px-6 overflow-hidden border-y border-navy/8",children:e.jsxs("div",{className:"mx-auto max-w-6xl grid lg:grid-cols-2 gap-12 lg:gap-16 items-center",children:[e.jsxs("div",{children:[e.jsxs("h2",{className:"font-display text-3xl md:text-5xl lg:text-6xl text-navy leading-tight",children:["What she ",e.jsx("span",{className:"text-gold",children:"actually says."})]}),e.jsx("p",{className:"mt-5 text-lg text-muted-foreground leading-relaxed",children:"A real rhinoplasty inquiry, handled by Mary in under 90 seconds - at 11:42 PM, with the patient booked before your front desk even wakes up."}),e.jsx("div",{className:"mt-8 space-y-4",children:["You set her tone - clinical, warm, or premium.",'You set her pricing rules - exact, ranges, or "on consultation".',"You set her booking windows - by doctor, by treatment, by branch.","She follows your clinic's protocols. Exactly."].map(s=>e.jsxs("div",{className:"flex items-start gap-3 text-navy",children:[e.jsx(C,{className:"h-4 w-4 text-gold mt-1 shrink-0"}),e.jsx("span",{children:s})]},s))})]}),e.jsxs(Q,{glow:!0,children:[e.jsxs("div",{className:"bg-[#075E54] text-white p-4",children:[e.jsx("div",{className:"text-xs opacity-70",children:"Mary AI"}),e.jsx("div",{className:"text-sm font-semibold",children:"Online · Responds in seconds"})]}),e.jsx("div",{className:"p-4 bg-[#ECE5DD] space-y-2 min-h-[440px]",children:J.map((s,t)=>e.jsx("div",{className:`flex ${s.from==="mary"?"justify-start":"justify-end"}`,children:e.jsx("div",{className:`max-w-[80%] rounded-2xl px-3 py-2 text-xs leading-relaxed ${s.from==="mary"?"bg-white text-navy rounded-tl-sm":"bg-[#DCF8C6] text-navy rounded-tr-sm"}`,children:s.text})},t))})]})]})}),e.jsx(S,{})]})}export{de as component};