Bento Box Map
Smart-Sync Navigation: A sophisticated 70/30 split layout where clicking a location card instantly triggers a smooth flyTo animation, centering the map on that specific office.
API-Free Freedom: Enjoy high-performance interactive mapping without the complexity of Google Maps billing or API configurations.
Tactile Sidebar Cards: Each office card features Glassmorphism effects, leader profile photos, and dynamic "Active" states with neon glow accents.
Custom SVG Markers: Say goodbye to generic red pins. BentoMaps uses custom-branded SVG markers that dynamically change size and color based on selection.
One-Tap Directions: Every location includes a "Direct Directions" button that intelligently opens the coordinates in Google Maps for the end-user.
Dual-Theme Support: Toggle between Dark Mode (Industrial/Cyberpunk) and Light Mode (Clean/Professional) to match your website's art direction instantly.
Zero-Lag Panning: Optimized with smooth easing curves for a high-end, responsive feel during map transitions.
Mobile-Adaptive Logic: The component intelligently detects screen size, switching from a horizontal grid on Desktop to a thumb-friendly vertical stack on Mobile.
Granular Customization: Control everything from the sidebar—latitude/longitude, accent colors, typography, and profile imagery.
Agung M
