V.AISTUDIO

Running

App Files Files Community

bep40 commited on 27 days ago

Commit

2ca81d2

verified ·

1 Parent(s): 4ac1831

Add AI Search + AI Quote boxes on web homepage

Browse files

Files changed (1) hide show

index.html +98 -1

index.html CHANGED Viewed

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="vi">
-<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>V.AI STUDIO | Niềm tin khách hàng là tài sản của chúng tôi</title>
@@ -490,6 +490,19 @@ textarea.form-input{height:120px;resize:vertical}
 <div class="hero-stat"><strong>100%</strong><span>Dữ liệu thật</span></div>
 </div>
 </div></section>
 <!-- Partner Logos -->
 <div style="background:#fff;padding:14px 0;border-bottom:1px solid var(--gl)">
@@ -2713,5 +2726,89 @@ Miễn phí giao hàng trong TPHCM. | Giá đã bao gồm VAT.
 </div>
 </div>
 <script src="search-plus-boot.js"></script>
 </body>
 </html>

 <!DOCTYPE html>
 <html lang="vi">
+<head><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>V.AI STUDIO | Niềm tin khách hàng là tài sản của chúng tôi</title>
 <div class="hero-stat"><strong>100%</strong><span>Dữ liệu thật</span></div>
 </div>
 </div></section>
+<!-- AI SEARCH + QUOTE -->
+<div style="background:#fff;padding:16px 0;border-bottom:1px solid #e2e8f0">
+<div class="container" style="display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:900px">
+<div style="flex:1;min-width:280px;position:relative">
+<i class="fas fa-robot" style="position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#003f62;font-size:.85rem"></i>
+<input type="text" id="aiSearch" placeholder="🔍 AI tìm kiếm: bếp từ đôi dưới 15 triệu, máy hút mùi tốt nhất..." style="width:100%;padding:11px 14px 11px 36px;border:2px solid #003f62;border-radius:10px;font-size:.85rem;font-family:inherit;outline:none" onkeypress="if(event.key==='Enter')doAISearch()">
+</div>
+<button onclick="doAISearch()" style="padding:11px 20px;background:#003f62;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap"><i class="fas fa-search"></i> Tìm AI</button>
+<button onclick="doAIQuote()" style="padding:11px 20px;background:#db9815;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap"><i class="fas fa-file-invoice-dollar"></i> AI Báo giá</button>
+</div>
+<div id="aiResults" style="max-width:900px;margin:12px auto 0;display:none;background:#f8fafc;border-radius:10px;padding:14px;font-size:.82rem"></div>
+</div>
 <!-- Partner Logos -->
 <div style="background:#fff;padding:14px 0;border-bottom:1px solid var(--gl)">
 </div>
 </div>
 <script src="search-plus-boot.js"></script>
