Hugging Face's logo

Spaces:
BrunoBen
/
testspace
Running

App Files Community
BrunoBen commited on
Commit
5b20a2b
·
verified ·
1 Parent(s): f585e37

undefined - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +55 -19
index.html CHANGED
@@ -195,58 +195,94 @@
195
  <div class="h-full flex flex-col justify-center">
196
  <div class="chat-message">
197
  <div class="text-accent text-sm mb-2 flex items-center gap-1 whitespace-nowrap">
198
- NeuraFlow AI
199
- <i class="fas fa-phone text-gray-500 text-[10px]" aria-hidden="true"></i>
200
- <i class="fas fa-robot text-gray-400 text-xs" aria-hidden="true"></i>
201
- </div>
202
- <div class="bg-dark rounded-lg p-3 text-sm mb-4">Hello. I can arrange a plumber. What's the issue?</div>
203
  </div>
204
  <div class="chat-message">
205
- <div class="text-accent text-sm mb-2">Client</div>
206
- <div class="bg-primary rounded-lg p-3 text-sm border border-gray-700 mb-4">Hi, a leaking tap in the kitchen.</div>
 
 
 
 
207
  </div>
208
  </div>
209
  <!-- Slide 2 -->
210
  <div class="h-full flex flex-col justify-center">
211
  <div class="chat-message">
212
- <div class="text-accent text-sm mb-2">NeuraFlow AI</div>
213
- <div class="bg-dark rounded-lg p-3 text-sm mb-4">Understood. Is it an emergency (active leak/flooding)?</div>
 
 
 
 
214
  </div>
215
  <div class="chat-message">
216
- <div class="text-accent text-sm mb-2">Client</div>
 
 
 
 
217
  <div class="bg-primary rounded-lg p-3 text-sm border border-gray-700 mb-4">No, slow drip only.</div>
218
  </div>
219
  </div>
220
  <!-- Slide 3 -->
221
  <div class="h-full flex flex-col justify-center">
222
  <div class="chat-message">
223
- <div class="text-accent text-sm mb-2">NeuraFlow AI</div>
 
 
 
 
224
  <div class="bg-dark rounded-lg p-3 text-sm mb-4">Thanks. Which suburb are you in?</div>
225
  </div>
226
  <div class="chat-message">
227
- <div class="text-accent text-sm mb-2">Client</div>
 
 
 
 
228
  <div class="bg-primary rounded-lg p-3 text-sm border border-gray-700 mb-4">North Mackay.</div>
229
  </div>
230
  </div>
231
  <!-- Slide 4 -->
232
  <div class="h-full flex flex-col justify-center">
233
  <div class="chat-message">
234
- <div class="text-accent text-sm mb-2">NeuraFlow AI</div>
235
- <div class="bg-dark rounded-lg p-3 text-sm mb-4">Property type? (House or unit)</div>
 
 
 
 
236
  </div>
237
  <div class="chat-message">
238
- <div class="text-accent text-sm mb-2">Client</div>
239
- <div class="bg-primary rounded-lg p-3 text-sm border border-gray-700 mb-4">House.</div>
 
 
 
 
240
  </div>
241
  </div>
242
  <!-- Slide 5 -->
243
  <div class="h-full flex flex-col justify-center">
244
  <div class="chat-message">
245
- <div class="text-accent text-sm mb-2">NeuraFlow AI</div>
246
- <div class="bg-dark rounded-lg p-3 text-sm mb-4">Great. I'll book the visit for tomorrow morning and share the confirmation on WhatsApp.</div>
 
 
 
 
247
  </div>
248
  <div class="chat-message">
249
- <div class="text-accent text-sm mb-2">Client</div>
 
 
 
 
250
  <div class="bg-primary rounded-lg p-3 text-sm border border-gray-700 mb-4">Perfect, thank you.</div>
251
  </div>
252
  </div>
 
195
  <div class="h-full flex flex-col justify-center">
196
  <div class="chat-message">
197
  <div class="text-accent text-sm mb-2 flex items-center gap-1 whitespace-nowrap">
198
+ NeuraFlow AI
199
+ <i class="fas fa-phone text-gray-500 text-[10px]" aria-hidden="true"></i>
200
+ <i class="fas fa-robot text-gray-400 text-xs" aria-hidden="true"></i>
201
+ </div>
202
+ <div class="bg-dark rounded-lg p-3 text-sm mb-4">Hello. Plumbing Mackay here. What's the issue?</div>
203
  </div>
204
  <div class="chat-message">
205
+ <div class="text-accent text-sm mb-2 flex items-center gap-1 whitespace-nowrap">
206
+ Client
207
+ <i class="fas fa-phone text-gray-500 text-[10px]" aria-hidden="true"></i>
208
+ <i class="fas fa-user text-gray-400 text-xs" aria-hidden="true"></i>
209
+ </div>
210
+ <div class="bg-primary rounded-lg p-3 text-sm border border-gray-700 mb-4">Hi, I've got a leaking tap in the kitchen.</div>
211
  </div>
