Your Business Name
Skip to main content

ContactInfo - Make Reaching You Easy

Phone, email, and social links in one component. Update once in your config, see changes everywhere. Mobile-friendly click-to-call included.

See VariantsView Code Examples

Every Contact Method in One Place

The ContactInfo component displays phone, email, and social media links. Update once in your config, see changes everywhere.

Full Variant (Default)

Best for: Footers, contact pages, sidebars

Shows phone, email, and social links with clear labels.

Phone: (555) 123-4567
Email: [email protected]

Follow Us

Show Code 
<ContactInfo variant="full" />

Minimal Variant

Best for: Headers, inline mentions, compact areas

Phone and email only, no labels or social links. Perfect for space-constrained layouts.

(555) 123-4567
[email protected]
Show Code 
<ContactInfo variant="minimal" />

Without Social Links

Use showSocial={false} to hide social media links.

Phone: (555) 123-4567
Email: [email protected]
Show Code 
<ContactInfo variant="full" showSocial={false} />

Configuration

Update Contact Information

Edit src/config/business.js: 

export default {
  phone: '(555) 123-4567',
  email: '[email protected]',
  social: {
    facebook: 'https://facebook.com/yourpage',
    instagram: 'https://instagram.com/yourhandle',
    twitter: 'https://twitter.com/yourhandle',
    linkedin: 'https://linkedin.com/company/yourcompany',
  },
  // ... other config
};

ContactInfo Features

Click-to-Call

Mobile-friendly phone links

Click-to-Email

Mailto links for easy contact

Social Links

Optional social media integration

Two Variants

Full and minimal display options

Start Using ContactInfo

Add contact information to any page. Mobile-friendly, accessible, and always up-to-date.

See All Business Components Back to Components