Local SEO
Consistent NAP citations improve search rankings
BusinessInfo - Your NAP, Everywhere
Your NAP (Name, Address, Phone) displayed consistently across your entire site. One component, one source of truth. Essential for local SEO.
Why NAP Matters for Local SEO
Search engines look for consistent NAP (Name, Address, Phone) citations across your website and the web. Inconsistent formatting hurts your local search rankings. This component ensures your business information displays identically everywhere.
Full Variant (Default)
Best for: Contact pages, footers, about sections
Shows complete business information with name, full address, and phone number.
Your Business Name
123 Main Street
Your City, ST 12345
Phone: (555) 123-4567
Show Code
<BusinessInfo variant="full" />Compact Variant
Best for: Headers, sidebars, inline citations
Condensed single-line display perfect for space-constrained areas.
Your Business Name
Show Code
<BusinessInfo variant="compact" />Without Business Name
Use showName={false} when the business name is already visible (e.g., in headers).
123 Main Street
Your City, ST 12345
Phone: (555) 123-4567
Show Code
<BusinessInfo variant="full" showName={false} />Configuration
Update Your Business Information
Edit src/config/business.js to change the displayed information:
export default {
name: 'Your Business Name',
legalName: 'Your Legal Entity Name',
phone: '(555) 123-4567',
address: {
street: '123 Main Street',
city: 'San Francisco',
state: 'CA',
zip: '94102',
},
// ... other config
};BusinessInfo Features
Click-to-Call
Phone numbers are clickable for mobile users
Two Variants
Full and compact display options
Auto-Configured
Pulls data from business.js config
Add to Your Pages
Import once, use everywhere. Changes in business.js update the entire site automatically.