212
  </div>
213
  <!-- Slide 2 -->
214
  <div class="h-full flex flex-col justify-center">
215
  <div class="chat-message">
216
+ <div class="text-accent text-sm mb-2 flex items-center gap-1 whitespace-nowrap">
217
+ NeuraFlow AI
218
+ <i class="fas fa-phone text-gray-500 text-[10px]" aria-hidden="true"></i>
219
+ <i class="fas fa-robot text-gray-400 text-xs" aria-hidden="true"></i>
220
+ </div>
221
+ <div class="bg-dark rounded-lg p-3 text-sm mb-4">Understood. Is it an emergency (active leak or flooding)?</div>
222
  </div>
223
  <div class="chat-message">
224
+ <div class="text-accent text-sm mb-2 flex items-center gap-1 whitespace-nowrap">
225
+ Client
226
+ <i class="fas fa-phone text-gray-500 text-[10px]" aria-hidden="true"></i>
227
+ <i class="fas fa-user text-gray-400 text-xs" aria-hidden="true"></i>
228
+ </div>
229
  <div class="bg-primary rounded-lg p-3 text-sm border border-gray-700 mb-4">No, slow drip only.</div>
230
  </div>
231
  </div>
232
  <!-- Slide 3 -->
233
  <div class="h-full flex flex-col justify-center">
234
  <div class="chat-message">
235
+ <div class="text-accent text-sm mb-2 flex items-center gap-1 whitespace-nowrap">
236
+ NeuraFlow AI
237
+ <i class="fas fa-phone text-gray-500 text-[10px]" aria-hidden="true"></i>
238
+ <i class="fas fa-robot text-gray-400 text-xs" aria-hidden="true"></i>
239
+ </div>
240
  <div class="bg-dark rounded-lg p-3 text-sm mb-4">Thanks. Which suburb are you in?</div>
241
  </div>
242
  <div class="chat-message">
243
+ <div class="text-accent text-sm mb-2 flex items-center gap-1 whitespace-nowrap">
244
+ Client
245
+ <i class="fas fa-phone text-gray-500 text-[10px]" aria-hidden="true"></i>
246
+ <i class="fas fa-user text-gray-400 text-xs" aria-hidden="true"></i>
247
+ </div>
248
  <div class="bg-primary rounded-lg p-3 text-sm border border-gray-700 mb-4">North Mackay.</div>
249
  </div>
250
  </div>
251
  <!-- Slide 4 -->
252
  <div class="h-full flex flex-col justify-center">
253
  <div class="chat-message">
254
+ <div class="text-accent text-sm mb-2 flex items-center gap-1 whitespace-nowrap">
255
+ NeuraFlow AI
256
+ <i class="fas fa-phone text-gray-500 text-[10px]" aria-hidden="true"></i>
257
+ <i class="fas fa-robot text-gray-400 text-xs" aria-hidden="true"></i>
258
+ </div>
259
+ <div class="bg-dark rounded-lg p-3 text-sm mb-4">Earliest slot is tomorrow 9 am. Shall I lock that in?</div>
260
  </div>
261
  <div class="chat-message">
262
+ <div class="text-accent text-sm mb-2 flex items-center gap-1 whitespace-nowrap">
263
+ Client
264
+ <i class="fas fa-phone text-gray-500 text-[10px]" aria-hidden="true"></i>
265
+ <i class="fas fa-user text-gray-400 text-xs" aria-hidden="true"></i>
266
+ </div>
267
+ <div class="bg-primary rounded-lg p-3 text-sm border border-gray-700 mb-4">Yes, please.</div>
268
  </div>
269
  </div>
270
  <!-- Slide 5 -->
271
  <div class="h-full flex flex-col justify-center">
272
  <div class="chat-message">
273
+ <div class="text-accent text-sm mb-2 flex items-center gap-1 whitespace-nowrap">
274
+ NeuraFlow AI
275
+ <i class="fas fa-phone text-gray-500 text-[10px]" aria-hidden="true"></i>
276
+ <i class="fas fa-robot text-gray-400 text-xs" aria-hidden="true"></i>
277
+ </div>
278
+ <div class="bg-dark rounded-lg p-3 text-sm mb-4">Great. I'll book the visit for tomorrow 9am and share the confirmation on WhatsApp.</div>
279
  </div>
280
  <div class="chat-message">
281
+ <div class="text-accent text-sm mb-2 flex items-center gap-1 whitespace-nowrap">
282
+ Client
283
+ <i class="fas fa-phone text-gray-500 text-[10px]" aria-hidden="true"></i>
284
+ <i class="fas fa-user text-gray-400 text-xs" aria-hidden="true"></i>
285
+ </div>
286
  <div class="bg-primary rounded-lg p-3 text-sm border border-gray-700 mb-4">Perfect, thank you.</div>
287
  </div>
288
  </div>