PageSourceSearch

https://www.reoperative.ai/assets/BookDemoPage-DI7iI07e.js

js reoperative.ai collected 2026-10-05 13:58:17 UTC 31,097 bytes, 170 lines download raw bytes

1import{r as o,j as e}from"./vendor-BwygqmH8.js";import{s as U}from"./index-BqHqKq3I.js";import{T as W}from"./TurnstileWidget-B-EvImih.js";import{g as q,a as O}from"./appointmentSlots-CeU9tK6p.js";import{S as T,ap as C,ab as c,a as A,a6 as E,aA as J,h as S,f as I,J as _,ah as V,c as M}from"./icons-B7bQwT6M.js";import"./monitoring-DqjV4dpj.js";import"./deps-D_AQaZss.js";import"./supabase-BM56svY1.js";const r={purple:"var(--brand)",purpleMid:"var(--brand)",purpleHover:"var(--brand)",purpleGlow:"var(--brand)",ink:"#0a0f05",paper:"#ffffff",paperTint:"rgba(var(--brand-rgb), .04)",border:"rgba(var(--brand-rgb), .14)",borderStrong:"rgba(var(--brand-rgb), .28)",text:"#0f1408",textMuted:"#4d5b3d",textDim:"#7e8b73"},K=[{Icon:C,title:"Talk to Your CRM",desc:"FUB + GoHighLevel two-way sync. Tell the AI to update contacts, move deals, log calls — in plain English."},{Icon:c,title:"AI Fills Your Calendar",desc:"Finds the white space and books the calls that move deals forward. No more empty time blocks."},{Icon:T,title:"HotList",desc:"AI generates exactly who to call right now, ranked by likelihood to convert."},{Icon:A,title:"Lead Watch",desc:"Monitor every agent’s time-to-lead response. No lead falls through the cracks."},{Icon:E,title:"PilotAI Sales Manager",desc:"AI that coaches your agents daily, runs standups, tracks accountability — so you don’t have to."},{Icon:J,title:"100% Your Brand",desc:"Your logo, colors, domain. Agents see your brokerage — not ours."}],Q=[],X=[{Icon:C,title:"Your CRM, Supercharged",desc:"We’ll show the AI working with Follow Up Boss or GoHighLevel — your actual pipeline, your contacts, your workflow."},{Icon:E,title:"PilotAI in Action",desc:"Watch the AI sales manager generate a HotList, coach an agent, and fill a calendar — live."},{Icon:M,title:"No Commitment",desc:"If it’s not for you, no hard feelings. 15 minutes, that’s it. No pitch deck, no pressure."}];function Z(){return e.jsxs("div",{className:"bk-aurora","aria-hidden":!0,children:[e.jsx("div",{className:"bk-aurora-photo"}),e.jsx("div",{className:"bk-aurora-base"}),e.jsx("div",{className:"bk-orb bk-orb-a"}),e.jsx("div",{className:"bk-orb bk-orb-b"}),e.jsx("div",{className:"bk-orb bk-orb-c"}),e.jsx("div",{className:"bk-aurora-grid"}),e.jsx("div",{className:"bk-aurora-fade"})]})}function de({theme:ee,onNavigate:g}){var $,z;const[b,D]=o.useState(""),[x,G]=o.useState(""),[u,L]=o.useState(""),[s,B]=o.useState(null),[d,f]=o.useState(null),[i,m]=o.useState(1),[v,y]=o.useState(!1),[j,h]=o.useState(""),[R,F]=o.useState(""),p=o.useMemo(q,[]),w=o.useMemo(()=>O(p),[p]),k=(($=p[0])==null?void 0:$.tzAbbr)||"PT",P=o.useMemo(()=>s?p.filter(a=>a.date===s):[],[s,p]),n=p.find(a=>a.date===s&&a.time===d);async function H(a){if(a.preventDefault(),!b||!x||!s||!d){h("Please fill in all required fields.");return}y(!0),h("");try{const{error:t}=await U.functions.invoke("book-demo",{body:{name:b,email:x,phone:u,date:s,time:d,turnstile_token:R}});if(t)throw t;const l=new URLSearchParams({email:x,name:b,booked:"1",date:s||"",time:d||""});window.location.href=`/demo-prep?${l.toString()}`;return}catch(t){h((t==null?void 0:t.message)||"Something went wrong. Please try again or call 530-736-7085.")}finally{y(!1)}}const N=n?(()=>{const a=new Date(`${s}T${d}:00-07:00`),t=new Date(a.getTime()+15*6e4),l=Y=>Y.toISOString().replace(/[-:]/g,"").replace(/\.\d{3}/,"");return`https://calendar.google.com/calendar/render?action=TEMPLATE&text=${encodeURIComponent("REoperative.ai Demo with Derik")}&dates=${l(a)}/${l(t)}&details=${encodeURIComponent(`15-minute live demo of REoperative.ai — the AI-powered operating system for real estate teams.
2
3Derik will send a video call link before the meeting.`)}
3&location=${encodeURIComponent("Video Call (link coming)")}`})():"";return e.jsxs("div",{className:"bk-root",children:[e.jsx("style",{children:`
4        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
5
6        /* Define the brand CSS vars on the page root — /book is a standalone
7           public route that doesn't inherit the app's design tokens, so
8           var(--brand)/var(--brand-rgb) were EMPTY here. That made every
9           brand-colored element (incl. the "Confirm My Demo" submit button:
10           white text on a transparent background) invisible. */
11        .bk-root { --brand:#80bf42; --brand-rgb:128,191,66; min-height:100vh; background:${r.paper}; color:${r.text}; font-family:'Inter',system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
12        .bk-root *,.bk-root *::before,.bk-root *::after { box-sizing:border-box; }
13        .bk-serif { font-family:'Space Grotesk','Inter',sans-serif; letter-spacing:-.025em; font-weight:700; }
14
15        /* Nav */
16        .bk-nav { position:sticky; top:0; z-index:50; backdrop-filter:blur(14px); background:rgba(255,255,255,.72); border-bottom:1px solid ${r.border}; padding:0 24px; display:flex; align-items:center; justify-content:space-between; height:66px; }
17        .bk-logo { display:flex; align-items:center; gap:10px; font-weight:800; font-size:18px; letter-spacing:-.01em; color:${r.text}; cursor:pointer; background:none; border:none; padding:0; font-family:inherit; }
18        .bk-logo-mark { width:28px; height:28px; border-radius:8px; background:linear-gradient(135deg, ${r.purple}, ${r.purpleGlow}); display:grid; place-items:center; color:#fff; box-shadow:0 6px 18px rgba(var(--brand-rgb), .35); }
19        .bk-nav-cta { display:flex; align-items:center; gap:10px; }
20        .bk-nav-phone { font-size:13px; color:${r.textMuted}; text-decoration:none; font-weight:500; }
21        .bk-nav-phone:hover { color:${r.purple}; }
22        .bk-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:600; border-radius:12px; cursor:pointer; transition:transform .12s ease, box-shadow .2s ease, background .2s; border:none; white-space:nowrap; text-decoration:none; font-family:inherit; }
23        .bk-btn-primary { background:${r.purple}; color:#fff; padding:10px 18px; font-size:14px; box-shadow:0 10px 28px rgba(var(--brand-rgb), .3), inset 0 1px 0 rgba(255,255,255,.14); }
24        .bk-btn-primary:hover { background:${r.purpleHover}; transform:translateY(-1px); box-shadow:0 16px 38px rgba(var(--brand-rgb), .4); }
25        .bk-btn-ghost { background:transparent; color:${r.text}; padding:9px 16px; font-size:13px; border:1px solid ${r.border}; }
26        .bk-btn-ghost:hover { border-color:${r.borderStrong}; }
27        .bk-btn-outline { background:#fff; color:${r.purple}; padding:10px 22px; font-size:13px; border:1px solid ${r.borderStrong}; border-radius:10px; font-weight:600; text-decoration:none; display:inline-flex; align-items:center; gap:6px; transition:all .15s; }
28        .bk-btn-outline:hover { background:${r.paperTint}; }
29
30        /* Hero with aurora */
31        .bk-hero { position:relative; padding:84px 0 108px; color:#fff; overflow:hidden; isolation:isolate; background:#070b04; }
32        .bk-hero-inner { position:relative; z-index:1; text-align:center; max-width:760px; margin:0 auto; padding:0 24px; }
33        .bk-hero-logo { height:38px; width:auto; margin:0 auto 26px; display:block; filter:drop-shadow(0 8px 28px rgba(0,0,0,.5)); }
34        .bk-h1 em { font-style:normal; }
35        .bk-chip { display:inline-flex; align-items:center; gap:8px; padding:7px 14px; font-size:12px; font-weight:700; letter-spacing:.06em; border-radius:999px; background:rgba(255,255,255,.12); color:#eafbe0; border:1px solid rgba(255,255,255,.22); backdrop-filter:blur(6px); }
36        .bk-chip svg { color:#9cd860; }
37        .bk-h1 { font-family:'Space Grotesk','Inter',sans-serif; font-size:clamp(38px, 6vw, 68px); line-height:1.04; font-weight:800; letter-spacing:-.035em; margin:20px 0 10px; color:#fff; text-shadow:0 2px 24px rgba(0,0,0,.35); }
38        .bk-h1 span { background:linear-gradient(120deg,#d8f0bc 0%, #9cd860 45%, #80bf42 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
39        .bk-sub { margin:20px auto 0; max-width:600px; font-size:clamp(15px,1.3vw,17px); line-height:1.6; color:rgba(255,255,255,.9); text-shadow:0 1px 12px rgba(0,0,0,.3); }
40        .bk-trust-bar { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin-top:32px; }
41        .bk-trust-pill { font-size:12px; font-weight:600; color:rgba(255,255,255,.92); display:flex; align-items:center; gap:6px; letter-spacing:.02em; }
42        .bk-trust-dot { width:6px; height:6px; border-radius:50%; background:#9cd860; box-shadow:0 0 0 4px rgba(156,216,96,.22); }
43
44        /* Aurora — premium hero photo + dark brand overlay */
45        .bk-aurora { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
46        .bk-aurora-photo { position:absolute; inset:0; background-image:url('https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=2400&q=85&auto=format&fit=crop'); background-size:cover; background-position:center 42%; filter:grayscale(.2) brightness(.55); transform:scale(1.04); }
47        .bk-aurora-base { position:absolute; inset:0; background:radial-gradient(120% 95% at 50% -5%, rgba(var(--brand-rgb), .30) 0%, transparent 50%), linear-gradient(180deg, rgba(7,11,4,.78) 0%, rgba(8,12,4,.82) 55%, ${r.ink} 100%); }
48        .bk-orb { position:absolute; border-radius:50%; filter:blur(90px); opacity:.4; mix-blend-mode:screen; }
49        .bk-orb-a { width:560px; height:560px; left:-120px; top:-200px; background:radial-gradient(circle, var(--brand) 0%, transparent 65%); animation:bk-drift-a 18s ease-in-out infinite alternate; }
50        .bk-orb-b { width:480px; height:480px; right:-120px; top:-120px; background:radial-gradient(circle, var(--brand-secondary, var(--brand)) 0%, transparent 62%); animation:bk-drift-b 22s ease-in-out infinite alternate; }
51        .bk-orb-c { width:640px; height:640px; left:30%; bottom:-320px; background:radial-gradient(circle, var(--brand) 0%, transparent 65%); animation:bk-drift-c 26s ease-in-out infinite alternate; }
52        @keyframes bk-drift-a { 0%{transform:translate3d(0,0,0) scale(1);} 100%{transform:translate3d(120px,80px,0) scale(1.1);} }
53        @keyframes bk-drift-b { 0%{transform:translate3d(0,0,0) scale(1.05);} 100%{transform:translate3d(-100px,120px,0) scale(.95);} }
54        @keyframes bk-drift-c { 0%{transform:translate3d(0,0,0) scale(1);} 100%{transform:translate3d(60px,-80px,0) scale(1.08);} }
55        .bk-aurora-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(var(--brand-rgb), .06) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--brand-rgb), .06) 1px, transparent 1px); background-size:56px 56px; mask-image:radial-gradient(ellipse at center, #000 25%, transparent 75%); -webkit-mask-image:radial-gradient(ellipse at center, #000 25%, transparent 75%); }
56        .bk-aurora-fade { position:absolute; left:0; right:0; bottom:-1px; height:140px; background:linear-gradient(180deg, transparent, ${r.paper}); }
57
58        /* Layout */
59        .bk-layout { max-width:1200px; margin:-60px auto 0; padding:0 24px 80px; display:grid; grid-template-columns:1fr 480px; gap:48px; align-items:start; position:relative; z-index:2; }
60        @media(max-width:900px) { .bk-layout { grid-template-columns:1fr; gap:32px; margin-top:-40px; } }
61        .bk-left { position:sticky; top:90px; }
62        @media(max-width:900px) { .bk-left { position:static; order:2; } .bk-right { order:1; } }
63
64        /* Feature tiles — monochrome */
65        .bk-feat { display:flex; gap:14px; padding:16px 18px; border-radius:14px; background:#fff; border:1px solid ${r.border}; margin-bottom:10px; transition:all .2s; }
66        .bk-feat:hover { border-color:${r.borderStrong}; box-shadow:0 10px 30px rgba(var(--brand-rgb), .08); transform:translateY(-1px); }
67        .bk-feat-icon { width:42px; height:42px; border-radius:11px; display:flex; align-items:center; justify-content:center; flex-shrink:0; background:linear-gradient(135deg, rgba(var(--brand-rgb), .08), rgba(var(--brand-rgb), .04)); color:${r.purple}; border:1px solid rgba(var(--brand-rgb), .08); }
68        .bk-feat-title { font-size:14px; font-weight:700; margin-bottom:3px; color:${r.text}; font-family:'Space Grotesk','Inter',sans-serif; letter-spacing:-.01em; }
69        .bk-feat-desc { font-size:12.5px; color:${r.textMuted}; line-height:1.55; }
70
71        /* Contact card under features */
72        .bk-contact-card { margin-top:20px; padding:18px; background:${r.paperTint}; border:1px solid ${r.border}; border-radius:14px; text-align:center; }
73        .bk-contact-label { font-size:12px; color:${r.textDim}; margin-bottom:8px; font-weight:500; }
74        .bk-contact-links { display:flex; justify-content:center; gap:18px; flex-wrap:wrap; }
75        .bk-contact-link { display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:${r.purple}; text-decoration:none; }
76        .bk-contact-link:hover { color:${r.purpleHover}; text-decoration:underline; }
77
78        /* Booking card */
79        .bk-card { background:#fff; border:1px solid ${r.border}; border-radius:20px; padding:32px; box-shadow:0 20px 60px rgba(var(--brand-rgb), .08); position:relative; overflow:hidden; }
80        .bk-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg, ${r.purple}, ${r.purpleGlow}, ${r.purpleMid}); }
81        .bk-host { display:flex; align-items:center; gap:13px; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid ${r.border}; }
82        .bk-host-avatar { width:46px; height:46px; border-radius:50%; flex-shrink:0; display:grid; place-items:center; color:#fff; font-weight:800; font-size:18px; font-family:'Space Grotesk','Inter',sans-serif; background:linear-gradient(135deg, var(--brand), var(--brand-secondary, var(--brand))); box-shadow:0 6px 18px rgba(var(--brand-rgb),.32); }
83        .bk-host-name { font-family:'Space Grotesk','Inter',sans-serif; font-size:16px; font-weight:700; color:${r.text}; letter-spacing:-.01em; }
84        .bk-host-line { display:flex; flex-wrap:wrap; gap:12px; margin-top:4px; font-size:12px; color:${r.textMuted}; }
85        .bk-host-line span { display:inline-flex; align-items:center; gap:4px; }
86        .bk-host-line svg { color:${r.purple}; }
87        .bk-reassure { text-align:center; font-size:12px; color:${r.textDim}; margin-top:12px; }
88        .bk-card-title { font-family:'Space Grotesk','Inter',sans-serif; font-size:20px; font-weight:700; color:${r.text}; letter-spacing:-.02em; margin-bottom:4px; }
89        .bk-card-sub { font-size:13px; color:${r.textMuted}; line-height:1.6; margin-bottom:22px; }
90        .bk-step { display:flex; gap:6px; margin-bottom:20px; }
91        .bk-step-dot { height:4px; flex:1; border-radius:2px; background:${r.border}; transition:all .3s; }
92        .bk-step-dot.active { background:${r.purple}; }
93        .bk-step-dot.done { background:${r.purpleGlow}; }
94
95        .bk-back { background:none; border:none; font-size:13px; color:${r.textMuted}; cursor:pointer; padding:0; margin-bottom:12px; display:inline-flex; align-items:center; gap:4px; font-family:inherit; font-weight:500; }
96        .bk-back:hover { color:${r.purple}; }
97
98        .bk-days { display:grid; grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:8px; }
99        .bk-day { padding:14px 8px; border-radius:10px; border:1px solid ${r.border}; background:#fff; cursor:pointer; text-align:center; transition:all .15s; font-family:inherit; }
100        .bk-day:hover { border-color:${r.purpleGlow}; background:${r.paperTint}; }
101        .bk-day.sel { border-color:${r.purple}; background:rgba(var(--brand-rgb), .06); box-shadow:0 0 0 3px rgba(var(--brand-rgb), .1); }
102        .bk-day-name { font-size:11px; color:${r.textDim}; text-transform:uppercase; letter-spacing:.04em; font-weight:600; }
103        .bk-day-num { font-size:15px; font-weight:700; color:${r.text}; margin-top:2px; }
104
105        .bk-times { display:grid; grid-template-columns:repeat(auto-fill,minmax(80px,1fr)); gap:6px; }
106        .bk-time { padding:10px 6px; border-radius:10px; border:1px solid ${r.border}; background:#fff; cursor:pointer; text-align:center; font-size:13px; font-weight:500; color:${r.text}; transition:all .15s; font-family:inherit; }
107        .bk-time:hover { border-color:${r.purpleGlow}; color:${r.purple}; }
108        .bk-time.sel { border-color:${r.purple}; background:${r.purple}; color:#fff; }
109
110        /* Form */
111        .bk-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
112        @media(max-width:480px) { .bk-row { grid-template-columns:1fr; } }
113        .bk-form-stack { display:flex; flex-direction:column; gap:16px; }
114        .bk-form-group { display:flex; flex-direction:column; gap:7px; }
115        .bk-label { font-size:13px; font-weight:700; color:${r.text}; letter-spacing:-.005em; display:flex; align-items:center; gap:5px; }
116        .bk-label svg { color:${r.purple}; opacity:.9; }
117        .bk-req { color:${r.purple}; font-weight:800; }
118        .bk-input { width:100%; padding:13px 15px; border-radius:12px; border:1.5px solid ${r.border}; background:#fbfdfa; font-size:15px;
118 color:${r.text}; font-family:inherit; transition:border-color .15s, box-shadow .15s, background .15s; outline:none; }
119        .bk-input::placeholder { color:#9aa790; }
120        .bk-input:hover { border-color:${r.borderStrong}; background:#fff; }
121        .bk-input:focus { border-color:${r.purple}; background:#fff; box-shadow:0 0 0 4px rgba(var(--brand-rgb), .14); }
122        select.bk-input { cursor:pointer; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237e8b73' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:38px; }
123        textarea.bk-input { line-height:1.5; }
124
125        .bk-error { padding:12px 14px; background:rgba(220,38,38,.06); border:1px solid rgba(220,38,38,.15); border-radius:10px; color:#b91c1c; font-size:13px; margin-bottom:14px; }
126
127        .bk-submit { width:100%; padding:15px; background:${r.purple}; color:#fff; font-size:15px; font-weight:700; border:none; border-radius:12px; cursor:pointer; transition:all .15s; font-family:inherit; display:inline-flex; align-items:center; justify-content:center; gap:8px; box-shadow:0 10px 28px rgba(var(--brand-rgb), .3), inset 0 1px 0 rgba(255,255,255,.14); }
128        .bk-submit:hover { background:${r.purpleHover}; transform:translateY(-1px); box-shadow:0 16px 38px rgba(var(--brand-rgb), .4); }
129        .bk-submit:disabled { opacity:.6; cursor:not-allowed; transform:none; box-shadow:none; }
130
131        .bk-summary { background:${r.paperTint}; border:1px solid ${r.border}; border-radius:12px; padding:14px 18px; margin-bottom:18px; display:flex; align-items:center; gap:14px; }
132        .bk-summary-cal { width:44px; height:44px; background:linear-gradient(135deg, ${r.purple}, ${r.purpleGlow}); border-radius:10px; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; box-shadow:0 6px 16px rgba(var(--brand-rgb), .25); }
133        .bk-summary-date { font-size:14px; font-weight:700; color:${r.text}; }
134        .bk-summary-time { font-size:13px; font-weight:600; color:${r.purple}; margin-top:2px; }
135
136        .bk-confirmed { text-align:center; padding:20px 0; }
137        .bk-confirmed-icon { width:72px; height:72px; background:linear-gradient(135deg, ${r.purple}, ${r.purpleGlow}); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; margin:0 auto 20px; box-shadow:0 10px 30px rgba(var(--brand-rgb), .3); animation:bk-pop .4s ease; }
138        @keyframes bk-pop { 0%{transform:scale(0);} 60%{transform:scale(1.15);} 100%{transform:scale(1);} }
139
140        /* Below-the-fold sections */
141        .bk-section { max-width:1200px; margin:0 auto; padding:0 24px; }
142        .bk-divider { height:1px; background:${r.border}; margin:60px auto; max-width:1200px; }
143
144        .bk-what-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
145        @media(max-width:768px) { .bk-what-grid { grid-template-columns:1fr; } }
146        .bk-what-card { padding:28px 24px; border-radius:16px; border:1px solid ${r.border}; background:#fff; text-align:center; transition:all .2s; }
147        .bk-what-card:hover { border-color:${r.borderStrong}; box-shadow:0 12px 30px rgba(var(--brand-rgb), .08); transform:translateY(-2px); }
148        .bk-what-icon { width:52px; height:52px; margin:0 auto 14px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, rgba(var(--brand-rgb), .08), rgba(var(--brand-rgb), .04)); color:${r.purple}; border:1px solid rgba(var(--brand-rgb), .08); }
149        .bk-what-title { font-family:'Space Grotesk','Inter',sans-serif; font-size:16px; font-weight:700; color:${r.text}; margin-bottom:6px; letter-spacing:-.01em; }
150        .bk-what-desc { font-size:13.5px; color:${r.textMuted}; line-height:1.6; }
151
152        .bk-h2 { font-family:'Space Grotesk','Inter',sans-serif; font-size:clamp(28px, 3.2vw, 40px); font-weight:800; text-align:center; color:${r.text}; letter-spacing:-.025em; margin-bottom:10px; }
153        .bk-h2-sub { text-align:center; font-size:15px;
153 color:${r.textMuted}; margin-bottom:36px; }
154
155        .bk-footer { text-align:center; padding:40px 24px 60px; font-size:12.5px; color:${r.textDim}; border-top:1px solid ${r.border}; margin-top:40px; }
156        .bk-footer a { color:${r.purple}; text-decoration:none; font-weight:600; }
157        .bk-footer a:hover { text-decoration:underline; }
158
159        @media(max-width:768px) {
160          .bk-hero { padding:64px 0 72px; }
161          .bk-card { padding:24px; }
162          .bk-trust-bar { gap:14px; }
163        }
164        @media(max-width:480px) {
165          .bk-nav { padding:0 16px; }
166          .bk-layout { padding:0 16px 60px; }
167          .bk-hero-inner { padding:0 16px; }
168          .bk-card { padding:20px; border-radius:16px; }
169        }
170      `}),e.jsxs("div",{className:"bk-nav",children:[e.jsx("button",{className:"bk-logo",onClick:()=>g==null?void 0:g(),"aria-label":"REoperative.ai home",children:e.jsx("img",{src:"/reoperative-logo-dark.png",alt:"REoperative.ai",style:{height:30,width:"auto",objectFit:"contain",display:"block"}})}),e.jsxs("div",{className:"bk-nav-cta",children:[e.jsx("a",{href:"tel:5307367085",className:"bk-nav-phone",children:"530-736-7085"}),e.jsx("a",{href:"https://reoperative.ai",className:"bk-btn bk-btn-primary",children:"See Platform"})]})]}),e.jsxs("section",{className:"bk-hero",children:[e.jsx(Z,{}),e.jsxs("div",{className:"bk-hero-inner",children:[e.jsx("img",{src:"/reoperative-logo.png",alt:"REoperative.ai",className:"bk-hero-logo"}),e.jsxs("div",{className:"bk-chip",children:[e.jsx(T,{size:12}),e.jsx("span",{children:"THE AGENTIC OS FOR REAL ESTATE"})]}),e.jsxs("h1",{className:"bk-h1",children:["Book your ",e.jsx("span",{children:"15-minute"})," walkthrough."]}),e.jsxs("p",{className:"bk-sub",children:["See the AI work ",e.jsx("em",{children:"your"})," CRM — Follow Up Boss or GoHighLevel — with your contacts, your pipeline, your workflow. Live, not a slide deck. Pick a time below."]}),e.jsxs("div",{className:"bk-trust-bar",children:[e.jsxs("div",{className:"bk-trust-pill",children:[e.jsx("span",{className:"bk-trust-dot"})," Full FUB Sync"]}),e.jsxs("div",{className:"bk-trust-pill",children:[e.jsx("span",{className:"bk-trust-dot"})," Full GHL Sync"]}),e.jsxs("div",{className:"bk-trust-pill",children:[e.jsx("span",{className:"bk-trust-dot"})," 12 AI Products"]}),e.jsxs("div",{className:"bk-trust-pill",children:[e.jsx("span",{className:"bk-trust-dot"})," White Label Ready"]})]})]})]}),e.jsxs("div",{className:"bk-layout",children:[e.jsxs("div",{className:"bk-left",children:[K.map(a=>{const t=a.Icon;return e.jsxs("div",{className:"bk-feat",children:[e.jsx("div",{className:"bk-feat-icon",children:e.jsx(t,{size:20})}),e.jsxs("div",{children:[e.jsx("div",{className:"bk-feat-title",children:a.title}),e.jsx("div",{className:"bk-feat-desc",children:a.desc})]})]},a.title)}),e.jsxs("div",{className:"bk-contact-card",children:[e.jsx("div",{className:"bk-contact-label",children:"Prefer to just talk?"}),e.jsxs("div",{className:"bk-contact-links",children:[e.jsxs("a",{href:"tel:5307367085",className:"bk-contact-link",children:[e.jsx(S,{size:14})," 530-736-7085"]}),e.jsxs("a",{href:"mailto:[email protected]",className:"bk-contact-link",children:[e.jsx(I,{size:14})," Email Derik"]})]})]})]}),e.jsx("div",{className:"bk-right",children:e.jsxs("div",{className:"bk-card",children:[i<4&&e.jsxs("div",{className:"bk-host",children:[e.jsx("div",{className:"bk-host-avatar",children:"D"}),e.jsxs("div",{className:"bk-host-meta",children:[e.jsx("div",{className:"bk-host-name",children:"15-min demo with Derik"}),e.jsxs("div",{className:"bk-host-line",children:[e.jsxs("span",{children:[e.jsx(A,{size:12})," 15 min"]}),e.jsxs("span",{children:[e.jsx(c,{size:12})," Google Meet"]}),e.jsx("span",{children:k})]})]})]}),i<4&&e.jsxs("div",{className:"bk-step",children:[e.jsx("div",{className:`bk-step-dot ${i===1?"active":i>1?"done":""}`}),e.jsx("div",{className:`bk-step-dot ${i===2?"active":i>2?"done":""}`}),e.jsx("div",{className:`bk-step-dot ${i===3?"active":""}`})]}),i===1&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"bk-card-title",children:"Pick a Day"}),e.jsxs("div",{className:"bk-card-sub",children:["Times shown in your timezone (",k,") · 15-minute video call"]}),e.jsx("div",{className:"bk-days",children:w.map(([a,{dayLabel:t}])=>{const l=t.split(" ");return e.jsxs("button",{className:`bk-day ${s===a?"sel":""}`,onClick:()=>{B(a),m(2)},children:[e.jsx("div",{className:"bk-day-name",children:l[0]}),e.jsx("div",{className:"bk-day-num",children:l.slice(1).join(" ")})]},a)})})]}),i===2&&e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"bk-back",onClick:()=>{m(1),f(null)},children:"← Back"}),e.jsx("div",{className:"bk-card-title",children:"Pick a Time"}),e.jsxs("div",{className:"bk-card-sub",children:[(z=w.find(([a])=>a===s))==null?void 0:z[1].dayLabel," · 15 min · ",k]}),e.jsx("div",{className:"bk-times",children:P.map(a=>e.jsx("button",{className:`bk-time ${d===a.time?"sel":""}`,onClick:()=>{f(a.time),m(3)},children:a.label},a.time))})]}),i===3&&e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"bk-back",onClick:()=>m(2),children:"← Change time"}),e.jsx("div",{className:"bk-card-title",children:"Last Step"}),e.jsx("div",{className:"bk-card-sub",children:"Just your name and email — we’ll personalize the rest in a 60-second prep right after."}),n&&e.jsxs("div",{className:"bk-summary",children:[e.jsx("div",{className:"bk-summary-cal",children:e.jsx(c,{size:22})}),e.jsxs("div",{children:[e.jsx("div",{className:"bk-summary-date",children:n.dayLabelLong}),e.jsxs("div",{className:"bk-summary-time",children:[n.label," ",n.tzAbbr," · 15 min"]})]})]}),j&&e.jsx("div",{className:"bk-error",children:j}),e.jsxs("form",{onSubmit:H,children:[e.jsxs("div",{className:"bk-form-stack",children:[e.jsxs("div",{className:"bk-row",children:[e.jsxs("div",{className:"bk-form-group",children:[e.jsxs("label",{className:"bk-label",children:[e.jsx(_,{size:13}),"Full name ",e.jsx("span",{className:"bk-req",children:"*"})]}),e.jsx("input",{className:"bk-input",placeholder:"Jane Smith",value:b,onChange:a=>D(a.target.value),required:!0})]}),e.jsxs("div",{className:"bk-form-group",children:[e.jsxs("label",{className:"bk-label",children:[e.jsx(I,{size:13}),"Email ",e.jsx("span",{className:"bk-req",children:"*"})]}),e.jsx("input",{className:"bk-input",type:"email",placeholder:"[email protected]",value:x,onChange:a=>G(a.target.value),required:!0})]})]}),e.jsxs("div",{className:"bk-form-group",children:[e.jsxs("label",{className:"bk-label",children:[e.jsx(S,{size:12}),"Phone ",e.jsx("span",{style:{color:r.textDim,fontWeight:400},children:"— optional, for a text reminder"})]}),e.jsx("input",{className:"bk-input",type:"tel",placeholder:"555-123-4567",value:u,onChange:a=>L(a.target.value)})]})]}),e.jsx(W,{onToken:F,action:"book-demo"}),e.jsx("button",{type:"submit",className:"bk-submit",disabled:v,style:{marginTop:18},children:v?"Booking…":e.jsxs(e.Fragment,{children:["Confirm My Demo ",e.jsx(V,{size:16})]})}),e.jsx("div",{className:"bk-reassure",children:"No spam · No pitch deck · Reschedule anytime"})]})]}),i===4&&e.jsxs("div",{className:"bk-confirmed",children:[e.jsx("div",{className:"bk-confirmed-icon",children:e.jsx(M,{size:40})}),e.jsx("div",{className:"bk-card-title",style:{marginBottom:10},children:"You're Booked!"}),e.jsx("p",{style:{fontSize:15,color:r.textMuted,lineHeight:1.7,marginBottom:20},children:"Check your inbox for a confirmation email. Derik will send a calendar invite with a video link shortly."}),n&&e.jsxs("div",{className:"bk-summary",style:{justifyContent:"center"},children:[e.jsx("div",{className:"bk-summary-cal",children:e.jsx(c,{size:22})}),e.jsxs("div",{style:{textAlign:"left"},children:[e.jsx("div",{className:"bk-summary-date",children:n.dayLabelLong}),e.jsxs("div",{className:"bk-summary-time",children:[n.label," ",n.tzAbbr," · 15 min"]})]})]}),N&&e.jsxs("a",{href:N,target:"_blank",rel:"noopener noreferrer",className:"bk-btn-outline",style:{marginTop:16},children:[e.jsx(c,{size:14})," Add to Google Calendar"]}),e.jsxs("p",{style:{fontSize:13,color:r.textMuted,lineHeight:1.7,marginTop:20},children:["Need to reschedule? Reply to the confirmation email or call"," ",e.jsx("a",{href:"tel:5307367085",style:{color:r.purple,fontWeight:600,textDecoration:"none"},children:"530-736-7085"})]})]})]})})]}),e.jsx("div",{className:"bk-divider"}),e.jsxs("div",{className:"bk-section",style:{paddingBottom:60},children:[e.jsx("h2",{className:"bk-h2",children:"What You'll See in 15 Minutes"}),e.jsx("p",{className:"bk-h2-sub",children:"No pitch deck. No slides. Just the platform — live."}),e.jsx("div",{className:"bk-what-grid",children:X.map(a=>{const t=a.Icon;return e.jsxs("div",{className:"bk-what-card",children:[e.jsx("div",{className:"bk-what-icon",children:e.jsx(t,{size:24})}),e.jsx("div",{className:"bk-what-title",children:a.title}),e.jsx("div",{className:"bk-what-desc",children:a.desc})]},a.title)})})]}),Q.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"bk-divider"}),e.jsxs("div",{className:"bk-section",style:{paddingBottom:60}
170,children:[e.jsx("h2",{className:"bk-h2",children:"Brokerages Love It"}),e.jsx("p",{className:"bk-h2-sub",children:"From 10-agent teams to 500+ agent brokerages."})]})]}),e.jsxs("div",{className:"bk-footer",children:[e.jsx("a",{href:"https://reoperative.ai",children:"REoperative.ai"})," · The Agentic OS for Real Estate",e.jsx("br",{}),e.jsx("a",{href:"tel:5307367085",children:"530-736-7085"})," · ",e.jsx("a",{href:"mailto:[email protected]",children:"[email protected]"})]})]})}export{de 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.