27. 연락처 페이지
Design a contact page:
**Page Layout**:
- Two-column: form left, info right
- Mobile: stacked, info first then form
**Contact Form**:
- Fields: Name, Email, Subject (dropdown), Message
- Subject options: General, Support, Sales, Partnership
- Message: textarea, 4 rows minimum
- File upload: optional attachment
- Submit button with loading state
- Success/error feedback messages
**Form Validation**:
- Real-time validation on blur
- Email format check
- Required field indicators
- Error messages below fields
**Contact Information**:
- Email: linked, copy button
- Phone: linked for mobile click-to-call
- Address: with "Open in Maps" link
- Business hours
**Social Links**:
- Icon buttons for each platform
- Hover: brand color fill
**Map Integration**:
- Embedded map (Google Maps or Mapbox)
- Custom marker with company logo
- Map style: grayscale or custom theme
- Clickable for directions
**Multiple Offices** (if applicable):
- Tabs or cards per location
- Each with address + map
**FAQ Quick Links**:
- "Before you contact us, have you checked our FAQ?"
- 3-4 common question links
**Response Time Expectation**:
- "We typically respond within 24 hours"
- Optional: live chat widget integration
Tech: React + React Hook Form + Mapbox GL + Tailwind