1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2018],{58366:function(e,t,i){i.d(t,{default:function(){return y}});var r=i(57437),n=i(2265),o=i(21183),s=i(39292),a=i(40006),l=i(25112),c=i(61832),p=i(60373),d=i(26440),x=i(22561);let h={shopify:{bg:"#95BF47",color:"white"},woocommerce:{bg:"#96588A",color:"white"},bigcommerce:{bg:"#121118",color:"white"},zendesk:{bg:"#03363D",color:"white"},freshdesk:{bg:"#25C16F",color:"white"},freshchat:{bg:"#F86C5F",color:"white"},happyfox:{bg:"#FF6B00",color:"white"},intercom:{bg:"#1F8DED",color:"white"},stripe:{bg:"#635BFF",color:"white"},paypal:{bg:"#003087",color:"white"},salesforce:{bg:"#00A1E0",color:"white"},hubspot:{bg:"#FF7A59",color:"white"},square:{bg:"#006AFF",color:"white"},calendly:{bg:"#006BFF",color:"white"},google:{bg:"#4285F4",color:"white"},ctidx:{bg:"#2563EB",color:"white"},followupboss:{bg:"#FF6B35",color:"white"},statuspage:{bg:"#1F3A8A",color:"white"},instatus:{bg:"#0EA5E9",color:"white"},betterstack:{bg:"#10B981",color:"white"},pagerduty:{bg:"#06A550",color:"white"},jiraops:{bg:"#0052CC",color:"white"},firehydrant:{bg:"#D03801",color:"white"},incidentio:{bg:"#7C3AED",color:"white"}},g={shopify:"Shopify",woocommerce:"WooCommerce",bigcommerce:"BigCommerce",zendesk:"Zendesk",freshdesk:"Freshdesk",freshchat:"Freshchat",happyfox:"HappyFox",intercom:"Intercom",stripe:"Stripe",paypal:"PayPal",salesforce:"Salesforce",hubspot:"HubSpot",square:"Square",calendly:"Calendly",google:"Google Calendar",ctidx:"CT IDX Pro+",followupboss:"Follow Up Boss",statuspage:"Statuspage",instatus:"Instatus",betterstack:"Betterstack",pagerduty:"PagerDuty",jiraops:"Jira Service Management",firehydrant:"FireHydrant",incidentio:"Incident.io"},m=[{name:"Get Order Status",provider:"shopify",description:"Look up order status and tracking information",trigger:"where is my order"},{name:"Track Shipment",provider:"shopify",description:"Get tracking information for shipped orders",trigger:"track my package"},{name:"Get Product Info",provider:"shopify",description:"Get product details, pricing, and availability",trigger:"tell me about this product"},{name:"Check Inventory",provider:"shopify",description:"Check product inventory and stock levels",trigger:"is it in stock"},{name:"Get Customer Orders",provider:"shopify",description:"Get all orders for a customer",trigger:"show my order history"},{name:"Get Order Status",provider:"woocommerce",description:"Look up order status and tracking information",trigger:"where is my order"},{name:"Track Shipment",provider:"woocommerce",description:"Get tracking information for shipped orders",trigger:"track my package"},{name:"Get Product Info",provider:"woocommerce",description:"Get product details, pricing, and availability",trigger:"how much is this"},{name:"Check Inventory",provider:"woocommerce",description:"Check product inventory and stock levels",trigger:"do you have this in stock"},{name:"Get Customer Orders",provider:"woocommerce",description:"Get all orders for a customer",trigger:"my past orders"},{name:"Get Order Status",provider:"bigcommerce",description:"Look up order status and tracking information",trigger:"order status please"},{name:"Track Shipment",provider:"bigcommerce",description:"Get tracking information for shipped orders",trigger:"where is my shipment"},{name:"Get Product Info",provider:"bigcommerce",description:"Get product details, pricing, and availability",trigger:"product information"},{name:"Check Inventory",provider:"bigcommerce",description:"Check product inventory and stock levels",trigger:"availability check"},{name:"Get Customer Orders",provider:"bigcommerce",description:"Get all orders for a customer",trigger:"show all my orders"},{name:"Create Ticket",provider:"zendesk",description:"Create a new support ticket",trigger:"I need to talk to someone"},{name:"Get Ticket Status",provider:"zendesk",description:"Check status of an existing ticket",trigger:"check my ticket status"},{name:"Update Ticket",provider:"zendesk",description:"Add a comment or update to an existing ticket",trigger:"add to my ticket"}
1,{name:"Search Knowledge Base",provider:"zendesk",description:"Search the help center for articles",trigger:"find help article"},{name:"Live Agent Handoff",provider:"zendesk",description:"Transfer to a live support agent",trigger:"speak to a human"},{name:"Create Ticket",provider:"freshdesk",description:"Create a new support ticket",trigger:"open a support case"},{name:"Get Ticket Status",provider:"freshdesk",description:"Check status of an existing ticket",trigger:"ticket update"},{name:"Update Ticket",provider:"freshdesk",description:"Add a comment to an existing ticket",trigger:"update my case"},{name:"Search Knowledge Base",provider:"freshdesk",description:"Search the knowledge base for articles",trigger:"how do I"},{name:"Live Agent Handoff",provider:"freshdesk",description:"Transfer to a live support agent",trigger:"real person please"}],u=[{name:"Get Active Incidents",provider:"pagerduty",description:"List active PagerDuty incidents for the team",trigger:"show active pagerduty incidents"},{name:"Create Incident",provider:"pagerduty",description:"Create a PagerDuty incident and page on-call",trigger:"create pagerduty incident"},{name:"Get Active Alerts",provider:"jiraops",description:"List open alerts in JSM Operations",trigger:"show active jsm alerts"},{name:"Get On-Call Schedule",provider:"jiraops",description:"Check current on-call schedules",trigger:"who is on call"},{name:"Live Agent Handoff",provider:"freshchat",description:"Transfer to a live Freshchat agent",trigger:"connect me to support"},{name:"Create Conversation",provider:"freshchat",description:"Start a new Freshchat conversation",trigger:"start live chat"},{name:"Create Ticket",provider:"happyfox",description:"Create a new support ticket",trigger:"create a ticket"},{name:"Get Ticket Status",provider:"happyfox",description:"Check status of an existing ticket",trigger:"my ticket status"},{name:"Live Agent Handoff",provider:"intercom",description:"Transfer to a live Intercom agent",trigger:"talk to agent"},{name:"Get Charge Info",provider:"stripe",description:"Look up payment or charge details",trigger:"check my payment"},{name:"Get Subscription Info",provider:"stripe",description:"Get subscription status and details",trigger:"my subscription status"},{name:"Process Refund",provider:"stripe",description:"Initiate a refund for a charge",trigger:"I need a refund"},{name:"Get Transaction Info",provider:"paypal",description:"Look up transaction details",trigger:"PayPal transaction status"},{name:"Get Invoice Status",provider:"paypal",description:"Check invoice payment status",trigger:"invoice payment status"},{name:"Get Refund Status",provider:"paypal",description:"Check status of a refund",trigger:"refund status"},{name:"Create Case",provider:"salesforce",description:"Create a new Salesforce case",trigger:"open a case"},{name:"Get Case Status",provider:"salesforce",description:"Check status of a case",trigger:"case status"},{name:"Create Contact",provider:"salesforce",description:"Create a new contact record",trigger:"add me as a contact"},{name:"Create Lead",provider:"salesforce",description:"Create a new lead record",trigger:"interested in learning more"},{name:"Create Contact",provider:"hubspot",description:"Create a new HubSpot contact",trigger:"sign me up"},{name:"Create Deal",provider:"hubspot",description:"Create a new deal record",trigger:"start a deal"},{name:"Get Contact Info",provider:"hubspot",description:"Look up contact information",trigger:"my account info"},{name:"Update Contact",provider:"hubspot",description:"Update contact properties",trigger:"update my info"},{name:"Book Appointment",provider:"square",description:"Full appointment booking with services and staff",trigger:"I want to book an appointment"},{name:"Book Meeting",provider:"calendly",description:"Schedule a meeting with event types",trigger:"schedule a call"},{name:"Book Meeting",provider:"google",description:"Schedule directly on Google Calendar with Meet link",trigger:"book a meeting with you"},{name:"Check Availability",provider:"google",description:"Query calendar availability for a date range",trigger:"when are you available"},{name:"Search Listings",provider:"ctidx",description:"Real-time MLS listing search",trigger:"show me homes for sale"},{name:"Create Lead",provider:"followupboss",description:"Create a new real estate lead",trigger:"I want to buy a house"},{name:"Get Contact",provider:"followupboss",description:"Look up contact information",trigger:"my agent info"},{name:"Get Current Status",provider:"statuspage",description:"Get overall service status from the status page",trigger:"is the site down"},{name:"Get Active Incidents",provider:"statuspage",description:"List active and unresolved
1incidents",trigger:"are there any known issues"},{name:"Get Current Status",provider:"instatus",description:"Get overall service status from Instatus",trigger:"is there an outage"},{name:"Get Components",provider:"instatus",description:"Check status of individual service components",trigger:"is the API down"},{name:"Get Monitors",provider:"betterstack",description:"List all monitors with current uptime status",trigger:"are all monitors up"},{name:"Get Active Incidents",provider:"betterstack",description:"List ongoing Betterstack incidents",trigger:"is anything down right now"},{name:"Get Active Incidents",provider:"firehydrant",description:"List active incidents from FireHydrant",trigger:"is there an active incident"},{name:"Get Active Incidents",provider:"incidentio",description:"List active incidents from Incident.io",trigger:"is there a known incident"}];function b(e){let{action:t,dark:i=!1}=e,n=h[t.provider]||{bg:"gray.500",color:"white"},m=g[t.provider]||t.provider;return(0,r.jsx)(o.Box,{bg:i?"#152236":"white",borderRadius:"lg",border:"1px solid",borderColor:i?"rgba(255,255,255,0.09)":"gray.200",p:"4",minW:"280px",maxW:"280px",h:"auto",flexShrink:0,transition:"all 0.2s",_hover:{shadow:"md",borderColor:i?"rgba(59,130,246,0.35)":"blue.200"},children:(0,r.jsxs)(s.VStack,{align:"stretch",spacing:"3",children:[(0,r.jsxs)(a.HStack,{justify:"space-between",align:"flex-start",children:[(0,r.jsx)(o.Box,{bg:i?"rgba(49,130,206,0.12)":"blue.50",boxShadow:i?"inset 0 0 0 1px rgba(49,130,206,0.2)":"none",p:"2",borderRadius:"md",display:"flex",alignItems:"center",justifyContent:"center",w:"36px",h:"36px",children:(0,r.jsx)(l.Icon,{as:x.kYI,boxSize:"5",color:i?"blue.300":"blue.500"})}),(0,r.jsx)(c.Badge,{bg:n.bg,color:n.color,fontSize:"xs",px:"2",py:"0.5",borderRadius:"md",children:m})]}),(0,r.jsxs)(o.Box,{children:[(0,r.jsx)(p.Text,{fontWeight:"600",fontSize:"md",color:i?"white":"gray.800",noOfLines:1,children:t.name}),(0,r.jsx)(p.Text,{fontSize:"sm",color:i?"rgba(255,255,255,0.55)":"gray.500",mt:"1",noOfLines:2,children:t.description})]}),(0,r.jsxs)(o.Box,{children:[(0,r.jsx)(p.Text,{fontSize:"xs",color:i?"rgba(255,255,255,0.35)":"gray.400",mb:"1",children:"Example trigger:"}),(0,r.jsxs)(p.Text,{fontSize:"xs",color:i?"rgba(255,255,255,0.45)":"gray.500",fontStyle:"italic",noOfLines:1,children:['"',t.trigger,'"']})]}),(0,r.jsx)(o.Box,{pt:"1",children:(0,r.jsx)(d.Button,{size:"sm",colorScheme:"blue",width:"full",leftIcon:(0,r.jsx)(x.r7I,{}),isDisabled:!0,_disabled:{bg:"blue.500",color:"white",opacity:1,cursor:"default"},children:"Add Action"})})]})})}function f(e){let{actions:t,direction:i="left",rowId:s,dark:l=!1}=e,c=(0,n.useRef)(null),[p,d]=(0,n.useState)(0);return(0,n.useEffect)(()=>{let e=()=>{c.current&&d(c.current.offsetWidth+16)},t=setTimeout(e,100);return window.addEventListener("resize",e),()=>{clearTimeout(t),window.removeEventListener("resize",e)}},[t]),(0,r.jsxs)(o.Box,{overflow:"hidden",position:"relative",_hover:{"& > div":{animationPlayState:"paused"}},children:[p>0&&(0,r.jsx)("style",{children:"\n @keyframes marquee-".concat(s," {\n 0% { transform: translateX(").concat("right"===i?-p:0,"px); }\n 100% { transform: translateX(").concat("right"===i?0:-p,"px); }\n }\n ")}),(0,r.jsxs)(a.HStack,{spacing:"4",animation:p>0?"marquee-".concat(s," 200s linear infinite"):"none",willChange:"transform",children:[(0,r.jsx)(a.HStack,{ref:c,spacing:"4",flexShrink:0,children:t.map((e,t)=>(0,r.jsx)(b,{action:e,dark:l},"".concat(e.provider,"-").concat(e.name,"-").concat(t)))}),(0,r.jsx)(a.HStack,{spacing:"4",flexShrink:0,children:t.map((e,t)=>(0,r.jsx)(b,{action:e,dark:l},"".concat(e.provider,"-").concat(e.name,"-dup-").concat(t)))})]})]})}function y(e){let{colorScheme:t="gray",pt:i={base:"8",md:"12"},pb:n={base:"8",md:"12"}}=e,a="dark"===t,l=a?"#0F172A":"gray.50",c=a?"#0F172A":"#F7FAFC";return(0,r.jsxs)(o.Box,{position:"relative",w:"full",overflow:"hidden",pt:i,pb:n,bg:l,children:[(0,r.jsx)(o.Box,{position:"absolute",left:"0",top:"0",bottom:"0",w:{base:"40px",md:"80px"},style:{background:"linear-gradient(to right, ".concat(c,", transparent)")},zIndex:"10",pointerEvents:"none"}),(0,r.jsx)(o.Box,{position:"absolute",right:"0",top:"0",bottom:"0",w:{base:"40px",md:"80px"},style:{background:"linear-gradient(to left, ".concat(c,", transparent)")},zIndex:"10",pointerEvents:"none"}),(0,r.jsxs)(s.VStack,{spacing:"4",align:"stretch",children:[(0,r.jsx)(f,{actions:m,direction:"left",rowId:"row1",dark:a}),(0,r.jsx)(f,{actions:u,direction:"right",rowId:"row2",dark:a})]})]})}},42290:function(e,t,i){var r=i(57437),n=i(2265),o=i(40006),s=i(21183),a=i(60373),l=i(98314),c=i(39292);let p="#3182CE",d="#EDF2F7",x={ENTER:0,USER:1,THINK1:2,THINK2:3,ACTION:4,EXTRAS:5,RESPONSE:6},h={booking:[["Let me check our availabilityâ¦","Finding the best options for youâ¦"],["Pulling up our scheduleâ¦","Almost ready with your booking optionsâ¦"],["Checking whatâs availableâ¦","One moment while I find open timesâ¦"],["Looking at our calendarâ¦","Getting your options readyâ¦"],["Searching for available slotsâ¦","Just a moment while I checkâ¦"]],booking_details:[["Setting up your bookingâ¦","Almost thereâ¦"],["Preparing your appointmentâ¦","Just need a few more detailsâ¦"],["Getting everything readyâ¦","One moment pleaseâ¦"],["Processing your informationâ¦","Setting things upâ¦"],["Saving your detailsâ¦","Almost doneâ¦"]],realestate:[["Searching available listingsâ¦","Finding properties that matchâ¦"],["Looking through the MLSâ¦","Gathering property detailsâ¦"],["Searching for homesâ¦","Finding listings for youâ¦"],["Checking the marketâ¦","Pulling up matching propertiesâ¦"],["Looking at available homesâ¦","Almost have your resultsâ¦"],["Searching the listings databaseâ¦","Filtering to your criteriaâ¦"],["Checking current inventoryâ¦","Getting the best matchesâ¦"]],property_followup:[["Checking the property detailsâ¦","Looking up that informationâ¦"],["Let me check on that for youâ¦","Reviewing the listing dataâ¦"],["Looking at the property featuresâ¦","Finding that detail nowâ¦"],["Checking the listing infoâ¦","Iâll have that answer in a momentâ¦"],["Reviewing the propertyâ¦","Getting that information for youâ¦"]],orders:[["Let me check your order statusâ¦","Pulling up the details nowâ¦"],["Looking up that orderâ¦","Getting the latest tracking infoâ¦"],["Checking on your shipmentâ¦","Finding your order detailsâ¦"],["Retrieving your order informationâ¦","One moment pleaseâ¦"],["Tracking down your packageâ¦","Getting the status nowâ¦"]]};function g(e,t){let i;let r=h[e];do i=Math.floor(Math.random()*r.length);while(i===t.current&&r.length>1);return t.current=i,r[i]}let m=[{id:"booking",thinkingContext:"booking",bookingDetailThinkingContext:"booking_details",userMessage:"Can I book a consultation this week?",actionLabel:"Calendly",extras:"timePills",timePills:["Tue 10:00 AM","Wed 2:00 PM","Thu 11:00 AM"],selectedPill:0,timing:{userMsg:440,thinking1:1980,thinking2:3960,action:null,extras:5280,pillSelect:6380,formThink1:7400,formThink2:8200,formAppear:9e3,typeName:9600,typeEmail:10200,typePhone:10800,formSubmit:11400,confirmAppear:12100,confirmClick:13100,response:13900,exit:15700,next:16300,scroll:[[7400,40],[9e3,110],[12100,150],[13900,180]]}},{id:"realestate",thinkingContext:"realestate",detailThinkingContext:"property_followup",userMessage:"Show me homes for sale in La Jolla.",actionLabel:"MLS Search",response:null,extras:"listings",listings:[{price:"$8,995,000",beds:4,baths:5,sqft:"5,366",address:"8080 La Jolla Scenic Dr N, La Jolla",image:"/images/homepage-hero/listing-1.jpg"},{price:"$2,700,000",beds:3,baths:3,sqft:"1,602",address:"5622 Linda Rosa Ave, La Jolla",image:"/images/homepage-hero/listing-2.jpg"}],timing:{userMsg:440,thinking1:1980,thinking2:3960,action:5280,extras:6600,pillSelect:null,askAi:8800,detailThink1:9460,detailThink2:10560,response:11660,exit:13640,next:14300,scroll:[[9460,50],[11660,120]]}},{id:"ecommerce",thinkingContext:"orders",userMessage:"Whereâs my order?",botFollowUp:"Iâd be happy to look that up! Whatâs your order number and email address?",userFollowUp:"#1001, [email protected]",actionLabel:"Shopify",response:null,extras:null,timing:{userMsg:440,thinking1:null,thinking2:null,botFollowUp:1800,userFollowUp:3800,orderThink1:5200,orderThink2:7e3,action:8400,extras:null,pillSelect:null,response:9600,exit:11800,next:12500,scroll:[[5200,40],[8400,100]]}}],u=e=>{let{size:t=12,color:i=p}=e;return(0,r.jsx)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:i,children:(0,r.jsx)("path",{d:"M13 10V3L4 14h7v7l9-11h-7z"})})},b=e=>{let{size:t=16,color:i="currentColor"}=e;return(0,r.jsx)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:i,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("polyline",{points:"20 6 9 17 4 12"})})},f=e=>{let{size:t=16,color:i=p}=e;return(0,r.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),(0,r.jsx)("polyline",{points:"14 2 14 8 20 8"}),(0,r.jsx)("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),(0,r.jsx)("line",{x1:"16",y1:"17",x2:"8",y2:"17"})]})},y=e=>{let{direction:t="right"}=e;return(0,r.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#4A5568",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("polyline",{points:"left"===t?"15 18 9 12 15 6":"9 18 15 12 9 6"})})},k=e=>{let{message:t}=e;return(0,r.jsx)(o.HStack,{justify:"flex-end",mb:{base:"8px",md:"12px"},children:(0,r.jsx)(s.Box,{bg:p,color:"white",borderRadius:"10px 3px 10px 10px",px:"16px",py:"12px",maxW:"85%",children:(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",children:t})})})},j=()=>(0,r.jsx)(s.Box,{w:"30px",h:"30px",borderRadius:"full",flexShrink:0,bg:"white",boxShadow:"0 1px 3px rgba(0,0,0,0.1)",bgImage:"url('".concat("../../../images/chatspark-mark.png","')"),bgSize:"98%",bgPos:"center",bgRepeat:"no-repeat"}),S=e=>{let{label:t}=e;return(0,r.jsxs)(o.HStack,{spacing:"8px",bg:"white",border:"1px solid",borderColor:"gray.200",borderRadius:"8px",px:"12px",py:"8px",boxShadow:"0 1px 3px rgba(0,0,0,0.06)",mb:{base:"8px",md:"10px"},ml:"38px",className:"ha-slide-in",children:[(0,r.jsx)(s.Box,{w:"24px",h:"24px",borderRadius:"6px",bg:"".concat(p,"15"),display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,children:(0,r.jsx)(u,{})}),(0,r.jsxs)(a.Text,{fontSize:"12px",color:"gray.600",whiteSpace:"nowrap",children:[t," ",(0,r.jsx)(a.Text,{as:"span",fontWeight:"600",color:p,children:"\xb7 Action Triggered"})]})]})},w=e=>{let{options:t,selectedIndex:i}=e;return(0,r.jsx)(l.Flex,{gap:"8px",mb:{base:"8px",md:"10px"},ml:"38px",className:"ha-slide-in",children:t.map((e,t)=>
1(0,r.jsx)(s.Box,{bg:"white",border:"2px solid",borderColor:t===i?p:"white",borderRadius:"10px",px:"16px",py:"10px",transition:"all 0.3s ease",textAlign:"center",minW:"90px",boxShadow:"0 1px 3px rgba(0,0,0,0.06)",className:t===i?"ha-pill-tap":"",children:(0,r.jsx)(a.Text,{fontSize:"14px",fontWeight:"600",color:"#1a1a1a",children:e})},e))})},v=e=>{let{listings:t,askAiHighlight:i=!1}=e;return(0,r.jsxs)(s.Box,{className:"ha-slide-in",ml:"38px",mb:{base:"8px",md:"10px"},bg:"white",borderRadius:"10px",borderTopLeftRadius:"3px",borderTop:"2px solid",borderTopColor:p,boxShadow:"0 2px 4px 2px rgba(0,0,0,0.06)",p:{base:"10px",md:"15px"},position:"relative",children:[(0,r.jsx)(l.Flex,{overflow:"hidden",children:t.map((e,t)=>(0,r.jsxs)(s.Box,{flex:"0 0 80%",minW:"0",borderRadius:"10px",overflow:"hidden",cursor:"pointer",p:{base:"8px 10px 10px",md:"8px 12px 12px"},transition:"background 0.2s ease",_hover:{bg:"#F7FAFC"},children:[(0,r.jsx)(s.Box,{h:{base:"100px",sm:"140px",md:"180px"},bgImage:"url(".concat(e.image,")"),bgSize:"cover",bgPos:"center",borderRadius:"8px",position:"relative",my:"5px",children:(0,r.jsxs)(s.Box,{position:"absolute",top:"8px",right:"8px",bg:i&&0===t?"white":"rgba(0,0,0,0.6)",color:i&&0===t?"#2D3748":"white",borderRadius:"16px",pl:"8px",pr:"12px",py:"6px",fontSize:"12px",fontWeight:"500",minH:"28px",display:"flex",alignItems:"center",gap:"4px",transition:"all 0.3s ease",className:i&&0===t?"ha-ask-ai-glow":"",children:[(0,r.jsx)(u,{size:14,color:i&&0===t?p:"currentColor"}),"Ask AI"]})}),(0,r.jsxs)(s.Box,{w:"90%",display:"grid",sx:{gap:"5px"},children:[(0,r.jsx)(a.Text,{fontSize:"16px",fontWeight:"700",lineHeight:"24px",children:e.price}),(0,r.jsxs)(a.Text,{fontSize:"15px",fontWeight:"500",color:"#718096",lineHeight:"21px",children:[e.beds," bed | ",e.baths," bath |"," ",e.sqft," sqft"]}),(0,r.jsx)(a.Text,{fontSize:"14px",color:"#1A202C",lineHeight:"21px",noOfLines:2,children:e.address})]})]},t))}),(0,r.jsx)(s.Box,{position:"absolute",left:{base:"6px",md:"8px"},top:"50%",transform:"translateY(-50%)",w:{base:"34px",md:"40px"},h:{base:"34px",md:"40px"},display:"flex",alignItems:"center",justifyContent:"center",bg:"white",borderRadius:"full",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",opacity:"0.5",zIndex:"2",children:(0,r.jsx)(y,{direction:"left"})}),(0,r.jsx)(s.Box,{position:"absolute",right:{base:"6px",md:"8px"},top:"50%",transform:"translateY(-50%)",w:{base:"34px",md:"40px"},h:{base:"34px",md:"40px"},display:"flex",alignItems:"center",justifyContent:"center",bg:"white",borderRadius:"full",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",opacity:"0.85",zIndex:"2",children:(0,r.jsx)(y,{direction:"right"})})]})},T=e=>{let{thinkingPair:t,stage:i}=e,n=1===i,l=i>=2;return(0,r.jsx)(s.Box,{mb:{base:"8px",md:"12px"},className:"ha-slide-in",children:(0,r.jsxs)(o.HStack,{align:"flex-start",spacing:"8px",children:[(0,r.jsx)(j,{}),(0,r.jsx)(s.Box,{bg:d,borderRadius:"3px 10px 10px 10px",px:"16px",py:"12px",maxW:"calc(100% - 38px)",boxShadow:"0 2px 4px rgba(0,0,0,0.04)",children:(0,r.jsxs)(s.Box,{position:"relative",children:[(0,r.jsx)(s.Box,{position:"absolute",top:"0",left:"0",right:"0",opacity:n?1:0,transition:"opacity 0.4s ease",pointerEvents:"none",children:(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.600",className:n?"ha-thinking":"",children:t[0]})}),(0,r.jsx)(s.Box,{position:"absolute",top:"0",left:"0",right:"0",opacity:l?1:0,transition:"opacity 0.4s ease",pointerEvents:"none",children:(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.600",className:l?"ha-thinking":"",children:t[1]})}),(0,r.jsxs)(s.Box,{display:"grid","aria-hidden":"true",sx:{"& > *":{gridArea:"1 / 1"}},children:[(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",visibility:"hidden",children:t[0]}),(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",visibility:"hidden",children:t[1]})]})]})})]})})},C=e=>{let{children:t}=e;return(0,r.jsx)(s.Box,{mb:{base:"8px",md:"12px"},className:"ha-slide-in",children:(0,r.jsxs)(o.HStack,{align:"flex-start",spacing:"8px",children:[(0,r.jsx)(j,{}),(0,r.jsx)(s.Box,{bg:d,borderRadius:"3px 10px 10px 10px",px:"16px",py:"12px",maxW:"calc(100% - 38px)",minW:"200px",boxShadow:"0 2px 4px rgba(0,0,0,0.04)",children:t})]})})},z=[{label:"Name",value:"Sarah Johnson"},{label:"Email",value:"[email protected]"},{label:"Phone",value:"(619) 555-0142"}],I=e=>{let{formStage:t}=e,i=t>=5;return(0,r.jsxs)(s.Box,{className:"ha-slide-in",ml:"38px",mb:{base:"8px",md:"10px"},bg:"white",borderRadius:"8px",border:"1px solid",borderColor:"gray.200",p:{base:"12px",md:"16px"},boxShadow:"0 1px 2px rgba(0,0,0,0.05)",children:[(0,r.jsxs)(o.HStack,{spacing:"8px",mb:{base:"8px",md:"12px"},children:[(0,r.jsx)(s.Box,{w:"32px",h:"32px",borderRadius:"8px",bg:"".concat(p,"20"),display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,children:(0,r.jsx)(f,{})}),(0,r.jsx)(a.Text,{fontSize:"14px",fontWeight:"600",color:"gray.800",children:"Contact Details"})]}),(0,r.jsx)(c.VStack,{spacing:{base:"8px",md:"10px"},align:"stretch",children:z.map((e,i)=>{let n=t>=i+2;return(0,r.jsxs)(s.Box,{children:[(0,r.jsxs)(a.Text,{fontSize:"13px",fontWeight:"500",color:"gray.700",mb:"3px",children:[e.label," ",(0,r.jsx)(a.Text,{as:"span",color:"red.500",children:"*"})]}),(0,r.jsx)(s.Box,{border:"1px solid",borderColor:n?p:"gray.300",borderRadius:"8px",px:"12px",py:{base:"6px",md:"8px"},fontSize:"14px",color:"gray.800",bg:"white",transition:"border-color 0.3s ease",minH:{base:"32px",md:"36px"},display:"flex",alignItems:"center",children:(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"20px",opacity:n?1:0,transition:"opacity 0.3s ease",children:n?e.value:"\xa0"})})]},e.label)})}),(0,r.jsxs)(s.Box,{mt:{base:"10px",md:"12px"},bg:p,color:"white",borderRadius:"8px",py:{base:"7px",md:"8px"},textAlign:"center",fontSize:"14px",fontWeight:"500",filter:i?"brightness(0.9)":"none",transition:"filter 0.3s ease",display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",children:[i&&(0,r.jsx)(b,{size:14,color:"white"}),(0,r.jsx)(a.Text,{fontSize:"14px",children:i?"Submitted":"Submit"})]})]})},A=e=>{let{confirmed:t}=e;return(0,r.jsx)(s.Box,{className:"ha-slide-in",ml:"38px",mb:{base:"8px",md:"10px"},bg:"white",borderRadius:"8px",border:"1px solid",borderColor:"gray.200",p:{base:"12px",md:"16px"},boxShadow:"0 1px 2px rgba(0,0,0,0.05)",children:(0,r.jsxs)(o.HStack,{align:"flex-start",spacing:"12px",children:[(0,r.jsx)(s.Box,{w:"40p
1x",h:"40px",borderRadius:"8px",bg:"".concat(p,"20"),display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,children:(0,r.jsx)(u,{size:20})}),(0,r.jsxs)(s.Box,{flex:"1",children:[(0,r.jsx)(a.Text,{fontSize:"14px",fontWeight:"600",color:"gray.800",children:"Confirm Booking"}),(0,r.jsxs)(a.Text,{fontSize:"14px",color:"gray.600",mt:"2px",children:["Consultation ","â"," Tuesday at 10:00 AM"]}),(0,r.jsxs)(o.HStack,{spacing:"8px",mt:"12px",children:[(0,r.jsxs)(s.Box,{bg:p,color:"white",borderRadius:"8px",px:{base:"10px",md:"16px"},py:"8px",fontSize:"14px",fontWeight:"500",filter:t?"brightness(0.9)":"none",transition:"all 0.3s ease",display:"flex",alignItems:"center",gap:"6px",whiteSpace:"nowrap",children:[t&&(0,r.jsx)(b,{size:14,color:"white"}),(0,r.jsx)(a.Text,{fontSize:{base:"12px",md:"14px"},children:t?"Confirmed":"Yes, proceed"})]}),(0,r.jsx)(s.Box,{bg:"gray.100",color:"gray.700",borderRadius:"8px",px:{base:"10px",md:"16px"},py:"8px",fontSize:{base:"12px",md:"14px"},fontWeight:"500",whiteSpace:"nowrap",opacity:t?.5:1,transition:"opacity 0.3s ease",children:"Cancel"})]})]})]})})},B=()=>(0,r.jsx)(s.Box,{className:"ha-slide-in",ml:"38px",mb:{base:"8px",md:"10px"},bg:"#F0FFF4",border:"1px solid",borderColor:"#C6F6D5",borderRadius:"8px",p:{base:"12px",md:"16px"},boxShadow:"0 1px 2px rgba(0,0,0,0.05)",children:(0,r.jsxs)(o.HStack,{spacing:"10px",children:[(0,r.jsx)(s.Box,{w:"32px",h:"32px",borderRadius:"full",bg:"#C6F6D5",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,children:(0,r.jsx)(b,{size:16,color:"#38A169"})}),(0,r.jsxs)(s.Box,{children:[(0,r.jsx)(a.Text,{fontSize:"14px",fontWeight:"700",color:"#38A169",children:"Booking Confirmed!"}),(0,r.jsxs)(a.Text,{fontSize:"13px",color:"gray.600",mt:"2px",children:["Consultation ","â"," Tuesday, 10:00 AM"]})]})]})}),F=["Schedule a showing","Iâm interested","Find similar properties","Tell me about the neighborhood"],H=()=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",mb:"6px",children:"Here are the details for this property:"}),(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",fontWeight:"700",color:"gray.800",mb:"2px",children:"8080 La Jolla Scenic Dr N, La Jolla, CA 92037"}),(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",mb:"6px",children:"$8,995,000 | 4 bed | 5 bath | 5,366 sqft | Single | Built 2005"}),(0,r.jsxs)(a.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.600",mb:"6px",noOfLines:2,children:["Modern Mediterranean Elegance Above the Coast. Perched high above Pottery Canyon, this striking Modern Mediterranean residence embodies a refined coastal sensibility","â","where timeless architecture meets sophisticated, elevated finishes and panoramic western views."]}),(0,r.jsx)(a.Text,{fontSize:"14px",color:p,fontWeight:"500",mb:"8px",cursor:"pointer",children:"View full listing and photos"}),(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",mb:"8px",children:"Would you like more information?"}),(0,r.jsx)(l.Flex,{gap:"8px",flexWrap:"wrap",children:F.map(e=>(0,r.jsx)(s.Box,{bg:"".concat(p,"15"),border:"1px solid",borderColor:"".concat(p,"30"),borderRadius:"20px",px:"16px",py:"8px",fontSize:"14px",color:"gray.600",cursor:"pointer",whiteSpace:"nowrap",children:e},e))})]}),L=["Track my package","Start a return","Contact support","View order details"],R=()=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",children:"Order #1001 has shipped and is on its way!"}),(0,r.jsxs)(a.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",mt:"4px",children:["Tracking:"," ",(0,r.jsx)(a.Text,{as:"span",bg:"".concat(p,"10"),px:"4px",py:"1px",borderRadius:"4px",fontFamily:"mono",fontSize:"13px",textDecoration:"underline",textDecorationColor:"".concat(p,"40"),textUnderlineOffset:"2px",children:"1Z999AA10123456784"})," ","\uD83D\uDCE6"]}),(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",mt:"8px",mb:"8px",children:"Is there anything else I can help with?"}),(0,r.jsx)(l.Flex,{gap:"8px",flexWrap:"wrap",children:L.map(e=>(0,r.jsx)(s.Box,{bg:"".concat(p,"15"),border:"1px solid",borderColor:"".concat(p,"30"),borderRadius:"20px",px:"16px",py:"8px",fontSize:"14px",color:"gray.600",cursor:"pointer",whiteSpace:"nowrap",children:e},e))})]}),W=e=>{let{scene:t}=e;return"realestate"===t.id?(0,r.jsx)(C,{children:(0,r.jsx)(H,{})}):"ecommerce"===t.id?(0,r.jsx)(C,{children:(0,r.jsx)(R,{})}):null};t.Z=()=>
1{let e=(0,n.useRef)(null),[t,i]=(0,n.useState)(!1),[o,c]=(0,n.useState)(0),[p,d]=(0,n.useState)(0),[h,u]=(0,n.useState)(x.ENTER),[b,f]=(0,n.useState)(!1),[y,j]=(0,n.useState)(!1),[z,F]=(0,n.useState)(!1),[H,L]=(0,n.useState)(0),[R,E]=(0,n.useState)(0),[G,N]=(0,n.useState)(0),[M,P]=(0,n.useState)(0),[O,D]=(0,n.useState)(!1),[_,U]=(0,n.useState)(!1),[q,V]=(0,n.useState)(0),[Y,J]=(0,n.useState)(0);(0,n.useEffect)(()=>{let r=e.current,n=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&!t&&i(!0)})},{threshold:.2});return r&&n.observe(r),()=>{r&&n.unobserve(r)}},[t]);let K=(0,n.useRef)(-1),X=(0,n.useRef)(-1),Z=(0,n.useRef)(-1),Q=(0,n.useRef)(-1),$={booking:K,booking_details:X,realestate:Z,property_followup:Q,orders:(0,n.useRef)(-1)},[ee,et]=(0,n.useState)(()=>g(m[0].thinkingContext,$[m[0].thinkingContext])),[ei,er]=(0,n.useState)(()=>g("property_followup",Q)),[en,eo]=(0,n.useState)(()=>g("booking_details",X)),es=m[o],ea=(0,n.useCallback)(()=>{u(x.ENTER),f(!1),j(!1),F(!1),L(0),E(0),N(0),P(0),D(!1),U(!1),V(0),J(0),c(e=>(e+1)%m.length),d(e=>e+1)},[]);(0,n.useEffect)(()=>{let e=m[o].thinkingContext;et(g(e,$[e]));let t=m[o].detailThinkingContext;t&&er(g(t,$[t]));let i=m[o].bookingDetailThinkingContext;i&&eo(g(i,$[i]))},[o,p]),(0,n.useEffect)(()=>{if(!t)return;let e=m[o].timing,i=[];return i.push(setTimeout(()=>u(x.USER),e.userMsg)),i.push(setTimeout(()=>u(x.THINK1),e.thinking1)),i.push(setTimeout(()=>u(x.THINK2),e.thinking2)),null!=e.action&&i.push(setTimeout(()=>u(x.ACTION),e.action)),null!=e.extras&&i.push(setTimeout(()=>u(x.EXTRAS),e.extras)),null!=e.pillSelect&&i.push(setTimeout(()=>f(!0),e.pillSelect)),null!=e.askAi&&i.push(setTimeout(()=>F(!0),e.askAi)),null!=e.detailThink1&&i.push(setTimeout(()=>L(1),e.detailThink1)),null!=e.detailThink2&&i.push(setTimeout(()=>L(2),e.detailThink2)),null!=e.formThink1&&i.push(setTimeout(()=>E(1),e.formThink1)),null!=e.formThink2&&i.push(setTimeout(()=>E(2),e.formThink2)),null!=e.formAppear&&i.push(setTimeout(()=>{N(1),E(0)},e.formAppear)),null!=e.typeName&&i.push(setTimeout(()=>N(2),e.typeName)),null!=e.typeEmail&&i.push(setTimeout(()=>N(3),e.typeEmail)),null!=e.typePhone&&i.push(setTimeout(()=>N(4),e.typePhone)),null!=e.formSubmit&&i.push(setTimeout(()=>N(5),e.formSubmit)),null!=e.confirmAppear&&i.push(setTimeout(()=>P(1),e.confirmAppear)),null!=e.confirmClick&&i.push(setTimeout(()=>P(2),e.confirmClick)),null!=e.botFollowUp&&i.push(setTimeout(()=>D(!0),e.botFollowUp)),null!=e.userFollowUp&&i.push(setTimeout(()=>U(!0),e.userFollowUp)),null!=e.orderThink1&&i.push(setTimeout(()=>V(1),e.orderThink1)),null!=e.orderThink2&&i.push(setTimeout(()=>V(2),e.orderThink2)),e.scroll&&e.scroll.forEach(e=>{let[t,r]=e;i.push(setTimeout(()=>J(r),t))}),i.push(setTimeout(()=>u(x.RESPONSE),e.response)),i.push(setTimeout(()=>j(!0),e.exit)),i.push(setTimeout(ea,e.next)),()=>i.forEach(clearTimeout)},[o,p,ea,t]);let el=h>=x.USER,ec=h>=x.RESPONSE,ep=null!=es.timing.thinking1,ed=null!=es.extras?x.EXTRAS:x.RESPONSE,ex=ep&&h>=x.THINK1&&h<ed,eh=h===x.THINK1?1:2;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{children:"\n .ha-slide-in {\n animation: haSlideIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;\n }\n @keyframes haSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .ha-thinking {\n animation: haThinkingPulse 2s ease-in-out infinite;\n }\n @keyframes haThinkingPulse {\n 0% { opacity: 0.45; }\n 50% { opacity: 1; }\n 100% { opacity: 0.45; }\n }\n .ha-fade-in {\n animation: haFadeIn 0.3s ease both;\n }\n @keyframes haFadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n .ha-pill-tap {\n animation: haPillTap 0.25s ease;\n }\n @keyframes haPillTap {\n 0% { transform: scale(1); }\n 40% { transform: scale(0.95); }\n 100% { transform: scale(1); }\n }\n .ha-ask-ai-glow {\n animation: haAskAiGlow 0.6s ease both;\n box-shadow: 0 0 8px 2px rgba(255,255,255,0.5);\n }\n @keyframes haAskAiGlow {\n 0% { transform: scale(1); }\n 35% { transform: scale(1.08); }\n 100% { transform: scale(1); }\n }\n @media (prefers-reduced-motion: reduce) {\n .ha-slide-in,\n .ha-thinking,\n .ha-fade-in,\n .ha-pill-tap,\n .ha-ask-ai-glow {\n animation: none !important;\n opacity: 1 !important;\n transform: none !important;\n }\n }\n"}),(0,r.jsxs)(s.Box,{ref:e,position:"relative",w:"100%",bgImage:"url('/images/homepage-hero/chatspark-hero-bg.png')",bgSize:"cover",bgPos:"center",borderRadius:{base:"xl",md:"2xl",lg:"3xl"},overflow:"hidden",role:"img","aria-label":"ChatSpark AI demo showing automated service booking, real estate search, and order tracking conversations",children:[(0,r.jsx)(s.Box,{pb:{base:"calc(90% + 270px)",sm:"75%",md:"56.25%"}}),(0,r.jsx)(l.Flex,{position:"absolute",inset:"0",align:"center",justify:"center",p:{base:"20px 16px",md:"24px",lg:"40px"},style:{opacity:y?0:1,transition:"opacity 0.3s ease"},sx:Y>0?{maskImage:"linear-gradient(to bottom, transparent 0%, black 22%, black 100%)",WebkitMaskImage:"linear-gradient(to bottom, transparent 0%, black 22%, black 100%)"}:{}
1,children:(0,r.jsxs)(s.Box,{maxW:{base:"100%",md:"440px",lg:"480px"},w:"100%",style:{transform:"translateY(-".concat(Y,"px)"),transition:"transform 0.6s cubic-bezier(0.16, 1, 0.3, 1)"},children:[el&&(0,r.jsx)(s.Box,{className:"ha-slide-in",children:(0,r.jsx)(k,{message:es.userMessage})}),ex&&(0,r.jsx)(T,{thinkingPair:ee,stage:eh}),"booking"===es.id&&h>=x.EXTRAS&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(w,{options:es.timePills,selectedIndex:b?es.selectedPill:-1}),b&&(0,r.jsx)(S,{label:es.actionLabel})]}),"booking"===es.id&&R>0&&0===G&&(0,r.jsx)(T,{thinkingPair:en,stage:R}),"booking"===es.id&&G>0&&0===M&&(0,r.jsx)(I,{formStage:G}),"booking"===es.id&&M>0&&!ec&&(0,r.jsx)(A,{confirmed:M>=2}),"booking"===es.id&&ec&&(0,r.jsx)(B,{}),"ecommerce"===es.id&&O&&(0,r.jsx)(C,{children:(0,r.jsx)(a.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",children:es.botFollowUp})}),"ecommerce"===es.id&&_&&(0,r.jsx)(s.Box,{className:"ha-slide-in",children:(0,r.jsx)(k,{message:es.userFollowUp})}),"ecommerce"===es.id&&q>0&&h<x.ACTION&&(0,r.jsx)(T,{thinkingPair:ee,stage:q}),"booking"!==es.id&&es.actionLabel&&h>=x.ACTION&&(0,r.jsx)(S,{label:es.actionLabel}),"realestate"===es.id&&h>=x.EXTRAS&&(0,r.jsx)(v,{listings:es.listings,askAiHighlight:z}),"realestate"===es.id&&H>0&&!ec&&(0,r.jsx)(T,{thinkingPair:ei,stage:H}),"booking"!==es.id&&ec&&(0,r.jsx)(W,{scene:es})]})},p)]})]})}},80566:function(e,t,i){var r=i(57437),n=i(2265),o=i(99376),s=i(21183),a=i(40006),l=i(60373),c=i(62587),p=i(66602),d=i(26440),x=i(52558),h=i(39292),g=i(35331),m=i(98314),u=i(19564),b=i(74787);let f={HiOutlineCheckCircle:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),HiBolt:(0,r.jsx)("path",{fillRule:"evenodd",d:"M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z",clipRule:"evenodd"}),HiOutlineBolt:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"})},y=e=>{let{icon:t}=e,i="HiBolt"===t;return(0,r.jsxs)("svg",{width:"21",height:"21",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("defs",{children:(0,r.jsxs)("linearGradient",{id:"ps-".concat(t,"Gradient"),x1:"100%",y1:"100%",children:[(0,r.jsx)("stop",{stopColor:"#42a5ff",offset:"0%"}),(0,r.jsx)("stop",{stopColor:"#42a5ff",offset:"50%"}),(0,r.jsx)("stop",{stopColor:"#42a5ff",offset:"100%"})]})}),n.cloneElement(f[t],{stroke:i?"none":"url(#ps-".concat(t,"Gradient)"),fill:i?"url(#ps-".concat(t,"Gradient)"):"none"})]})},k=()=>(0,r.jsx)(s.Box,{as:"span",ml:"1",px:"2",py:"1",fontSize:"xs",fontWeight:"bold",lineHeight:"none",color:"white",bg:"blue.400",borderRadius:"full",display:"inline-flex",alignItems:"center",children:"Coming Soon"});t.default=e=>{let{variant:t="split",imagePosition:i="right",colorScheme:j="light",component:S,leadIn:w,heading:v,text:T,textTwo:C,textThree:z,textFour:I,boldText:A,useCheckIcon:B=!1,listItemSectionOneHeading:F,listItemSectionOneHeadingColor:H,listItemOne:L,listItemOneIcon:R,listItemOneComingSoon:W,listItemTwo:E,listItemTwoIcon:G,listItemTwoComingSoon:N,listItemThree:M,listItemThreeIcon:P,listItemThreeComingSoon:O,listItemFour:D,listItemFourIcon:_,listItemFourComingSoon:U,listItemFive:q,listItemFiveIcon:V,listItemFiveComingSoon:Y,listItemSix:J,listItemSixIcon:K,listItemSixComingSoon:X,listItemSectionTwoHeading:Z,listItemSectionTwoHeadingColor:Q,ListItemOneSectionTwo:$,ListItemOneSectionTwoIcon:ee,ListItemOneSectionTwoComingSoon:et,ListItemTwoSectionTwo:ei,ListItemTwoSectionTwoIcon:er,ListItemTwoSectionTwoComingSoon:en,ListItemThreeSectionTwo:eo,ListItemThreeSectionTwoIcon:es,ListItemThreeSectionTwoComingSoon:ea,primaryLink:el,primaryLinkUrl:ec,primaryButton:ep,primaryButtonUrl:ed,secondaryButton:ex,secondaryButtonUrl:eh,pb:eg}=e,em=(0,o.useRouter)(),[eu,eb]=(0,n.useState)(!1),[ef,ey]=(0,n.useState)(!1),ek=(0,n.useRef)(null),ej=(0,n.useRef)("ps-noise-".concat(Math.random().toString(36).slice(2))),eS="dark"===j;(0,n.useEffect)(()=>{let e=ek.current;if(!e)return;let t=new IntersectionObserver(e=>{let[i]=e;i.isIntersecting&&(ey(!0),t.disconnect())},{threshold:.1});return t.observe(e),()=>t.disconnect()},[]);let ew=eS?{sectionBg:"#0F172A",eyebrow:"blue.300",heading:"white",headingWeight:600,headingSize:{base:"30px",md:"40px"},headingLineHeight:{base:"36px",md:"46px"},body:"rgba(255,255,255,0.65)",sectionLabel:"rgba(255,255,255,0.45)",featureText:"rgba(255,255,255,0.70)",boldText:"rgba(255,255,255,0.55)",ctaLink:"blue.300",gridDivider:"rgba(255,255,255,0.08)",iconDot:"blue.400"}:{sectionBg:"white",eyebrow:"blue.500",heading:"gray.900",headingWeight:700,headingSize:{base:"32px",md:"44px"},headingLineHeight:{base:"38px",md:"50px"},body:"gray.600",sectionLabel:"gray.500",featureText:"gray.700",boldText:"gray.400",ctaLink:"blue.500",gridDivider:"rgba(0,0,0,0.07)",iconDot:"blue.300"},ev=B?"HiOutlineCheckCircle":null,eT=e=>e&&Object.keys(f).includes(e)?(0,r.jsx)(s.Box,{display:"flex",alignItems:"center",justifyContent:"center",minWidth:"20px",flexShrink:0,mt:"2px",...eS?{bg:"rgba(49,130,206,0.12)",boxShadow:"inset 0 0 0 1px rgba(49,130,206,0.2)",borderRadius:"md",p:"4px"}:{},children:(0,r.jsx)(y,{icon:e})}):(0,r.jsx)(s.Box,{flexShrink:0,display:"flex",alignItems:"center",alignSelf:"center",children:(0,r.jsx)(s.Box,{w:"4px",h:"4px",borderRadius:"full",bg:ew.iconDot})}),eC=L||E||M||D||q||J,ez=$||ei||eo,eI=el||ep||ex,eA=[L&&{text:L,icon:R,badge:W},E&&{text:E,icon:G,badge:N},M&&{text:M,icon:P,badge:O},D&&{text:D,icon:_,badge:U},q&&{text:q,icon:V,badge:Y},J&&{text:J,icon:K,badge:X}
1].filter(Boolean),eB=[$&&{text:$,icon:ee,badge:et},ei&&{text:ei,icon:er,badge:en},eo&&{text:eo,icon:es,badge:ea}].filter(Boolean),eF=(e,t)=>(0,r.jsxs)(a.HStack,{spacing:3,align:{base:"flex-start",md:"center"},children:[eT(e.icon||ev),(0,r.jsx)(l.Text,{fontSize:"sm",fontWeight:500,color:ew.featureText,lineHeight:"tall",alignSelf:"center",children:e.text}),e.badge&&(0,r.jsx)(k,{})]},t),eH=(0,r.jsxs)(c.Stack,{spacing:3,children:[F&&(0,r.jsx)(l.Text,{fontSize:"xs",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.08em",color:H||ew.sectionLabel,pb:1,children:F}),eC&&eA.map((e,t)=>eF(e,t)),Z&&(0,r.jsx)(l.Text,{fontSize:"xs",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.08em",color:Q||ew.sectionLabel,pt:3,pb:1,children:Z}),ez&&eB.map((e,t)=>eF(e,t)),z&&(0,r.jsx)(l.Text,{fontSize:"md",pt:1,color:ew.body,children:z}),I&&(0,r.jsx)(l.Text,{fontSize:"md",color:ew.body,children:I}),A&&(0,r.jsx)(l.Text,{fontSize:"sm",fontWeight:"600",color:ew.boldText,pt:2,children:A})]}),eL=eI&&(0,r.jsxs)(c.Stack,{direction:{base:"column-reverse",lg:"row"},spacing:"3",mt:6,children:[el&&(0,r.jsxs)(p.Link,{color:ew.ctaLink,fontWeight:600,fontSize:"sm",onClick:()=>em.push(ec),onMouseEnter:()=>eb(!0),onMouseLeave:()=>eb(!1),textDecoration:"none",_hover:{textDecoration:"underline"},style:{display:"inline-flex",alignItems:"center",cursor:"pointer"},children:[el,(0,r.jsx)(b.N,{style:{marginLeft:"6px",transition:"transform 0.25s ease",transform:eu?"translateX(2px)":"none"}})]}),ep&&(0,r.jsx)(d.Button,{colorScheme:"blue",size:"lg",onClick:()=>em.push(ed),children:ep}),ex&&(0,r.jsx)(d.Button,{size:"lg",onClick:()=>em.push(eh),children:ex})]}),eR={opacity:ef?1:0,transform:ef?"translateY(0)":"translateY(6px)",transition:"opacity 0.24s ease-out, transform 0.24s ease-out"},eW=(0,r.jsx)(s.Box,{w:"full",style:{opacity:ef?1:0,transform:ef?"translateY(0)":"translateY(6px)",transition:"opacity 0.24s ease-out 0.12s, transform 0.24s ease-out 0.12s"},children:S}),eE=eS&&(0,r.jsx)(s.Box,{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",zIndex:0,overflow:"hidden",children:(0,r.jsxs)("svg",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},children:[(0,r.jsxs)("filter",{id:ej.current,children:[(0,r.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.65",numOctaves:"3",stitchTiles:"stitch"}),(0,r.jsx)("feColorMatrix",{type:"saturate",values:"0"})]}),(0,r.jsx)("rect",{width:"100%",height:"100%",filter:"url(#".concat(ej.current,")"),opacity:"0.04"})]})}),eG={ref:ek,bg:ew.sectionBg,position:"relative",pt:{base:"96px",md:"120px"},pb:null!=eg?eg:{base:"96px",md:"120px"},px:{base:5}};return"centered"===t?(0,r.jsxs)(s.Box,{...eG,children:[eE,(0,r.jsx)(x.Container,{maxW:"1200px",px:0,position:"relative",zIndex:1,children:(0,r.jsxs)(h.VStack,{spacing:14,align:"stretch",children:[(0,r.jsxs)(h.VStack,{spacing:5,textAlign:"center",maxW:"720px",mx:"auto",style:eR,children:[w&&(0,r.jsx)(u.Z,{dark:eS,children:w}),(0,r.jsx)(g.Heading,{fontSize:ew.headingSize,fontWeight:ew.headingWeight,lineHeight:ew.headingLineHeight,letterSpacing:"-0.02em",color:ew.heading,children:v}),T&&(0,r.jsx)(l.Text,{fontSize:{base:"md",md:"lg"},color:ew.body,lineHeight:"tall",children:T}),C&&(0,r.jsx)(l.Text,{fontSize:{base:"md",md:"lg"},color:ew.body,lineHeight:"tall",children:C})]}),(0,r.jsx)(s.Box,{maxW:"1040px",mx:"auto",w:"full",children:eW}),(eC||ez)&&(0,r.jsx)(m.Flex,{wrap:"wrap",justify:"center",gap:3,maxW:"860px",mx:"auto",w:"full",style:eR,children:eA.map((e,t)=>(0,r.jsxs)(s.Box,{display:"inline-flex",alignItems:"center",gap:e.badge?2:0,px:"4",py:"2",borderRadius:"full",bg:eS?"rgba(255,255,255,0.07)":"white",border:"1px solid",borderColor:eS?"rgba(255,255,255,0.10)":"gray.200",transition:"all 0.2s",_hover:{borderColor:eS?"rgba(99,179,237,0.45)":"blue.300",shadow:"sm"},children:[(0,r.jsx)(l.Text,{fontSize:"sm",fontWeight:500,color:ew.featureText,whiteSpace:"nowrap",children:e.text}),e.badge&&(0,r.jsx)(k,{})]},t))}),A&&(0,r.jsx)(l.Text,{fontSize:{base:"md",md:"lg"},fontWeight:"600",textAlign:"center",maxW:"700px",mx:"auto",color:ew.boldText,style:eR,children:A}),eL&&(0,r.jsx)(s.Box,{display:"flex",justifyContent:"center",style:eR,children:eL})]})})]}):(0,r.jsxs)(s.Box,{...eG,children:[eE,(0,r.jsx)(x.Container,{maxW:"1200px",px:0,position:"relative",zIndex:1,children:(0,r.jsxs)(c.Stack,{direction:"right"===i?{base:"column",lg:"row-reverse"}:{base:"column",lg:"row"},spacing:{base:12,lg:20}
1,align:"start",children:[(0,r.jsx)(s.Box,{flexBasis:{lg:"60%"},flexShrink:0,flexGrow:0,w:{base:"full"},mt:{lg:2},children:eW}),(0,r.jsxs)(c.Stack,{flexBasis:{lg:"40%"},flexShrink:0,flexGrow:0,w:{base:"full"},maxW:{lg:"560px"},spacing:5,style:eR,children:[(0,r.jsxs)(c.Stack,{spacing:4,children:[w&&(0,r.jsx)(u.Z,{dark:eS,children:w}),(0,r.jsx)(g.Heading,{fontSize:ew.headingSize,fontWeight:ew.headingWeight,lineHeight:ew.headingLineHeight,letterSpacing:"-0.02em",color:ew.heading,children:v}),T&&(0,r.jsx)(l.Text,{fontSize:{base:"md",md:"lg"},color:ew.body,lineHeight:"tall",maxW:"560px",children:T}),C&&(0,r.jsx)(l.Text,{fontSize:{base:"md",md:"lg"},color:ew.body,lineHeight:"tall",maxW:"560px",children:C})]}),(eC||ez||z||I||A)&&eH,eL]})]})})]})}},43654:function(e,t,i){var r=i(57437),n=i(21183),o=i(39292),s=i(60373),a=i(35331),l=i(52558),c=i(40006),p=i(85322),d=i(98314),x=i(2265),h=i(68161),g=i(19564);let m=[{stepNumber:1,title:"Customer asks a question",description:"Messages arrive from your website, WhatsApp, Slack, Instagram, Facebook, or Telegram."},{stepNumber:2,title:"ChatSpark AI searches your knowledge",description:"Documentation, FAQs, product data, internal policies, and connected data sources are analyzed instantly."},{stepNumber:3,title:"AI determines the best action",description:"The AI chooses to answer, escalate, or execute one of 200+ AI Actions. From booking appointments to updating CRMs, instantly."},{stepNumber:4,title:"Answer delivered in milliseconds",description:"The customer receives a complete response instantly across any channel."}],u=[0,700,1050,1750,2100,2800,3150,4e3,4400],b=["Question","Knowledge","Action","Answer"],f={1:{border:"rgba(49,130,206,0.18)",hover:"rgba(49,130,206,0.45)"},2:{border:"rgba(49,130,206,0.32)",hover:"rgba(49,130,206,0.58)"},3:{border:"rgba(49,130,206,0.52)",hover:"rgba(49,130,206,0.72)"},4:{border:"rgba(49,130,206,0.72)",hover:"rgba(49,130,206,0.90)"}},y=[{metric:"80%+",label:"Questions resolved automatically",note:"Most questions handled without human intervention."},{metric:"<2s",label:"Average response time",note:"From question received to answer delivered."},{metric:"24/7",label:"Always-on support",note:"Active across every channel, around the clock."}],k=e=>{let{stepNumber:t,title:i,description:l,isVisible:c}=e,p=f[t];return(0,r.jsx)(n.Box,{bg:"#152236",border:"1px solid",borderColor:p.border,borderRadius:"2xl",p:{base:6,md:6},h:"full",opacity:c?1:0,transform:c?"translateY(0)":"translateY(18px)",transition:"opacity 0.55s cubic-bezier(0.16,1,0.3,1), transform 0.55s cubic-bezier(0.16,1,0.3,1), border-color 0.2s, box-shadow 0.2s",_hover:{borderColor:p.hover,boxShadow:"0 0 0 1px ".concat(p.hover,", 0 8px 32px -8px rgba(0,0,0,0.6)")},children:(0,r.jsxs)(o.VStack,{align:"start",spacing:3,children:[(0,r.jsx)(s.Text,{fontSize:"xs",fontWeight:"600",letterSpacing:"0.08em",color:"blue.300",fontFamily:"mono",children:String(t).padStart(2,"0")}),(0,r.jsx)(a.Heading,{fontSize:{base:"md",md:"lg"},fontWeight:"600",letterSpacing:"-0.01em",color:"white",lineHeight:"1.35",children:i}),(0,r.jsx)(s.Text,{fontSize:"sm",color:"whiteAlpha.600",lineHeight:"1.6",children:l})]})})};t.default=()=>{let[e,t]=(0,x.useState)(!1),[i,f]=(0,x.useState)(0),j=(0,x.useRef)(null),S=(0,x.useRef)([]);(0,x.useEffect)(()=>{let e=new IntersectionObserver(i=>{let[r]=i;r.isIntersecting&&(t(!0),e.unobserve(r.target))},{threshold:.2,rootMargin:"0px 0px -60px 0px"}),i=j.current;return i&&e.observe(i),()=>{i&&e.unobserve(i)}},[]),(0,x.useEffect)(()=>{if(e)return S.current=u.map((e,t)=>setTimeout(()=>f(t+1),e)),()=>S.current.forEach(clearTimeout)},[e]);let w=e=>i>=2*e-1,v=e=>i>=2*e+2,T=i>=8;return(0,r.jsxs)(n.Box,{bg:"#0F172A",py:{base:"80px",md:"120px"},position:"relative",overflow:"hidden",children:[(0,r.jsx)(n.Box,{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",zIndex:0,dangerouslySetInnerHTML:{__html:'<svg width="100%" height="100%"><filter id="noise-sf"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter>
1<rect width="100%" height="100%" filter="url(#noise-sf)" opacity="0.04"/></svg>'}}),(0,r.jsxs)(l.Container,{maxW:"1200px",px:4,position:"relative",zIndex:1,children:[(0,r.jsxs)(o.VStack,{spacing:{base:10,md:12},align:"stretch",children:[(0,r.jsxs)(o.VStack,{spacing:5,textAlign:"center",children:[(0,r.jsx)(g.Z,{dark:!0,children:"The ChatSpark AI Engine"}),(0,r.jsxs)(a.Heading,{fontSize:{base:"40px",md:"56px"},fontWeight:"600",lineHeight:"1.1",letterSpacing:"-0.02em",color:"white",children:["From Question to Answer",(0,r.jsx)("br",{}),"in Milliseconds"]}),(0,r.jsx)(s.Text,{fontSize:"xl",color:"whiteAlpha.700",maxW:"680px",lineHeight:"1.6",children:"Every question goes through four steps, from the moment it arrives to the moment the customer has their answer."}),(0,r.jsx)(s.Text,{fontSize:"sm",color:"whiteAlpha.400",fontWeight:"500",children:"ChatSpark doesn't just generate answers. It determines the correct action."})]}),(0,r.jsx)(c.HStack,{spacing:1,justify:"center",flexWrap:"wrap",children:b.map((e,t)=>(0,r.jsxs)(c.HStack,{spacing:1,children:[(0,r.jsx)(s.Text,{fontSize:"xs",fontWeight:"600",letterSpacing:"0.08em",textTransform:"uppercase",color:"whiteAlpha.500",children:e}),t<b.length-1&&(0,r.jsx)(s.Text,{fontSize:"xs",color:"whiteAlpha.300",px:1,children:"â"})]},e))}),(0,r.jsxs)(o.VStack,{spacing:8,align:"stretch",children:[(0,r.jsxs)(n.Box,{ref:j,children:[(0,r.jsx)(p.SimpleGrid,{display:{base:"grid",md:"none"},columns:{base:1,sm:2},spacing:4,children:m.map(e=>(0,r.jsx)(k,{...e,isVisible:w(e.stepNumber)},e.stepNumber))}),(0,r.jsx)(c.HStack,{display:{base:"none",md:"flex"},spacing:0,align:"stretch",children:m.map((e,t)=>(0,r.jsxs)(x.Fragment,{children:[(0,r.jsx)(n.Box,{flex:"1",minW:"0",children:(0,r.jsx)(k,{...e,isVisible:w(e.stepNumber)})}),t<m.length-1&&(0,r.jsx)(d.Flex,{align:"center",flexShrink:0,px:4,color:"whiteAlpha.500",opacity:v(t)?1:0,transform:v(t)?"scale(1)":"scale(0.3)",transition:"opacity 0.3s ease-out, transform 0.3s ease-out",children:(0,r.jsx)(s.Text,{fontSize:"lg",lineHeight:"1",children:"âº"})})]},e.stepNumber))})]}),(0,r.jsx)(n.Box,{bg:"#1a2d45",border:"1px solid rgba(59,130,246,0.35)",borderRadius:"2xl",py:{base:8,md:12},px:{base:8,md:16},boxShadow:"0 8px 20px rgba(0,0,0,0.25)",opacity:T?1:0,transform:T?"translateY(0)":"translateY(16px)",transition:"opacity 0.5s cubic-bezier(0.16,1,0.3,1), transform 0.5s cubic-bezier(0.16,1,0.3,1)",children:(0,r.jsxs)(o.VStack,{spacing:{base:2,sm:10},children:[(0,r.jsx)(g.Z,{dark:!0,children:"AI Engine Performance"}),(0,r.jsx)(d.Flex,{w:"full",align:{base:"center",sm:"flex-start"},direction:{base:"column",sm:"row"},children:y.map((e,t)=>(0,r.jsxs)(x.Fragment,{children:[(0,r.jsxs)(o.VStack,{flex:"1",spacing:2.5,textAlign:"center",px:{base:0,sm:8,md:10},py:{base:8,sm:0},children:[(0,r.jsx)(s.Text,{fontSize:{base:"5xl",md:"6xl"},fontWeight:"700",letterSpacing:"-0.03em",lineHeight:"1",color:"white",children:e.metric}),(0,r.jsx)(s.Text,{fontSize:"sm",fontWeight:"600",color:"gray.300",lineHeight:"1.4",children:e.label}),(0,r.jsx)(s.Text,{fontSize:"xs",color:"whiteAlpha.500",lineHeight:"1.6",maxW:"180px",children:e.note})]}),t<2&&(0,r.jsx)(n.Box,{display:{base:"none",sm:"block"},w:"1px",alignSelf:"stretch",bg:"rgba(255,255,255,0.08)",flexShrink:0})]},e.metric))})]})})]})]}),(0,r.jsx)(n.Box,{opacity:i>=9?1:0,transition:"opacity 0.25s ease-out",children:(0,r.jsx)(h.default,{heading:"Enterprise Intelligence. Simple Setup.",text:"Get started in minutes. No technical expertise required. Just powerful, accurate AI that works.",buttonText:"Get Started Free",buttonUrl:"/pricing",noBottomMargin:!0,topMargin:"40px"})})]})]})}}}]);
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.