Spune-ne ce te aduce aici.

NUME COMPLET setForm({...form, name: e.target.value})} placeholder="Ion Popescu" />

EMAIL setForm({...form, email: e.target.value})} placeholder="ion@email.ro" />

SUBIECT

MESAJ

setForm({...form, message: e.target.value})} placeholder="Spune-ne pe scurt despre tine, ce conținut faci și cum te putem ajuta…" style={{ height: 'auto', padding: 14, fontFamily: 'inherit', resize: 'vertical' }} />
              </div>
              {/* Honeypot — câmp invizibil pentru detectare boți */}
              <input
                type="text"
                name="website_url"
                value={form.website_url}
                onChange={e => setForm({...form, website_url: e.target.value})}
                tabIndex={-1}
                autoComplete="off"
                aria-hidden="true"
                style={{ position: 'absolute', left: -9999, width: 1, height: 1, opacity: 0, pointerEvents: 'none' }}
              />
              {/* Error message */}
              {errorMsg && (
                <div style={{ marginBottom: 16, padding: '12px 14px', borderRadius: 10, background: 'rgba(255,90,90,.06)', border: '.5px solid rgba(255,100,100,.3)', display: 'flex', gap: 10, alignItems: 'flex-start' }}>
                  <span style={{ fontSize: 16, lineHeight: 1.4 }}>⚠️</span>
                  <span style={{ fontSize: 13, color: 'var(--txt-2)', lineHeight: 1.5 }}>{errorMsg}</span>
                </div>
              )}
              <button type="submit" className="btn btn-primary btn-lg" disabled={loading}
                style={{ width: '100%', opacity: loading ? 0.6 : 1, cursor: loading ? 'not-allowed' : 'pointer' }}>
                {sent ? '✓ Mesaj trimis cu succes!' : loading ? (
                  <span style={{ display: 'inline-flex', alignItems: 'center', gap: 8 }}>
                    <span style={{ width: 14, height: 14, border: '2px solid rgba(0,0,0,.2)', borderTopColor: 'currentColor', borderRadius: '50%', animation: 'ct-spin .8s linear infinite', display: 'inline-block' }} />
                    Se trimite...
                  </span>
                ) : 'Trimite mesajul →'}
              </button>
              <style>{`@keyframes ct-spin { to { transform: rotate(360deg); } }`}</style>
              <p style={{ fontSize: 12, color: 'var(--txt-3)', marginTop: 16, textAlign: 'center' }}>
                Prin trimitere ești de acord cu <a className="ulink" style={{ cursor: 'pointer' }}>politica de confidențialitate</a>.
              </p>
            </form>
          </Reveal>
        </div>
      </div>
      <style>{`
        @media (max-width: 900px) { .ct-grid { grid-template-columns: 1fr !important; } .ct-form-row { grid-template-columns: 1fr !important; } }
      `}</style>
    </section>
  );
}

window.ContactPage = ContactPage;

Hai să vorbim.

Spune-ne ce te aduce aici.