Storefront Widget

<!-- ChemAI Storefront Widget -->
<div id="chemai-widget"></div>
<script src="https://chemai.vercel.app/widget.js"></script>
<script>
  new ChemAIWidget({
    containerId: 'chemai-widget',
    supplierId: 'YOUR_SUPPLIER_ID', // Optional: filter to your chemicals
    theme: 'light',
    primaryColor: '#f97316',
    title: 'Find the Right Chemical',
    placeholder: 'Search chemicals, applications, or CAS numbers...',
    maxResults: 5,
    onQuoteRequest: function(data) {
      // Handle quote request
      console.log('Quote requested for:', data.chemicalName);
      // Redirect to your quote form or open a modal
    },
    onResultClick: function(data) {
      // Handle result click
      window.location.href = '/products/' + data.chemicalId;
    }
  });
</script>