Contact
Contact Info
Displays company contact details with phone, email, and address alongside an image.
What It Does
The Contact Info module shows key contact details -- phone number, email address, and physical address -- in a clean card layout beside a large image. Both sections animate into view with a slide-in effect when the page loads, creating a polished first impression for contact pages.
Best Used For
- Contact pages where visitors need quick access to phone, email, and address
- Office or store location sections
- "Get in touch" blocks on landing pages
Variants
Default
A two-column layout with the contact details card on one side and a large image on the other. On mobile, the layout stacks vertically with the info card on top.
Best for: Dedicated contact pages or location-focused sections
Fields Reference
| Field | Type | Required | Description |
|---|---|---|---|
| image | media | No | Photo displayed alongside the contact details |
| phone | string | No | Phone number shown in the card |
| address | text | No | Physical address (supports line breaks) |
| mapLink | text | No | URL linking to the address on a maps service |
| No | Email address shown in the card | ||
| title | component | No | Section heading |
| description | component | No | Supporting text |
| entranceAnimation | component | No | Scroll-triggered entrance animation |
Tips for Great Results
- Use a high-quality image of your office, storefront, or team to make the section inviting.
- Keep the address concise -- use line breaks to separate street, city, and postal code.
- The phone and email are displayed as plain text. If you need clickable links, pair this with a Contact Map module.
Supported Languages
Fully bilingual -- all text fields support both English and Thai content.