@rubytech/create-realagent 1.0.406 → 1.0.423

package/payload/maxy/public/brand/demo-9pm-enquiry.svg

@@ -0,0 +1,95 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 460">
+  <defs>
+    <style>
+      .bg { fill: #FAFAF8; }
+      .title { font-family: 'Georgia', 'Times New Roman', serif; font-size: 20px; font-weight: 700; fill: #2A2F2B; }
+      .scene-label { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: 600; fill: #B87333; letter-spacing: 1px; }
+      .time { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; fill: #2A2F2B; }
+      .body { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12px; fill: #3A3E3B; line-height: 1.5; }
+      .body-muted { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 11px; fill: #8B8A85; }
+      .body-bold { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 600; fill: #2A2F2B; }
+      .chat-agent { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 11px; fill: #3A3E3B; }
+      .chat-label { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 9px; font-weight: 600; fill: #7C8C72; }
+      .outcome-text { font-family: 'Georgia', 'Times New Roman', serif; font-size: 14px; font-weight: 700; fill: #5A6B52; }
+      .footer { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; fill: #B0A9A1; }
+    </style>
+  </defs>
+
+  <rect class="bg" width="800" height="460" rx="12"/>
+
+  <!-- Header -->
+  <text class="scene-label" x="400" y="28" text-anchor="middle">REAL AGENT IN ACTION</text>
+  <text class="title" x="400" y="54" text-anchor="middle">The 9pm Enquiry</text>
+  <line x1="340" y1="64" x2="460" y2="64" stroke="#B87333" stroke-width="2"/>
+
+  <!-- Three-panel layout -->
+
+  <!-- Panel 1: Before (the problem) -->
+  <rect x="30" y="86" width="230" height="300" rx="10" fill="#FFF5F5" stroke="#E8DDD3" stroke-width="1"/>
+  <text class="scene-label" x="145" y="108" text-anchor="middle" fill="#CC6666">WITHOUT REAL AGENT</text>
+  <text class="time" x="145" y="148" text-anchor="middle">9:14 pm</text>
+  <text class="body" x="145" y="172" text-anchor="middle">A buyer enquiry arrives</text>
+  <text class="body" x="145" y="188" text-anchor="middle">from Rightmove.</text>
+
+  <!-- Phone icon (sleeping — Lucide Moon) -->
+  <rect x="108" y="206" width="74" height="44" rx="8" fill="#E8DDD3"/>
+  <g transform="translate(133,216) scale(0.75)" fill="none" stroke="#8B8A85" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></g>
+
+  <text class="body-muted" x="145" y="272" text-anchor="middle">You don't see it until</text>
+  <text class="body-muted" x="145" y="286" text-anchor="middle">8am the next morning.</text>
+
+  <text class="body-bold" x="145" y="316" text-anchor="middle" fill="#CC6666">By then, they've called</text>
+  <text class="body-bold" x="145" y="332" text-anchor="middle" fill="#CC6666">your competitor.</text>
+
+  <!-- Panel 2: Real Agent acts -->
+  <rect x="280" y="86" width="230" height="300" rx="10" fill="#F5F8F4" stroke="#7C8C72" stroke-width="1.5"/>
+  <text class="scene-label" x="395" y="108" text-anchor="middle">REAL AGENT RESPONDS</text>
+  <text class="time" x="395" y="148" text-anchor="middle">9:14 pm</text>
+  <text class="body" x="395" y="172" text-anchor="middle">Same enquiry arrives.</text>
+  <text class="body" x="395" y="188" text-anchor="middle">Real Agent is awake.</text>
+
+  <!-- Chat simulation -->
+  <rect x="300" y="204" width="190" height="28" rx="6" fill="#7C8C72" opacity="0.12"/>
+  <text class="chat-label" x="310" y="215">REAL AGENT</text>
+  <text class="chat-agent" x="310" y="226">Hi Sarah, thanks for your</text>
+
+  <rect x="300" y="238" width="190" height="28" rx="6" fill="#7C8C72" opacity="0.12"/>
+  <text class="chat-agent" x="310" y="249">enquiry on 14 Elm Street.</text>
+  <text class="chat-agent" x="310" y="260">When suits you for a viewing?</text>
+
+  <rect x="300" y="272" width="190" height="28" rx="6" fill="#F3EDE5"/>
+  <text class="chat-label" x="310" y="283" fill="#B87333">SARAH</text>
+  <text class="chat-agent" x="310" y="294">Saturday 10am would be great</text>
+
+  <rect x="300" y="306" width="190" height="28" rx="6" fill="#7C8C72" opacity="0.12"/>
+  <text class="chat-label" x="310" y="317">REAL AGENT</text>
+  <text class="chat-agent" x="310" y="328">Booked. Confirmation sent.</text>
+
+  <text class="body-muted" x="395" y="358" text-anchor="middle">Qualified, confirmed,</text>
+  <text class="body-muted" x="395" y="372" text-anchor="middle">booked — in 4 minutes.</text>
+
+  <!-- Panel 3: Outcome (next morning) -->
+  <rect x="530" y="86" width="230" height="300" rx="10" fill="#FEFEFE" stroke="#E8DDD3" stroke-width="1"/>
+  <text class="scene-label" x="645" y="108" text-anchor="middle">NEXT MORNING, 8AM</text>
+  <text class="time" x="645" y="148" text-anchor="middle">8:00 am</text>
+  <text class="body" x="645" y="172" text-anchor="middle">Your morning briefing</text>
+  <text class="body" x="645" y="188" text-anchor="middle">is already waiting:</text>
+
+  <!-- Briefing card -->
+  <rect x="555" y="204" width="180" height="112" rx="8" fill="#F3EDE5"/>
+  <text x="565" y="222" font-family="Inter, sans-serif" font-size="10" font-weight="600" fill="#7C8C72">BRIEFING</text>
+  <text x="565" y="240" font-family="Inter, sans-serif" font-size="10.5" fill="#3A3E3B">&#x2713; Sarah booked for 14 Elm</text>
+  <text x="575" y="254" font-family="Inter, sans-serif" font-size="10.5" fill="#3A3E3B">Street, Sat 10am</text>
+  <text x="565" y="272" font-family="Inter, sans-serif" font-size="10.5" fill="#3A3E3B">&#x2713; 2 more viewings today</text>
+  <text x="565" y="290" font-family="Inter, sans-serif" font-size="10.5" fill="#3A3E3B">&#x2713; Vendor report for Oak</text>
+  <text x="575" y="304" font-family="Inter, sans-serif" font-size="10.5" fill="#3A3E3B">Lane ready to review</text>
+
+  <text class="body-bold" x="645" y="340" text-anchor="middle" fill="#5A6B52">You attend a warm</text>
+  <text class="body-bold" x="645" y="356" text-anchor="middle" fill="#5A6B52">appointment on Saturday.</text>
+
+  <!-- Bottom bar -->
+  <rect x="30" y="400" width="740" height="36" rx="8" fill="#7C8C72" opacity="0.08"/>
+  <text class="outcome-text" x="400" y="423" text-anchor="middle">Real Agent works while you sleep. You never miss a lead.</text>
+
+  <text class="footer" x="400" y="452" text-anchor="middle">Real Agent — Built for agents. By agents.</text>
+</svg>

package/payload/maxy/public/brand/demo-create-agent.svg

@@ -0,0 +1,110 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
+  <defs>
+    <style>
+      .bg { fill: #FAFAF8; }
+      .title { font-family: 'Georgia', 'Times New Roman', serif; font-size: 20px; font-weight: 700; fill: #2A2F2B; }
+      .scene-label { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: 600; fill: #B87333; letter-spacing: 1px; }
+      .body { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12px; fill: #3A3E3B; }
+      .body-muted { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 11px; fill: #8B8A85; }
+      .body-bold { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 600; fill: #2A2F2B; }
+      .chat-bubble-user { fill: #F3EDE5; }
+      .chat-bubble-agent { fill: #7C8C72; opacity: 0.12; }
+      .chat-text { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 11px; fill: #3A3E3B; }
+      .chat-label-user { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 9px; font-weight: 600; fill: #B87333; }
+      .chat-label-agent { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 9px; font-weight: 600; fill: #7C8C72; }
+      .agent-card-title { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 600; fill: #2A2F2B; }
+      .agent-card-detail { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; fill: #8B8A85; }
+      .agent-card-tag { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 9px; font-weight: 600; }
+      .outcome-text { font-family: 'Georgia', 'Times New Roman', serif; font-size: 14px; font-weight: 700; fill: #5A6B52; }
+      .footer { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; fill: #B0A9A1; }
+    </style>
+  </defs>
+
+  <rect class="bg" width="800" height="500" rx="12"/>
+
+  <!-- Header -->
+  <text class="scene-label" x="400" y="28" text-anchor="middle">REAL AGENT IN ACTION</text>
+  <text class="title" x="400" y="54" text-anchor="middle">Creating a Specialist Agent</text>
+  <line x1="300" y1="64" x2="500" y2="64" stroke="#B87333" stroke-width="2"/>
+  <text class="body-muted" x="400" y="82" text-anchor="middle">One conversation with your admin agent. No technical setup. No code.</text>
+
+  <!-- Left side: Conversation -->
+  <rect x="40" y="100" width="380" height="340" rx="10" fill="#FEFEFE" stroke="#E8DDD3" stroke-width="1"/>
+  <text class="scene-label" x="230" y="122" text-anchor="middle">THE CONVERSATION</text>
+
+  <!-- Chat message 1: User -->
+  <rect x="60" y="136" width="280" height="32" rx="6" class="chat-bubble-user"/>
+  <text class="chat-label-user" x="72" y="149">YOU</text>
+  <text class="chat-text" x="72" y="162">I need a sales progression agent for the</text>
+
+  <rect x="60" y="172" width="280" height="20" rx="6" class="chat-bubble-user"/>
+  <text class="chat-text" x="72" y="186">Harrison deal. Buyer, seller, both solicitors.</text>
+
+  <!-- Chat message 2: Agent -->
+  <rect x="60" y="200" width="340" height="32" rx="6" fill="#7C8C72" opacity="0.1"/>
+  <text class="chat-label-agent" x="72" y="213">REAL AGENT</text>
+  <text class="chat-text" x="72" y="226">I'll create a gated agent for the Harrison chain.</text>
+
+  <rect x="60" y="236" width="340" height="32" rx="6" fill="#7C8C72" opacity="0.1"/>
+  <text class="chat-text" x="72" y="249">Access for: buyer, seller, both solicitors.</text>
+  <text class="chat-text" x="72" y="262">It'll know the full chain status and chase weekly.</text>
+
+  <!-- Chat message 3: Agent confirms -->
+  <rect x="60" y="276" width="340" height="44" rx="6" fill="#7C8C72" opacity="0.1"/>
+  <text class="chat-label-agent" x="72" y="289">REAL AGENT</text>
+  <text class="chat-text" x="72" y="302">Done. "Harrison Sale Progression" is live.</text>
+  <text class="chat-text" x="72" y="314">Invitations sent. Each party has their own login.</text>
+
+  <!-- Chat message 4: User -->
+  <rect x="60" y="328" width="280" height="20" rx="6" class="chat-bubble-user"/>
+  <text class="chat-label-user" x="72" y="341">YOU</text>
+
+  <rect x="60" y="352" width="280" height="20" rx="6" class="chat-bubble-user"/>
+  <text class="chat-text" x="72" y="366">What can they ask it?</text>
+
+  <!-- Chat message 5: Agent -->
+  <rect x="60" y="380" width="340" height="44" rx="6" fill="#7C8C72" opacity="0.1"/>
+  <text class="chat-label-agent" x="72" y="393">REAL AGENT</text>
+  <text class="chat-text" x="72" y="406">Chain status, completion timeline, next steps,</text>
+  <text class="chat-text" x="72" y="418">outstanding actions. 24/7. No phone tag.</text>
+
+  <!-- Right side: What was created -->
+  <rect x="440" y="100" width="320" height="340" rx="10" fill="#F5F8F4" stroke="#7C8C72" stroke-width="1"/>
+  <text class="scene-label" x="600" y="122" text-anchor="middle">WHAT WAS CREATED</text>
+
+  <!-- Agent card -->
+  <rect x="460" y="140" width="280" height="80" rx="8" fill="#FEFEFE" stroke="#E8DDD3" stroke-width="1"/>
+  <circle cx="486" cy="168" r="14" fill="#7C8C72"/>
+  <text x="486" y="173" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#FEFEFE" font-weight="700">H</text>
+  <text class="agent-card-title" x="508" y="164">Harrison Sale Progression</text>
+  <text class="agent-card-detail" x="508" y="178">Specialist public agent</text>
+  <!-- Tags -->
+  <rect x="508" y="190" width="52" height="18" rx="4" fill="#7C8C72" opacity="0.12"/>
+  <text class="agent-card-tag" x="534" y="202" text-anchor="middle" fill="#5A6B52">GATED</text>
+  <rect x="566" y="190" width="42" height="18" rx="4" fill="#B87333" opacity="0.12"/>
+  <text class="agent-card-tag" x="587" y="202" text-anchor="middle" fill="#B87333">LIVE</text>
+
+  <!-- Access list -->
+  <text x="460" y="244" font-family="Inter, sans-serif" font-size="10" font-weight="600" fill="#7C8C72">ACCESS GRANTED TO</text>
+  <text class="agent-card-detail" x="460" y="262">&#x2713; James Harrison (buyer)</text>
+  <text class="agent-card-detail" x="460" y="278">&#x2713; Margaret Ellis (seller)</text>
+  <text class="agent-card-detail" x="460" y="294">&#x2713; Taylor &amp; Co Solicitors (buyer)</text>
+  <text class="agent-card-detail" x="460" y="310">&#x2713; Marsh Legal (seller)</text>
+
+  <!-- Capabilities -->
+  <text x="460" y="336" font-family="Inter, sans-serif" font-size="10" font-weight="600" fill="#7C8C72">KNOWS</text>
+  <text class="agent-card-detail" x="460" y="354">Full chain status, agreed price, survey dates,</text>
+  <text class="agent-card-detail" x="460" y="368">solicitor contacts, outstanding actions.</text>
+  <text class="agent-card-detail" x="460" y="386">Chases solicitors weekly by email.</text>
+  <text class="agent-card-detail" x="460" y="400">Answers questions from any party, 24/7.</text>
+
+  <!-- Other examples -->
+  <text x="460" y="422" font-family="Inter, sans-serif" font-size="9" fill="#B0A9A1">Other agents you could create: lead response,</text>
+  <text x="460" y="434" font-family="Inter, sans-serif" font-size="9" fill="#B0A9A1">viewing booking, vendor updates, lettings...</text>
+
+  <!-- Bottom bar -->
+  <rect x="40" y="452" width="720" height="18" rx="4" fill="#7C8C72" opacity="0.08"/>
+  <text class="outcome-text" x="400" y="465" text-anchor="middle" font-size="12">Not one chatbot. An AI team you deploy wherever they create value.</text>
+
+  <text class="footer" x="400" y="492" text-anchor="middle">Real Agent — Built for agents. By agents.</text>
+</svg>

package/payload/maxy/public/brand/demo-morning-briefing.svg

@@ -0,0 +1,83 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 480">
+  <defs>
+    <style>
+      .bg { fill: #FAFAF8; }
+      .title { font-family: 'Georgia', 'Times New Roman', serif; font-size: 20px; font-weight: 700; fill: #2A2F2B; }
+      .scene-label { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: 600; fill: #B87333; letter-spacing: 1px; }
+      .time { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; fill: #2A2F2B; }
+      .body { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12px; fill: #3A3E3B; }
+      .body-muted { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 11px; fill: #8B8A85; }
+      .body-bold { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 600; fill: #2A2F2B; }
+      .card-title { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: 600; fill: #7C8C72; letter-spacing: 0.5px; }
+      .card-item { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 11px; fill: #3A3E3B; }
+      .card-detail { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; fill: #8B8A85; }
+      .outcome-text { font-family: 'Georgia', 'Times New Roman', serif; font-size: 14px; font-weight: 700; fill: #5A6B52; }
+      .footer { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; fill: #B0A9A1; }
+      .check { fill: #7C8C72; font-size: 11px; }
+      .priority { fill: #B87333; font-size: 10px; font-weight: 600; }
+    </style>
+  </defs>
+
+  <rect class="bg" width="800" height="480" rx="12"/>
+
+  <!-- Header -->
+  <text class="scene-label" x="400" y="28" text-anchor="middle">REAL AGENT IN ACTION</text>
+  <text class="title" x="400" y="54" text-anchor="middle">The Morning Briefing</text>
+  <line x1="330" y1="64" x2="470" y2="64" stroke="#B87333" stroke-width="2"/>
+
+  <!-- Time + intro -->
+  <text class="time" x="400" y="100" text-anchor="middle">8:00 am — You open your laptop</text>
+  <text class="body-muted" x="400" y="118" text-anchor="middle">Everything is already prepared. You focus on decisions, not assembly.</text>
+
+  <!-- Card grid: 2x2 -->
+
+  <!-- Card 1: Today's Schedule -->
+  <rect x="40" y="140" width="350" height="120" rx="10" fill="#F5F8F4" stroke="#7C8C72" stroke-width="1"/>
+  <text class="card-title" x="56" y="162">TODAY'S SCHEDULE</text>
+  <text class="check" x="56" y="182">&#x2713;</text>
+  <text class="card-item" x="72" y="182">3 viewings — all confirmations sent</text>
+  <text class="check" x="56" y="200">&#x2713;</text>
+  <text class="card-item" x="72" y="200">1 valuation at 1pm — pack ready</text>
+  <text class="card-detail" x="80" y="214">Comparables, market analysis, pricing recommendation</text>
+  <text class="check" x="56" y="232">&#x2713;</text>
+  <text class="card-item" x="72" y="232">2pm vendor meeting — report pre-built</text>
+  <text class="card-detail" x="80" y="246">Portal stats, feedback summary, pricing context</text>
+
+  <!-- Card 2: Overnight Activity -->
+  <rect x="410" y="140" width="350" height="120" rx="10" fill="#FFF9F3" stroke="#D4A06A" stroke-width="1"/>
+  <text class="card-title" x="426" y="162" fill="#B87333">OVERNIGHT ACTIVITY</text>
+  <text class="priority" x="426" y="182">&#x25CF;</text>
+  <text class="card-item" x="440" y="182">Sarah enquired at 9:14pm — viewing booked</text>
+  <text class="card-detail" x="448" y="196">14 Elm Street, Saturday 10am. Qualified: mortgage agreed.</text>
+  <text class="priority" x="426" y="214">&#x25CF;</text>
+  <text class="card-item" x="440" y="214">Offer received on 7 Oak Lane — details below</text>
+  <text class="card-detail" x="448" y="228">Buyer: James P. Offer: 425k (asking: 450k). Chain-free.</text>
+  <text class="card-item" x="440" y="248" fill="#8B8A85">3 portal enquiries handled, 1 callback scheduled</text>
+
+  <!-- Card 3: Prospecting Call List -->
+  <rect x="40" y="276" width="350" height="110" rx="10" fill="#FEFEFE" stroke="#E8DDD3" stroke-width="1"/>
+  <text class="card-title" x="56" y="298">PROSPECTING — RANKED WITH REASONING</text>
+  <text class="card-item" x="56" y="318">1. Sarah Williams — viewed twice, positive feedback,</text>
+  <text class="card-detail" x="68" y="332">solicitor search suggests ready to move. Call first.</text>
+  <text class="card-item" x="56" y="352">2. The Petersons — 3 comparable sales this month avg.</text>
+  <text class="card-detail" x="68" y="366">8% above their original valuation. Good re-approach.</text>
+  <text class="card-item" x="56" y="378" fill="#8B8A85">3. David Chen — tenancy ends 8 weeks. Worth a call.</text>
+
+  <!-- Card 4: Already Done -->
+  <rect x="410" y="276" width="350" height="110" rx="10" fill="#F3EDE5" stroke="#E8DDD3" stroke-width="1"/>
+  <text class="card-title" x="426" y="298">ALREADY DONE FOR YOU</text>
+  <text class="check" x="426" y="318">&#x2713;</text>
+  <text class="card-item" x="442" y="318">Vendor reports pre-generated (Sunday evening)</text>
+  <text class="check" x="426" y="338">&#x2713;</text>
+  <text class="card-item" x="442" y="338">Solicitor chases sent (sales progression)</text>
+  <text class="check" x="426" y="358">&#x2713;</text>
+  <text class="card-item" x="442" y="358">CRM updated from Friday's conversations</text>
+  <text class="check" x="426" y="378">&#x2713;</text>
+  <text class="card-item" x="442" y="378">Prospect letters drafted and ready to send</text>
+
+  <!-- Bottom bar -->
+  <rect x="40" y="402" width="720" height="36" rx="8" fill="#7C8C72" opacity="0.08"/>
+  <text class="outcome-text" x="400" y="425" text-anchor="middle">Monday morning: hot prospects, not admin. You start selling at 8:01.</text>
+
+  <text class="footer" x="400" y="468" text-anchor="middle">Real Agent — Built for agents. By agents.</text>
+</svg>

package/payload/maxy/public/brand/demo-post-viewing.svg

@@ -0,0 +1,107 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
+  <defs>
+    <style>
+      .bg { fill: #FAFAF8; }
+      .title { font-family: 'Georgia', 'Times New Roman', serif; font-size: 20px; font-weight: 700; fill: #2A2F2B; }
+      .scene-label { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: 600; fill: #B87333; letter-spacing: 1px; }
+      .body { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12px; fill: #3A3E3B; }
+      .body-muted { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 11px; fill: #8B8A85; }
+      .body-bold { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 600; fill: #2A2F2B; }
+      .step-num { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; fill: #FEFEFE; }
+      .step-title { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 600; fill: #2A2F2B; }
+      .step-body { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10.5px; fill: #3A3E3B; }
+      .step-detail { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; fill: #8B8A85; }
+      .branch-label { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: 600; fill: #7C8C72; }
+      .outcome-text { font-family: 'Georgia', 'Times New Roman', serif; font-size: 14px; font-weight: 700; fill: #5A6B52; }
+      .footer { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; fill: #B0A9A1; }
+    </style>
+    <marker id="arr" markerWidth="8" markerHeight="6" refX="7" refY="3" orient="auto">
+      <polygon points="0 0, 8 3, 0 6" fill="#B87333"/>
+    </marker>
+    <marker id="arr-sage" markerWidth="8" markerHeight="6" refX="7" refY="3" orient="auto">
+      <polygon points="0 0, 8 3, 0 6" fill="#7C8C72"/>
+    </marker>
+  </defs>
+
+  <rect class="bg" width="800" height="500" rx="12"/>
+
+  <!-- Header -->
+  <text class="scene-label" x="400" y="28" text-anchor="middle">REAL AGENT IN ACTION</text>
+  <text class="title" x="400" y="54" text-anchor="middle">Post-Viewing Feedback Workflow</text>
+  <line x1="290" y1="64" x2="510" y2="64" stroke="#B87333" stroke-width="2"/>
+  <text class="body-muted" x="400" y="82" text-anchor="middle">Saturday's viewings are done. The automated follow-up chain begins Sunday morning.</text>
+
+  <!-- Step 1: Prep -->
+  <circle cx="120" cy="128" r="16" fill="#7C8C72"/>
+  <text class="step-num" x="120" y="133" text-anchor="middle">1</text>
+  <text class="step-title" x="120" y="160" text-anchor="middle">AI Preps Your Brief</text>
+  <text class="step-detail" x="120" y="174" text-anchor="middle">Property details, buyer history,</text>
+  <text class="step-detail" x="120" y="186" text-anchor="middle">previous feedback compiled.</text>
+
+  <!-- Arrow 1→2 -->
+  <line x1="155" y1="128" x2="248" y2="128" stroke="#B87333" stroke-width="1.5" marker-end="url(#arr)"/>
+
+  <!-- Step 2: You call -->
+  <circle cx="290" cy="128" r="16" fill="#B87333"/>
+  <text class="step-num" x="290" y="133" text-anchor="middle">2</text>
+  <text class="step-title" x="290" y="160" text-anchor="middle">You Make the Call</text>
+  <text class="step-detail" x="290" y="174" text-anchor="middle">Personal, high-value work.</text>
+  <text class="step-detail" x="290" y="186" text-anchor="middle">This is what you do best.</text>
+
+  <!-- Arrow 2→branch -->
+  <line x1="325" y1="128" x2="418" y2="128" stroke="#B87333" stroke-width="1.5" marker-end="url(#arr)"/>
+
+  <!-- Step 3: Branch point -->
+  <circle cx="460" cy="128" r="16" fill="#7C8C72"/>
+  <text class="step-num" x="460" y="133" text-anchor="middle">3</text>
+  <text class="step-title" x="460" y="160" text-anchor="middle">AI Handles the Rest</text>
+  <text class="step-detail" x="460" y="174" text-anchor="middle">Based on what you heard,</text>
+  <text class="step-detail" x="460" y="186" text-anchor="middle">Real Agent takes over.</text>
+
+  <!-- Branch lines -->
+  <!-- Positive -->
+  <line x1="460" y1="200" x2="460" y2="224" stroke="#7C8C72" stroke-width="1.5"/>
+  <line x1="460" y1="224" x2="180" y2="224" stroke="#7C8C72" stroke-width="1.5"/>
+  <line x1="180" y1="224" x2="180" y2="244" stroke="#7C8C72" stroke-width="1.5" marker-end="url(#arr-sage)"/>
+
+  <!-- Negative -->
+  <line x1="460" y1="224" x2="460" y2="244" stroke="#7C8C72" stroke-width="1.5" marker-end="url(#arr-sage)"/>
+
+  <!-- No answer -->
+  <line x1="460" y1="224" x2="660" y2="224" stroke="#7C8C72" stroke-width="1.5"/>
+  <line x1="660" y1="224" x2="660" y2="244" stroke="#7C8C72" stroke-width="1.5" marker-end="url(#arr-sage)"/>
+
+  <!-- Branch A: Positive feedback -->
+  <rect x="60" y="248" width="240" height="110" rx="8" fill="#F0F7EE" stroke="#7C8C72" stroke-width="1"/>
+  <text class="branch-label" x="76" y="268">IF POSITIVE</text>
+  <text class="step-body" x="76" y="288">&#x2713; Vendor update drafted and sent</text>
+  <text class="step-body" x="76" y="306">&#x2713; Second viewing offered to buyer</text>
+  <text class="step-body" x="76" y="324">&#x2713; Offer invitation prepared</text>
+  <text class="step-detail" x="76" y="344">Pipeline status updated automatically.</text>
+
+  <!-- Branch B: Negative feedback -->
+  <rect x="320" y="248" width="240" height="110" rx="8" fill="#FFF9F3" stroke="#D4A06A" stroke-width="1"/>
+  <text class="branch-label" x="336" y="268" fill="#B87333">IF NEGATIVE</text>
+  <text class="step-body" x="336" y="288">&#x2713; Buyer requirements re-checked</text>
+  <text class="step-body" x="336" y="306">&#x2713; Alternative properties matched</text>
+  <text class="step-body" x="336" y="324">&#x2713; Alternatives sent to buyer</text>
+  <text class="step-detail" x="336" y="344">Vendor updated with honest feedback.</text>
+
+  <!-- Branch C: No answer -->
+  <rect x="580" y="248" width="180" height="110" rx="8" fill="#F3EDE5" stroke="#E8DDD3" stroke-width="1"/>
+  <text class="branch-label" x="596" y="268" fill="#8B8A85">IF NO ANSWER</text>
+  <text class="step-body" x="596" y="288">&#x2713; Email sent immediately</text>
+  <text class="step-body" x="596" y="306">&#x2713; Vendor notified: attempted</text>
+  <text class="step-body" x="596" y="324">&#x2713; Daily callback until contact</text>
+  <text class="step-detail" x="596" y="344">Feedback enforced before next</text>
+
+  <!-- Rule callout -->
+  <rect x="160" y="374" width="480" height="36" rx="6" fill="#B87333" opacity="0.08"/>
+  <text x="400" y="396" text-anchor="middle" font-family="Inter, sans-serif" font-size="11" font-weight="600" fill="#B87333">Rule: If that buyer books a new viewing, they must provide feedback on the last one first.</text>
+
+  <!-- Bottom bar -->
+  <rect x="40" y="424" width="720" height="36" rx="8" fill="#7C8C72" opacity="0.08"/>
+  <text class="outcome-text" x="400" y="447" text-anchor="middle">You make the phone call. Real Agent handles everything around it.</text>
+
+  <text class="footer" x="400" y="488" text-anchor="middle">Real Agent — Built for agents. By agents.</text>
+</svg>

package/payload/maxy/public/brand/how-it-works.svg

@@ -0,0 +1,152 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 540">
+  <defs>
+    <style>
+      .bg { fill: #FAFAF8; }
+      .title { font-family: 'Georgia', 'Times New Roman', serif; font-size: 22px; font-weight: 700; fill: #2A2F2B; }
+      .subtitle { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12px; fill: #8B8A85; letter-spacing: 0.5px; }
+      .step-num { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; fill: #FEFEFE; }
+      .step-label { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 12.5px; font-weight: 600; fill: #2A2F2B; }
+      .step-desc { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10.5px; fill: #8B8A85; }
+      .ext-label { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 500; fill: #5A6B52; }
+      .ext-desc { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 9.5px; fill: #8B8A85; }
+      .section-label { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: 600; fill: #B87333; letter-spacing: 1px; text-transform: uppercase; }
+      .footer { font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size: 10px; fill: #B0A9A1; }
+      .sage { fill: #7C8C72; }
+      .sage-light { fill: #9AAD8F; }
+      .copper { fill: #B87333; }
+      .copper-light { fill: rgba(184, 115, 51, 0.12); }
+      .arrow { stroke: #B87333; stroke-width: 2; fill: none; marker-end: url(#arrowhead); }
+      .connector { stroke: #D4C9BC; stroke-width: 1.5; stroke-dasharray: 4 3; fill: none; }
+    </style>
+    <marker id="arrowhead" markerWidth="8" markerHeight="6" refX="7" refY="3" orient="auto">
+      <polygon points="0 0, 8 3, 0 6" fill="#B87333"/>
+    </marker>
+  </defs>
+
+  <!-- Background -->
+  <rect class="bg" width="800" height="540" rx="12"/>
+
+  <!-- Header -->
+  <text class="subtitle" x="400" y="32" text-anchor="middle">REAL AGENT</text>
+  <text class="title" x="400" y="58" text-anchor="middle">How It Works</text>
+  <line x1="360" y1="68" x2="440" y2="68" stroke="#B87333" stroke-width="2"/>
+
+  <!-- Section label: Core loop -->
+  <text class="section-label" x="40" y="100">THE CORE LOOP</text>
+
+  <!-- Step 1: Lead comes in -->
+  <circle cx="95" cy="150" r="18" class="sage"/>
+  <text class="step-num" x="95" y="155" text-anchor="middle">1</text>
+  <text class="step-label" x="95" y="185" text-anchor="middle">Lead Arrives</text>
+  <text class="step-desc" x="95" y="198" text-anchor="middle">Portal, website,</text>
+  <text class="step-desc" x="95" y="210" text-anchor="middle">WhatsApp, social</text>
+
+  <!-- Arrow 1→2 -->
+  <path class="arrow" d="M 118 150 L 178 150"/>
+
+  <!-- Step 2: AI responds -->
+  <circle cx="235" cy="150" r="18" class="sage"/>
+  <text class="step-num" x="235" y="155" text-anchor="middle">2</text>
+  <text class="step-label" x="235" y="185" text-anchor="middle">AI Responds</text>
+  <text class="step-desc" x="235" y="198" text-anchor="middle">Instantly, 24/7.</text>
+  <text class="step-desc" x="235" y="210" text-anchor="middle">Even at 9pm.</text>
+
+  <!-- Arrow 2→3 -->
+  <path class="arrow" d="M 258 150 L 318 150"/>
+
+  <!-- Step 3: AI follows up -->
+  <circle cx="375" cy="150" r="18" class="sage"/>
+  <text class="step-num" x="375" y="155" text-anchor="middle">3</text>
+  <text class="step-label" x="375" y="185" text-anchor="middle">AI Follows Up</text>
+  <text class="step-desc" x="375" y="198" text-anchor="middle">Automatically.</text>
+  <text class="step-desc" x="375" y="210" text-anchor="middle">Never forgets.</text>
+
+  <!-- Arrow 3→4 -->
+  <path class="arrow" d="M 398 150 L 458 150"/>
+
+  <!-- Step 4: Books appointments -->
+  <circle cx="515" cy="150" r="18" class="sage"/>
+  <text class="step-num" x="515" y="155" text-anchor="middle">4</text>
+  <text class="step-label" x="515" y="185" text-anchor="middle">Books Viewings</text>
+  <text class="step-desc" x="515" y="198" text-anchor="middle">Schedules, confirms,</text>
+  <text class="step-desc" x="515" y="210" text-anchor="middle">groups efficiently.</text>
+
+  <!-- Arrow 4→5 -->
+  <path class="arrow" d="M 538 150 L 598 150"/>
+
+  <!-- Step 5: Agent closes -->
+  <circle cx="660" cy="150" r="18" class="copper"/>
+  <text class="step-num" x="660" y="155" text-anchor="middle">5</text>
+  <text class="step-label" x="660" y="185" text-anchor="middle">You Close</text>
+  <text class="step-desc" x="660" y="198" text-anchor="middle">Attend a warm</text>
+  <text class="step-desc" x="660" y="210" text-anchor="middle">appointment.</text>
+
+  <!-- Divider -->
+  <line x1="40" y1="240" x2="760" y2="240" stroke="#E8DDD3" stroke-width="1"/>
+
+  <!-- Section label: Extended capabilities -->
+  <text class="section-label" x="40" y="268">BEYOND THE CORE</text>
+  <text class="step-desc" x="215" y="268">Real Agent handles your entire operation — not just leads.</text>
+
+  <!-- Extended capability cards -->
+  <!-- Row 1 -->
+  <!-- Card 1: Database Prospecting -->
+  <rect x="40" y="286" width="218" height="56" rx="8" fill="#F3EDE5"/>
+  <circle cx="66" cy="314" r="12" fill="#7C8C72" opacity="0.15"/>
+  <g transform="translate(57,305) scale(0.75)" fill="none" stroke="#7C8C72" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></g>
+  <text class="ext-label" x="86" y="308">Database Prospecting</text>
+  <text class="ext-desc" x="86" y="322">Work through 20,000+ contacts.</text>
+  <text class="ext-desc" x="86" y="334">Surface re-approach candidates.</text>
+
+  <!-- Card 2: Organisation -->
+  <rect x="270" y="286" width="218" height="56" rx="8" fill="#F3EDE5"/>
+  <circle cx="296" cy="314" r="12" fill="#7C8C72" opacity="0.15"/>
+  <g transform="translate(287,305) scale(0.75)" fill="none" stroke="#7C8C72" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="8" y="2" width="8" height="4" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></g>
+  <text class="ext-label" x="316" y="308">Organisation &amp; Tasks</text>
+  <text class="ext-desc" x="316" y="322">CRM updates, pipeline tracking,</text>
+  <text class="ext-desc" x="316" y="334">vendor reports — all automatic.</text>
+
+  <!-- Card 3: Marketing -->
+  <rect x="500" y="286" width="218" height="56" rx="8" fill="#F3EDE5"/>
+  <circle cx="526" cy="314" r="12" fill="#7C8C72" opacity="0.15"/>
+  <g transform="translate(517,305) scale(0.75)" fill="none" stroke="#7C8C72" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m3 11 18-5v12L3 13v-2z"/><path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"/></g>
+  <text class="ext-label" x="546" y="308">Marketing &amp; Content</text>
+  <text class="ext-desc" x="546" y="322">Social posts, prospect letters,</text>
+  <text class="ext-desc" x="546" y="334">email campaigns — from activity.</text>
+
+  <!-- Row 2 -->
+  <!-- Card 4: Reporting -->
+  <rect x="40" y="354" width="218" height="56" rx="8" fill="#F3EDE5"/>
+  <circle cx="66" cy="382" r="12" fill="#7C8C72" opacity="0.15"/>
+  <g transform="translate(57,373) scale(0.75)" fill="none" stroke="#7C8C72" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="M18 17V9"/><path d="M13 17V5"/><path d="M8 17v-3"/></g>
+  <text class="ext-label" x="86" y="376">Reporting &amp; Targets</text>
+  <text class="ext-desc" x="86" y="390">Weekly vendor reports pre-built.</text>
+  <text class="ext-desc" x="86" y="402">Pipeline insights surfaced daily.</text>
+
+  <!-- Card 5: Coaching -->
+  <rect x="270" y="354" width="218" height="56" rx="8" fill="#F3EDE5"/>
+  <circle cx="296" cy="382" r="12" fill="#7C8C72" opacity="0.15"/>
+  <g transform="translate(287,373) scale(0.75)" fill="none" stroke="#7C8C72" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10v6M2 10l10-5 10 5-10 5z"/><path d="M6 12v5c0 2 4 4 6 4s6-2 6-4v-5"/></g>
+  <text class="ext-label" x="316" y="376">Coaching &amp; Development</text>
+  <text class="ext-desc" x="316" y="390">Adapts to each person's level.</text>
+  <text class="ext-desc" x="316" y="402">Builds capability, not dependence.</text>
+
+  <!-- Card 6: Privacy -->
+  <rect x="500" y="354" width="218" height="56" rx="8" fill="#F3EDE5"/>
+  <circle cx="526" cy="382" r="12" fill="#7C8C72" opacity="0.15"/>
+  <g transform="translate(517,373) scale(0.75)" fill="none" stroke="#7C8C72" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></g>
+  <text class="ext-label" x="546" y="376">Your Data, Your Premises</text>
+  <text class="ext-desc" x="546" y="390">Runs on a device in your office.</text>
+  <text class="ext-desc" x="546" y="402">Nothing leaves. GDPR by design.</text>
+
+  <!-- Divider -->
+  <line x1="40" y1="430" x2="760" y2="430" stroke="#E8DDD3" stroke-width="1"/>
+
+  <!-- Bottom bar: key message -->
+  <rect x="40" y="446" width="720" height="48" rx="8" fill="#7C8C72" opacity="0.08"/>
+  <text x="400" y="467" text-anchor="middle" font-family="Georgia, serif" font-size="14" font-weight="700" fill="#5A6B52">AI handles the middle. You handle the relationships.</text>
+  <text x="400" y="484" text-anchor="middle" font-family="Inter, -apple-system, Helvetica, Arial, sans-serif" font-size="11" fill="#8B8A85">17 tasks fully automated. 10 AI-assisted. One conversation to run it all.</text>
+
+  <!-- Footer -->
+  <text class="footer" x="400" y="524" text-anchor="middle">Real Agent — Built for agents. By agents.</text>
+</svg>

package/payload/maxy/public/brand-constants.json

@@ -1,8 +1,8 @@
 {
   "productName": "Real Agent",
-  "tagline": "AI for productive Estate Agents",
+  "tagline": "Built for agents. By agents.",
   "domain": "realagency.network",
   "hostname": "realagent",
-  "logo": "/brand/realagent-logo.png",
-  "favicon": "/brand/favicon.ico"
+  "logo": "/brand/realagent-icon-dark-web.png",
+  "favicon": "/brand/realagent-favicon-dark-32.png"
 }

package/payload/maxy/public/brand-defaults.css

@@ -1,9 +1,9 @@
 :root {
   /* Brand defaults — generated by bundle.js from brands/realagent/brand.json */
-  --sage: #1B365D;
-  --sage-hover: #152B4D;
-  --sage-subtle: rgba(27, 54, 93, 0.08);
-  --sage-glow: rgba(27, 54, 93, 0.15);
+  --sage: #7C8C72;
+  --sage-hover: #6A7A62;
+  --sage-subtle: rgba(124, 140, 114, 0.08);
+  --sage-glow: rgba(124, 140, 114, 0.15);
   --visitor-bubble: #C5A572;
   --bg: #FAFAF8;
   --maxy-bubble: #F0EDE8;