+<script>
+function doAISearch(){
+  const q=document.getElementById('aiSearch').value.trim();
+  if(!q)return;
+  const res=document.getElementById('aiResults');
+  res.style.display='block';
+  res.innerHTML='<i class="fas fa-spinner fa-spin"></i> Đang tìm...';
+  // Parse budget from query
+  const budgetMatch=q.match(/(\d+)\s*(tr|triệu|m)/i);
+  const budget=budgetMatch?parseInt(budgetMatch[1])*1000000:0;
+  // Search in loaded products (D = product array from main JS)
+  if(typeof D==='undefined'||!D.length){res.innerHTML='⏳ Đang tải SP...';return}
+  const qn=q.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
+  let results=D.filter(p=>{
+    const pn=((p.name||'')+(p.cat||'')).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
+    const words=qn.split(/\s+/).filter(w=>w.length>=2&&!['duoi','tren','khoang','tu','van','tot','nhat','ban','chay','gia','re'].includes(w));
+    return words.length>0&&words.some(w=>pn.includes(w));
+  });
+  // Filter by budget
+  if(budget>0)results=results.filter(p=>p.priceNum>0&&p.priceNum<=budget*1.2);
+  // Sort: Malloca/Grob first, then price low→high
+  results.sort((a,b)=>{
+    const brandScore=p=>(/malloca/i.test(p.brand)?3:/grob/i.test(p.brand)?2:1);
+    if(brandScore(b)!==brandScore(a))return brandScore(b)-brandScore(a);
+    return(a.priceNum||9e9)-(b.priceNum||9e9);
+  });
+  results=results.slice(0,8);
+  if(!results.length){res.innerHTML='😅 Không tìm thấy SP phù hợp. Thử từ khóa khác!';return}
+  let html='<div style="font-weight:700;margin-bottom:8px">🎯 Kết quả'+(budget?' (dưới '+budget.toLocaleString('vi')+'đ)':'')+':</div>';
+  html+='<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px">';
+  results.forEach(p=>{
+    html+='<div style="background:#fff;border-radius:8px;padding:10px;box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:pointer" onclick="showDetail('+D.indexOf(p)+')">';
+    if(p.image)html+='<img src="'+p.image+'" style="width:100%;height:100px;object-fit:contain;border-radius:4px;margin-bottom:6px">';
+    html+='<div style="font-size:.75rem;font-weight:600;line-height:1.3;margin-bottom:4px">'+p.name.substring(0,40)+'</div>';
+    html+='<div style="font-size:.82rem;font-weight:800;color:#003f62">'+(p.price||'LH')+'</div>';
+    html+='<div style="font-size:.65rem;color:#64748b">'+p.brand+' | '+p.sku+'</div></div>';
+  });
+  html+='</div>';
+  res.innerHTML=html;
+}
+function doAIQuote(){
+  const q=document.getElementById('aiSearch').value.trim()||'bếp từ + máy hút mùi + chậu rửa khoảng 50 triệu';
+  const res=document.getElementById('aiResults');
+  res.style.display='block';
+  res.innerHTML='<i class="fas fa-spinner fa-spin"></i> AI đang chọn SP phù hợp...';
+  if(typeof D==='undefined'||!D.length){res.innerHTML='⏳ Đang tải SP...';return}
+  // Parse budget
+  const budgetMatch=q.match(/(\d+)\s*(tr|triệu|m)/i);
+  const budget=budgetMatch?parseInt(budgetMatch[1])*1000000:50000000;
+  // Detect product types wanted
+  const qn=q.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
+  const typeMap={'bep tu':{k:['bep tu','bep dien'],n:'Bếp từ'},'may hut':{k:['may hut','hut mui'],n:'Máy hút mùi'},'chau rua':{k:['chau rua','bon rua'],n:'Chậu rửa'},'voi rua':{k:['voi rua'],n:'Vòi rửa'},'lo nuong':{k:['lo nuong'],n:'Lò nướng'},'may rua':{k:['may rua'],n:'Máy rửa bát'}};
+  let wantTypes=[];
+  for(const[key,cfg] of Object.entries(typeMap)){if(cfg.k.some(k=>qn.includes(k)))wantTypes.push(cfg)}
+  if(!wantTypes.length)wantTypes=[typeMap['bep tu'],typeMap['may hut'],typeMap['chau rua']];
+  const perBudget=Math.floor(budget/wantTypes.length);
+  // Pick best product per type
+  let picks=[];let total=0;
+  wantTypes.forEach(typ=>{
+    let candidates=D.filter(p=>{
+      const pn=((p.name||'')+(p.cat||'')).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
+      return typ.k.some(k=>pn.includes(k))&&p.priceNum>0&&p.priceNum<=perBudget*1.3;
+    });
+    candidates.sort((a,b)=>{const s=p=>(/malloca/i.test(p.brand)?3:/grob/i.test(p.brand)?2:1);return s(b)-s(a)||(a.priceNum-b.priceNum)});
+    if(candidates.length){picks.push({...candidates[0],typeName:typ.n});total+=candidates[0].priceNum}
+  });
+  if(!picks.length){res.innerHTML='😅 Không đủ SP trong ngân sách. Thử tăng budget!';return}
+  let html='<div style="font-weight:700;margin-bottom:10px">📋 AI BÁO GIÁ (ngân sách ~'+budget.toLocaleString('vi')+'đ):</div>';
+  html+='<table style="width:100%;border-collapse:collapse;font-size:.78rem">';
+  html+='<tr style="background:#003f62;color:#fff"><th style="padding:6px">Loại</th><th>Sản phẩm</th><th>Brand</th><th style="text-align:right">Giá</th></tr>';
+  picks.forEach((p,i)=>{
+    html+='<tr style="border-bottom:1px solid #e2e8f0"><td style="padding:6px;font-weight:600">'+p.typeName+'</td><td>'+p.name.substring(0,35)+'</td><td>'+p.brand+'</td><td style="text-align:right;font-weight:700;color:#003f62">'+(p.price||'LH')+'</td></tr>';
+  });
+  html+='<tr style="background:#f0f2f5;font-weight:800"><td colspan="3" style="padding:8px;text-align:right">TỔNG:</td><td style="text-align:right;color:#003f62;padding:8px">'+total.toLocaleString('vi')+'đ</td></tr>';
+  html+='</table>';
+  if(total<=budget)html+='<div style="margin-top:8px;color:#28a745;font-weight:600">✅ Trong ngân sách! Còn dư '+(budget-total).toLocaleString('vi')+'đ</div>';
+  else html+='<div style="margin-top:8px;color:#dc3545;font-weight:600">⚠️ Vượt ngân sách '+(total-budget).toLocaleString('vi')+'đ</div>';
+  html+='<div style="margin-top:10px;text-align:center"><button onclick="addQuoteToCart()" style="padding:8px 20px;background:#db9815;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer">🛒 Thêm vào giỏ hàng</button></div>';
+  res.innerHTML=html;
+  window._aiPicks=picks;
+}
+function addQuoteToCart(){if(window._aiPicks)window._aiPicks.forEach(p=>{let found=D.find(d=>d.sku===p.sku);if(found&&typeof addToCart==='function')addToCart(D.indexOf(found))});document.getElementById('aiResults').innerHTML='✅ Đã thêm vào giỏ!';}
+</script>
 </body>
 </html>