PageSourceSearch

https://zyrox.ai/assets/ROISection-CqzFC97n.js

js zyrox.ai collected 2026-10-05 13:21:13 UTC 11,049 bytes, 1 lines download raw bytes

1import{j as e,m as t}from"./vendor-framer-BopOTbAw.js";import{c as r,A as n}from"./index-DfhYtJxq.js";import{J as o,y as c,a0 as x,P as l,d as i,U as m,m as p,D as d,c as u,Z as h,aj as g,t as b,ak as f,C as j,b1 as v,j as N}from"./vendor-lucide-CoeZ2i33.js";import"./vendor-react-DCum3kP0.js";import"./vendor-tanstack-C3evQHA6.js";import"./vendor-supabase-CORtF97s.js";const y=()=>e.jsxs(t.div,{initial:{opacity:0,y:40},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8},className:"w-full rounded-2xl overflow-hidden border border-border shadow-elevated bg-card select-none pointer-events-none",children:[e.jsxs("div",{className:"flex items-center justify-between px-5 py-3 border-b border-border bg-card",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-7 h-7 rounded-lg bg-primary flex items-center justify-center",children:e.jsx("span",{className:"font-display font-bold text-primary-foreground text-[10px]",children:"Z"})}),e.jsx("span",{className:"font-display font-semibold text-sm text-foreground",children:"Zyrox AI"}),e.jsx("span",{className:"text-[9px] px-2 py-0.5 rounded-full bg-accent/10 text-accent font-semibold",children:"PRO"})]}),e.jsxs("div",{className:"hidden sm:flex items-center gap-2 bg-muted rounded-lg px-3 py-1.5 w-56",children:[e.jsx(o,{className:"h-3.5 w-3.5 text-muted-foreground"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"Search..."}),e.jsx("span",{className:"text-[9px] text-muted-foreground ml-auto border border-border rounded px-1.5 py-0.5",children:"⌘K"})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("div",{className:"relative",children:[e.jsx(c,{className:"h-4 w-4 text-muted-foreground"}),e.jsx(t.div,{animate:{scale:[1,1.3,1]},transition:{duration:2,repeat:1/0},className:"absolute -top-1 -right-1 w-2 h-2 rounded-full bg-primary"})]}),e.jsx("div",{className:"w-7 h-7 rounded-full bg-primary/20 flex items-center justify-center",children:e.jsx("span",{className:"text-[10px] font-semibold text-primary",children:"JD"})})]})]}),e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"hidden md:flex flex-col w-48 border-r border-border bg-secondary py-3 px-2 gap-0.5 min-h-[380px]",children:[{icon:x,label:"Dashboard",active:!0},{icon:l,label:"Live Calls",badge:"3"},{icon:i,label:"Appointments"},{icon:m,label:"CRM"},{icon:p,label:"Messages",badge:"12"},{icon:d,label:"Payments"},{icon:u,label:"Analytics"},{icon:h,label:"Automations"},{icon:g,label:"Settings"}].map(s=>e.jsxs("div",{className:r("flex items-center gap-2.5 px-3 py-2 rounded-lg text-xs font-medium transition-colors relative",s.active?"bg-primary text-primary-foreground":"text-secondary-foreground/70"),children:[e.jsx(s.icon,{className:"h-3.5 w-3.5"}),s.label,"badge"in s&&s.badge&&e.jsx("span",{className:r("ml-auto text-[9px] font-bold px-1.5 py-0.5 rounded-full",s.active?"bg-primary-foreground/20 text-primary-foreground":"bg-primary/20 text-primary"),children:s.badge})]},s.label))}),e.jsxs("div",{className:"flex-1 p-4 space-y-4 bg-background min-h-[380px]",children:[e.jsx("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-3",children:[{label:"Revenue",value:"$48,295",change:"+12.5%",icon:d},{label:"Appointments",value:"284",change:"+8.2%",icon:i},{label:"Active Calls",value:"12",change:"Live",icon:l,live:!0},{label:"Conversion",value:"68.4%",change:"+3.1%",icon:b}].map((s,a)=>e.jsxs(t.div,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.3+a*.1},className:"bg-card rounded-lg border border-border p-3",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-[10px] text-muted-foreground font-medium",children:s.label}),e.jsx(s.icon,{className:"h-3 w-3 text-muted-foreground"})]}),e.jsx("div",{className:"text-base font-bold text-foreground font-display",children:s.value}),e.jsxs("div",{className:"flex items-center gap-1 mt-1",children:[s.live?e.jsx(t.div,{animate:{opacity:[1,.3,1]},transition:{duration:1.5,repeat:1/0},className:"w-1.5 h-1.5 rounded-full bg-accent"}):e.jsx(f,{className:"h-2.5 w-2.5 text-accent"}),e.jsx("span",{className:"text-[9px] font-medium text-accent",children:s.change})]})]},s.label))}
1),e.jsxs("div",{className:"grid lg:grid-cols-5 gap-3",children:[e.jsxs("div",{className:"lg:col-span-3 bg-card rounded-lg border border-border p-3",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("span",{className:"text-xs font-semibold text-foreground",children:"Revenue Overview"}),e.jsxs("div",{className:"flex items-center gap-1 text-[9px] text-muted-foreground bg-muted px-2 py-0.5 rounded",children:["Last 30 days ",e.jsx(j,{className:"h-2.5 w-2.5"})]})]}),e.jsx("div",{className:"flex items-end gap-[3px] h-28",children:[35,45,30,55,40,65,50,70,60,75,55,80,65,85,70,90,75,95,80,88,72,92,78,96].map((s,a)=>e.jsx(t.div,{className:"flex-1 rounded-t",initial:{height:0},whileInView:{height:`${s}%`},viewport:{once:!0},transition:{delay:.5+a*.04,duration:.5,ease:"easeOut"},style:{background:a>=20?"hsl(24 95% 53%)":"hsl(24 95% 53% / 0.3)"}},a))})]}),e.jsxs("div",{className:"lg:col-span-2 bg-card rounded-lg border border-border p-3",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("span",{className:"text-xs font-semibold text-foreground",children:"Sales Pipeline"}),e.jsx(v,{className:"h-3 w-3 text-muted-foreground"})]}),e.jsx("div",{className:"space-y-2.5",children:[{stage:"New Leads",count:42,pct:100,color:"bg-primary"},{stage:"Contacted",count:28,pct:67,color:"bg-primary/70"},{stage:"Quoted",count:18,pct:43,color:"bg-electric-glow"},{stage:"Won",count:12,pct:29,color:"bg-accent"}].map((s,a)=>e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex justify-between text-[9px]",children:[e.jsx("span",{className:"text-muted-foreground",children:s.stage}),e.jsx("span",{className:"font-semibold text-foreground",children:s.count})]}),e.jsx("div",{className:"h-1.5 bg-muted rounded-full overflow-hidden",children:e.jsx(t.div,{className:r("h-full rounded-full",s.color),initial:{width:0},whileInView:{width:`${s.pct}%`},viewport:{once:!0},transition:{delay:.6+a*.12,duration:.6,ease:"easeOut"}})})]},s.stage))})]})]}),e.jsxs("div",{className:"grid lg:grid-cols-3 gap-3",children:[e.jsxs("div",{className:"bg-card rounded-lg border border-border p-3",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-xs font-semibold text-foreground",children:"Live Calls"}),e.jsxs(t.div,{animate:{opacity:[1,.4,1]},transition:{duration:2,repeat:1/0},className:"flex items-center gap-1",children:[e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-accent"}),e.jsx("span",{className:"text-[9px] text-accent font-medium",children:"Live"})]})]}),e.jsx("div",{className:"space-y-2",children:[{name:"Sarah M.",status:"In Progress",time:"2:34",type:"HVAC Install"},{name:"Mike R.",status:"Queued",time:"0:12",type:"Plumbing"},{name:"Lisa K.",status:"Completed",time:"4:51",type:"AC Repair"}].map(s=>e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:r("w-1.5 h-1.5 rounded-full",s.status==="In Progress"?"bg-accent animate-pulse":s.status==="Queued"?"bg-primary":"bg-muted-foreground")}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[10px] font-medium text-foreground block",children:s.name}),e.jsx("span",{className:"text-[8px] text-muted-foreground",children:s.type})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-[9px] text-muted-foreground",children:s.time}),e.jsx(N,{className:"h-2.5 w-2.5 text-muted-foreground"})]})]},s.name))})]}),e.jsxs("div",{className:"bg-card rounded-lg border border-border p-3",children:[e.jsx("span",{className:"text-xs font-semibold text-foreground",children:"Today's Schedule"}),e.jsx("div",{className:"mt-2 space-y-2",children:[{name:"AC Install — Johnson",time:"10:00 AM",status:"Confirmed"},{name:"Furnace Repair — Davis",time:"1:30 PM",status:"Pending"},{name:"Duct Clean — Wilson",time:"3:00 PM",status:"Confirmed"}].map(s=>e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[10px] text-foreground block truncate max-w-[140px]",children:s.name}),e.jsx("span",{className:"text-[8px] text-muted-foreground",children:s.status})]}),e.jsx("span",{className:"text-[9px] text-primary font-medium whitespace-nowrap",children:s.time})]},s.name))})]}),e.jsxs("div",{className:"bg-card rounded-lg border border-border p-3",children:[e.jsx("span",{className:"text-xs font-semibold text-foreground",children:"Active Campaigns"}),e.jsx("div",{className:"mt-2 space-y-2",children:[{name:"Spring HVAC Promo",sent:"2,450",rate:"34%",channel:"SMS"},{name:"Review Request",sent:"1,200",rate:"48%",channel:"Email"},{name:"Win-back Campaign",sent:"890",rate:"22%",channel:"WhatsApp"}].map(s=>e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[10px] text-foreground block truncate max-w-[130px]",children:s.name}),e.jsxs("span",{className:"text-[8px] text-muted-foreground",children:[s.channel," • ",s.sent," sent"]})]}),e.jsx("span",{className:"text-[9px] text-accent font-semibold",children:s.rate})]},s.name))})]})]})]})]})]}),S=()=>e.jsx("section",{className:"py-24 bg-background",children:e.jsxs("div",{className:"container mx-auto px-4 lg:px-8",children:[e.jsxs(n,{className:"text-center max-w-3xl mx-auto mb-12",children:[e.jsx("h2",{className:"text-3xl sm:text-5xl font-display font-bold text-foreground tracking-tight mb-4",children:"Your Dashboard: Easy to Manage, Easy to Grow"}),e.jsx("p",{className:"text-muted-foreground text-lg",children:"Calls, bookings, payments, marketing campaigns, CRM, funnels & revenue reports — all in one powerful dashboard."})]}),e.jsx(n,{delay:.2,children:e.jsxs("div",{className:"relative max-w-6xl mx-auto",children:[e.jsx(y,{}),e.jsx("div",{className:"absolute -bottom-6 left-1/2 -translate-x-1/2 w-3/4 h-12 bg-primary/15 blur-3xl rounded-full"})]})}),e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto mt-16",children:[{title:"Revenue Dashboard",desc:"Track exactly how much your AI earns — revenue that would have been lost without it."},{title:"Call History & Transcripts",desc:"Full call history with AI-generated summaries, transcripts, and audio recordings."},{title:"No-Code Training",desc:"Update pricing, services, and hours through simple forms — AI learns instantly."}].map((s,a)=>e.jsx(n,{delay:.3+a*.1,children:e.jsxs("div",{className:"text-center p-6",children:[e.jsx("h3",{className:"text-base font-display font-bold text-foreground mb-2",children:s.title}),e.jsx("p",{className:"text-sm text-muted-foreground leading-relaxed",children:s.desc})]})},s.title))})]})});export{S as default};

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.