<div style={{
  display: 'flex',
  flexDirection: 'column',
  alignItems: 'center',
  justifyContent: 'center',
  textAlign: 'center',
  minHeight: '40vh',
  padding: '20px',
  fontSize: '1.1rem',
  color: '#333',
  lineHeight: '1.6',
  gap: '12px'  // this creates even spacing between child elements
}}>
  <h4 style={{ margin: 0 }}>🛠️ <strong>Site Under Maintenance</strong></h4>
  <p style={{ margin: 0 }}><strong>Postenna</strong> is currently under maintenance.</p>
  <p style={{ margin: 0 }}>Please check back later. We appreciate your patience!</p>
</div>


🛠️ Site Under Maintenance