Empowering Sales Intelligence with Roozna Searchbar

Discover how integrating the Roozna Searchbar can transform your sales intelligence platform, providing your team with instant access to comprehensive company data and accelerating the sales process.

The Challenge

Sales teams often struggle with:

Quickly finding accurate information about prospect companies
Identifying key decision-makers within organizations
Understanding a company's structure, size, and industry position
Accessing up-to-date contact information and social profiles

By incorporating the Roozna Searchbar into your sales intelligence tool, you can provide your team with a powerful, user-friendly interface to access critical company data instantly. Here's how you can implement this solution:

import React, { useState } from 'react';
import { Searchbar } from '@roozna/react-search';

function SalesIntelligenceDashboard() {
  const [selectedCompany, setSelectedCompany] = useState(null);
  const [companyInsights, setCompanyInsights] = useState(null);

  const handleCompanySelect = async (company) => {
    setSelectedCompany(company);
    // Fetch additional company insights
    const insights = await fetchCompanyInsights(company.id);
    setCompanyInsights(insights);
  };

  const fetchCompanyInsights = async (companyId) => {
    // This is a placeholder for your actual API call
    // In a real scenario, you would fetch this data from your backend
    return {
      revenueRange: '$10M - $50M',
      employeeCount: '100-500',
      industry: 'Technology',
      keyDecisionMakers: [
        { name: 'Jane Doe', title: 'CTO' },
        { name: 'John Smith', title: 'VP of Sales' },
      ],
      recentNews: [
        { title: 'Company X launches new product', date: '2023-05-15' },
        { title: 'Company X expands to European market', date: '2023-04-22' },
      ],
    };
  };

  return (
    <div className="sales-intelligence-dashboard">
      <h1>Sales Intelligence Dashboard</h1>
      
      <div className="search-container">
        <Searchbar
          apiKey="your_roozna_api_key_here"
          onSelect={handleCompanySelect}
          placeholderText="Search for a prospect company..."
          size="lg"
          width="100%"
          theme="light"
          styles={{
            container: { marginBottom: '2rem' },
            input: { fontSize: '16px', padding: '12px 16px' },
            dropdown: { boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)' },
          }}
        />
      </div>

      {selectedCompany && companyInsights && (
        <div className="company-insights">
          <h2>{selectedCompany.name}</h2>
          <div className="company-details">
            <p><strong>Website:</strong> {selectedCompany.website}</p>
            <p><strong>Revenue Range:</strong> {companyInsights.revenueRange}</p>
            <p><strong>Employee Count:</strong> {companyInsights.employeeCount}</p>
            <p><strong>Industry:</strong> {companyInsights.industry}</p>
          </div>

          <h3>Key Decision Makers</h3>
          <ul className="decision-makers-list">
            {companyInsights.keyDecisionMakers.map((person, index) => (
              <li key={index}>{person.name} - {person.title}</li>
            ))}
          </ul>

          <h3>Recent News</h3>
          <ul className="recent-news-list">
            {companyInsights.recentNews.map((news, index) => (
              <li key={index}>
                <strong>{news.date}</strong>: {news.title}
              </li>
            ))}
          </ul>
        </div>
      )}
    </div>
  );
}

export default SalesIntelligenceDashboard;

Empowering Sales Intelligence with Roozna Searchbar

The Challenge

The Roozna Searchbar Solution