{"id":18,"date":"2023-09-03T12:35:20","date_gmt":"2023-09-03T12:35:20","guid":{"rendered":"https:\/\/geoisteaching.com\/?page_id=18"},"modified":"2026-05-10T09:30:15","modified_gmt":"2026-05-10T09:30:15","slug":"contact","status":"publish","type":"page","link":"https:\/\/geoisteaching.com\/?page_id=18&lang=ro","title":{"rendered":"Contact"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"ro\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Contact | GeoIsTeaching<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;600;700;800&#038;family=Baloo+2:wght@700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  :root {\n    --gold: #C49A2E;\n    --gold-light: #F0D078;\n    --gold-pale: #FDF6E3;\n    --navy: #1A2340;\n    --navy2: #2C3E6B;\n    --cream: #FAFAF7;\n    --warm-white: #FEF9EE;\n    --text: #1A1A2E;\n    --muted: #5A6070;\n    --border: #EAE4D6;\n    --radius: 18px;\n  }\n  body { font-family: 'Nunito', sans-serif; background: var(--cream); color: var(--text); }\n\n  .hero { background-color: var(--navy2); color: white; padding: 72px 32px 80px; text-align: center; }\n  .hero-badge { display: inline-block; background: rgba(196,154,46,0.25); border: 1px solid rgba(196,154,46,0.5); color: var(--gold-light); font-size: 12px; font-weight: 700; padding: 5px 16px; border-radius: 40px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1.5px; }\n  .hero h1 { font-family: 'Baloo 2', cursive; font-size: clamp(28px, 4vw, 46px); font-weight: 800; color: #fff; line-height: 1.2; margin-bottom: 12px; }\n  .hero h1 span { color: var(--gold-light); }\n  .hero p { font-size: 17px; color: rgba(255,255,255,0.82); max-width: 480px; margin: 0 auto; line-height: 1.75; }\n\n  .contact-wrap { max-width: 900px; margin: 0 auto; padding: 64px 24px 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }\n  @media (max-width: 640px) { .contact-wrap { grid-template-columns: 1fr; gap: 32px; } }\n\n  .info-col { display: flex; flex-direction: column; gap: 20px; }\n  .info-title { font-family: 'Baloo 2', cursive; font-size: 24px; font-weight: 800; color: var(--navy); margin-bottom: 4px; line-height: 1.2; }\n  .info-sub { font-size: 15px; color: var(--muted); line-height: 1.75; }\n\n  .info-card { background: white; border: 1.5px solid var(--border); border-radius: var(--radius); padding: 18px 20px; display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--text); transition: transform 0.2s, box-shadow 0.2s; }\n  .info-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(26,35,64,0.08); }\n  .info-card.static { cursor: default; background: var(--gold-pale); border-color: #e8d9a0; }\n  .info-card.static:hover { transform: none; box-shadow: none; }\n  .info-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }\n  .info-icon.gold { background: var(--gold-pale); }\n  .info-icon.blue { background: #E8EBF5; }\n  .info-icon.coffee { background: #FFF3CC; }\n  .info-text { flex: 1; }\n  .info-label { font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }\n  .info-value { font-size: 14px; font-weight: 700; color: var(--navy); }\n  .info-arrow { color: var(--gold); font-size: 18px; }\n\n  .form-col { background: white; border: 1.5px solid var(--border); border-radius: var(--radius); padding: 36px; }\n  .form-title { font-family: 'Baloo 2', cursive; font-size: 20px; font-weight: 800; color: var(--navy); margin-bottom: 6px; }\n  .form-sub { font-size: 14px; color: var(--muted); margin-bottom: 28px; line-height: 1.6; }\n\n  .field-group { margin-bottom: 18px; }\n  .field-label { font-size: 13px; font-weight: 700; color: var(--navy); margin-bottom: 6px; display: block; }\n  .field-label span { color: var(--gold); }\n  .field-input { width: 100%; border: 1.5px solid var(--border); border-radius: 10px; padding: 11px 15px; font-family: 'Nunito', sans-serif; font-size: 14px; color: var(--text); background: var(--cream); outline: none; transition: border-color 0.2s, background 0.2s; }\n  .field-input:focus { border-color: var(--gold); background: var(--gold-pale); }\n  textarea.field-input { min-height: 120px; resize: vertical; }\n\n  .submit-btn { width: 100%; background: var(--gold); color: var(--navy); border: none; border-radius: 50px; padding: 14px 32px; font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 800; cursor: pointer; transition: background 0.2s, color 0.2s; margin-top: 6px; }\n  .submit-btn:hover { background: #a8831f; color: white; }\n  .submit-btn:disabled { opacity: 0.6; cursor: not-allowed; }\n\n  .form-msg { display: none; margin-top: 16px; padding: 14px 18px; border-radius: 10px; font-size: 14px; font-weight: 600; text-align: center; }\n  .form-msg.success { background: #edf7f2; color: #2d7a4f; border: 1px solid #b2dfcc; display: block; }\n  .form-msg.error { background: #fdf0f0; color: #b33a3a; border: 1px solid #f5c2c2; display: block; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"hero\">\n  <div class=\"hero-badge\">\u2709 Contact<\/div>\n  <h1>Hai s\u0103 <span>vorbim!<\/span><\/h1>\n  <p>\u00centreb\u0103ri despre cursuri, colabor\u0103ri sau resurse personalizate &#8211; scrie-mi \u0219i \u00ee\u021bi r\u0103spund \u00een cel mai scurt timp.<\/p>\n<\/div>\n\n<div class=\"contact-wrap\">\n\n  <div class=\"info-col\">\n    <div>\n      <div class=\"info-title\">M\u0103 g\u0103se\u0219ti \u0219i pe alte canale<\/div>\n      <div class=\"info-sub\">Preferi s\u0103 discut\u0103m direct? Alege varianta care \u021bi se potrive\u0219te.<\/div>\n    <\/div>\n\n    <a href=\"mailto:geoisteaching@gmail.com\" class=\"info-card\">\n      <div class=\"info-icon gold\">\u2709<\/div>\n      <div class=\"info-text\">\n        <div class=\"info-label\">Email<\/div>\n        <div class=\"info-value\">geoisteaching@gmail.com<\/div>\n      <\/div>\n      <div class=\"info-arrow\">\u2192<\/div>\n    <\/a>\n\n    <a href=\"https:\/\/www.facebook.com\/profile.php?id=61563578912915\" target=\"_blank\" class=\"info-card\">\n      <div class=\"info-icon blue\">\ud83d\udcd8<\/div>\n      <div class=\"info-text\">\n        <div class=\"info-label\">Facebook<\/div>\n        <div class=\"info-value\">GeoIsTeaching<\/div>\n      <\/div>\n      <div class=\"info-arrow\">\u2192<\/div>\n    <\/a>\n\n    <a href=\"https:\/\/buymeacoffee.com\/georgiana20\" target=\"_blank\" class=\"info-card\">\n      <div class=\"info-icon coffee\">\u2615<\/div>\n      <div class=\"info-text\">\n        <div class=\"info-label\">Sus\u021bine resursele gratuite<\/div>\n        <div class=\"info-value\">Buy Me a Coffee<\/div>\n      <\/div>\n      <div class=\"info-arrow\">\u2192<\/div>\n    <\/a>\n\n    <div class=\"info-card static\">\n      <div class=\"info-icon\" style=\"background:white;\">\ud83d\udccd<\/div>\n      <div class=\"info-text\">\n        <div class=\"info-label\">Loca\u021bie<\/div>\n        <div class=\"info-value\">Bra\u0219ov, Rom\u00e2nia<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"form-col\">\n    <div class=\"form-title\">Trimite-mi un mesaj<\/div>\n    <div class=\"form-sub\">Completeaz\u0103 formularul \u0219i \u00ee\u021bi r\u0103spund \u00een 24 de ore.<\/div>\n\n    <form id=\"contact-form\">\n      <div class=\"field-group\">\n        <label class=\"field-label\" for=\"name\">Nume <span>*<\/span><\/label>\n        <input class=\"field-input\" type=\"text\" id=\"name\" name=\"name\" placeholder=\"Numele t\u0103u\" required>\n      <\/div>\n      <div class=\"field-group\">\n        <label class=\"field-label\" for=\"email\">Email <span>*<\/span><\/label>\n        <input class=\"field-input\" type=\"email\" id=\"email\" name=\"email\" placeholder=\"adresa@email.com\" required>\n      <\/div>\n      <div class=\"field-group\">\n        <label class=\"field-label\" for=\"message\">Mesaj <span>*<\/span><\/label>\n        <textarea class=\"field-input\" id=\"message\" name=\"message\" placeholder=\"Scrie mesajul t\u0103u aici...\" required><\/textarea>\n      <\/div>\n      <button class=\"submit-btn\" type=\"submit\" id=\"submit-btn\">Trimite mesajul \u2192<\/button>\n      <div class=\"form-msg\" id=\"form-msg\"><\/div>\n    <\/form>\n  <\/div>\n\n<\/div>\n\n<script>\nconst form = document.getElementById('contact-form');\nconst btn = document.getElementById('submit-btn');\nconst msg = document.getElementById('form-msg');\n\nform.addEventListener('submit', async function(e) {\n  e.preventDefault();\n  btn.disabled = true;\n  btn.textContent = 'Se trimite...';\n  msg.className = 'form-msg';\n\n  try {\n    const response = await fetch('https:\/\/formspree.io\/f\/xeenplod', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n      body: JSON.stringify({\n        name: document.getElementById('name').value,\n        email: document.getElementById('email').value,\n        message: document.getElementById('message').value\n      })\n    });\n\n    if (response.ok) {\n      msg.className = 'form-msg success';\n      msg.textContent = 'Mul\u021bumesc! Mesajul t\u0103u a fost trimis. \u00ce\u021bi voi r\u0103spunde \u00een 24 de ore.';\n      form.reset();\n    } else {\n      throw new Error();\n    }\n  } catch {\n    msg.className = 'form-msg error';\n    msg.textContent = 'Ceva nu a func\u021bionat. Te rog scrie-mi direct la geoisteaching@gmail.com';\n  }\n\n  btn.disabled = false;\n  btn.textContent = 'Trimite mesajul \u2192';\n});\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Contact | GeoIsTeaching \u2709 Contact Hai s\u0103 vorbim! \u00centreb\u0103ri despre cursuri, colabor\u0103ri sau resurse personalizate &#8211; scrie-mi \u0219i \u00ee\u021bi r\u0103spund \u00een cel mai scurt timp. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"pmpro_default_level":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry","pmpro-has-access"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":4,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":1719,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/1719"}],"wp:attachment":[{"href":"https:\/\/geoisteaching.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}