\n {/* Business Image Placeholder */}\n

🏪

{business.category.toUpperCase()}

\n\n

\n {/* Header */}\n

{business.name}

\n 📍 {business.location}\n {business.isVerified && (\n ✓\n )}\n

\n \n {business.category.replace('_', ' ')}\n \n

\n\n {/* Rating */}\n

\n {renderStars(business.rating)}\n

\n \n {business.rating.toFixed(1)} ({business.reviewCount} reviews)\n \n

\n\n {/* Description */}\n

\n {business.description}\n

\n\n {/* Contact Info */}\n

\n 📍 {business.address}\n

\n \n {business.phone && (\n

\n 📞 {business.phone}\n

\n )}\n \n {business.website && (\n

\n \n 🌐 Visit Website\n \n

\n )}\n

\n\n {/* Hours */}\n

\n {formatHours(business.hours)}\n

\n {openStatus !== null && (\n \n {openStatus ? 'Open' : 'Closed'}\n \n )}\n

\n\n {/* Tags */}\n {business.tags && business.tags.length > 0 && (\n

\n {business.tags.slice(0, 3).map((tag, index) => (\n \n #{tag}\n \n ))}\n {business.tags.length > 3 && (\n \n +{business.tags.length - 3} more\n \n )}\n

\n )}\n\n {/* Actions */}\n

\n {business.phone && (\n \n Call\n \n )}\n \n {\n // In a real app, this would open a directions app\n const address = encodeURIComponent(business.address);\n window.open(`https://maps.google.com/?q=${address}`, '_blank');\n }}\n className=\"flex-1 bg-green-600 text-white py-2 px-3 rounded-md text-sm font-medium hover:bg-green-700 transition-colors\"\n >\n Directions\n \n \n {\n // In a real app, this would open a review modal\n alert('Review functionality would be implemented here');\n }}\n className=\"flex-1 bg-gray-200 text-gray-700 py-2 px-3 rounded-md text-sm font-medium hover:bg-gray-300 transition-colors\"\n disabled={!currentUser}\n >\n Review\n \n

\n \n {!currentUser && (\n

\n Join the community to leave reviews\n

\n )}\n

\n );\n}","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/Omosola_1/Create/code/frontend/components/BusinessCard.tsx","extension","actionData","errors"]