{"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-07-06T06:01:32","modified_gmt":"2026-07-06T06:01:32","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 rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>  *, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }\n  :root {\n    --grape:#5B3DF5; --rasp:#E8447A; --honey:#FFB627; --mint:#2EC4B6; --lime:#A4D93C; --pinky:#FF8FCF;\n    --paper:#F7F6FC; --ink:#241F35; --mid:#3B3550; --muted:#5E5776;\n    --grape-pale:#EEEAFE; --honey-pale:#FFF3DC; --mint-pale:#E4F7F5; --rasp-pale:#FBE9F1;\n    --radius:18px;\n  }\n  body {\n    font-family:'DM Sans',sans-serif; color:var(--ink); font-size:17px; line-height:1.65;\n    background:var(--paper) radial-gradient(rgba(36,31,53,.05) 1px, transparent 1px);\n    background-size:26px 26px; overflow-x:hidden;\n  }\n  h1,h2,h3 { font-family:'Bricolage Grotesque',sans-serif; line-height:1.15; }\n  .hero { background:var(--grape); color:#fff; padding:76px 32px 84px; text-align:center; position:relative; overflow:hidden; }\n  .hero .orb{position:absolute;border-radius:50%;filter:blur(56px);pointer-events:none}\n  .hero > *:not(.orb){position:relative;z-index:1}\n  .hero-badge { display:inline-block; background:var(--honey); color:var(--ink); border:2px solid var(--ink); box-shadow:3px 3px 0 var(--ink); font-size:12px; font-weight:800; padding:7px 16px; border-radius:999px; margin-bottom:22px; text-transform:uppercase; letter-spacing:1.5px; }\n  .hero h1 { font-size:clamp(30px,4vw,48px); font-weight:800; color:#fff; line-height:1.15; margin-bottom:14px; letter-spacing:-.01em; }\n  .hero h1 span { color:var(--honey); }\n  .hero p { font-size:17px; color:rgba(255,255,255,.85); max-width:480px; margin:0 auto; line-height:1.75; }\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; position:relative; }\n  @media (max-width:640px) { .contact-wrap { grid-template-columns:1fr; gap:32px; } }\n  .shape{position:absolute;pointer-events:none;z-index:0}\n  .sh-dot{border-radius:50%}\n  .sh-rings{border-radius:50%;background:repeating-radial-gradient(circle at center,var(--c) 0 4px,transparent 4px 11px);opacity:.4}\n  @keyframes bob{from{transform:translateY(0)}to{transform:translateY(-12px)}}\n  .bob{animation:bob 3.4s ease-in-out infinite alternate}\n  .bob2{animation:bob 4.6s ease-in-out .6s infinite alternate}\n  .contact-wrap > *:not(.shape){position:relative;z-index:1}\n  .info-col { display:flex; flex-direction:column; gap:18px; }\n  .info-title { font-size:24px; font-weight:800; color:var(--ink); margin-bottom:4px; line-height:1.2; }\n  .info-sub { font-size:15px; color:var(--muted); line-height:1.75; }\n  .info-card { background:#fff; border:2px solid var(--ink); box-shadow:4px 4px 0 var(--ink); border-radius:var(--radius); padding:18px 20px; display:flex; align-items:center; gap:14px; text-decoration:none; color:var(--ink); transition:transform .18s, box-shadow .18s; }\n  .info-card:hover { transform:translate(-2px,-2px) rotate(-.5deg); box-shadow:6px 6px 0 var(--ink); }\n  .info-card.static { cursor:default; background:var(--honey-pale); }\n  .info-card.static:hover { transform:none; box-shadow:4px 4px 0 var(--ink); }\n  .info-icon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; border:2px solid rgba(36,31,53,.15); }\n  .info-icon.gold { background:var(--honey-pale); }\n  .info-icon.blue { background:var(--grape-pale); }\n  .info-icon.coffee { background:var(--rasp-pale); }\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(--ink); }\n  .info-arrow { color:var(--rasp); font-size:18px; font-weight:800; }\n  .form-col { background:#fff; border:2px solid var(--ink); box-shadow:6px 6px 0 var(--ink); border-radius:var(--radius); padding:36px; }\n  .form-title { font-size:21px; font-weight:800; color:var(--ink); margin-bottom:6px; }\n  .form-sub { font-size:14px; color:var(--muted); margin-bottom:28px; line-height:1.6; }\n  .field-group { margin-bottom:18px; }\n  .field-label { font-size:13px; font-weight:700; color:var(--ink); margin-bottom:6px; display:block; }\n  .field-label span { color:var(--rasp); }\n  .field-input { width:100%; border:2px solid rgba(36,31,53,.25); border-radius:12px; padding:12px 15px; font-family:'DM Sans',sans-serif; font-size:14px; color:var(--ink); background:var(--paper); outline:none; transition:border-color .2s, background .2s, box-shadow .2s; }\n  .field-input:focus { border-color:var(--ink); background:#fff; box-shadow:3px 3px 0 var(--honey); }\n  textarea.field-input { min-height:120px; resize:vertical; }\n  .submit-btn { width:100%; background:var(--grape); color:#fff; border:2px solid var(--ink); box-shadow:4px 4px 0 var(--ink); border-radius:14px; padding:14px 32px; font-family:'DM Sans',sans-serif; font-size:15px; font-weight:800; cursor:pointer; transition:transform .15s, box-shadow .15s; margin-top:6px; }\n  .submit-btn:hover { transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--ink); }\n  .submit-btn:disabled { opacity:.6; cursor:not-allowed; transform:none; box-shadow:4px 4px 0 var(--ink); }\n  .form-msg { display:none; margin-top:16px; padding:14px 18px; border-radius:12px; font-size:14px; font-weight:600; text-align:center; border:2px solid; }\n  .form-msg.success { background:var(--mint-pale); color:#0E6B62; border-color:var(--mint); display:block; }\n  .form-msg.error { background:var(--rasp-pale); color:#A81B54; border-color:var(--rasp); display:block; }\n  .confetti { position:fixed; top:-16px; width:10px; height:15px; z-index:1500; pointer-events:none; animation:fall linear forwards; }\n  @keyframes fall { to { transform:translateY(108vh) rotate(720deg); } }\n  footer { padding:30px 24px; text-align:center; font-size:14px; color:var(--muted); }\n  footer a { color:var(--grape); }\n  @media (prefers-reduced-motion: reduce){ .bob,.bob2{animation:none} .confetti{display:none} }<\/style>\n<\/head>\n<body>\n<div class=\"hero\">\n  <div class=\"orb\" style=\"width:340px;height:340px;background:rgba(255,182,39,.2);top:-90px;right:8%\"><\/div>\n  <div class=\"orb\" style=\"width:280px;height:280px;background:rgba(46,196,182,.18);bottom:-70px;left:4%\"><\/div>\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<div class=\"contact-wrap\">\n  <div class=\"shape sh-rings bob\" style=\"--c:var(--rasp);width:130px;height:130px;top:20px;right:-40px\"><\/div>\n  <div class=\"shape sh-dot bob2\" style=\"background:var(--mint);width:20px;height:20px;bottom:60px;left:-30px\"><\/div>\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    <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    <a href=\"https:\/\/www.linkedin.com\/in\/georgiana-plesoianu-cdlp-4686b042\" target=\"_blank\" rel=\"noopener\" class=\"info-card\">\n      <div class=\"info-icon blue\">\ud83d\udcbc<\/div>\n      <div class=\"info-text\">\n        <div class=\"info-label\">LinkedIn<\/div>\n        <div class=\"info-value\">Georgiana Ple\u0219oianu, CDLP<\/div>\n      <\/div>\n      <div class=\"info-arrow\">\u2192<\/div>\n    <\/a>\n    <a href=\"https:\/\/www.facebook.com\/profile.php?id=61563578912915\" target=\"_blank\" rel=\"noopener\" 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    <a href=\"https:\/\/buymeacoffee.com\/georgiana20\" target=\"_blank\" rel=\"noopener\" 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    <div class=\"info-card static\">\n      <div class=\"info-icon\" style=\"background:#fff;\">\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  <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    <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<\/div>\n<footer>\n  \u00a9 2026 GeoIsTeaching \u00b7 Georgiana Ple\u0219oianu \u00b7 <a href=\"https:\/\/geoisteaching.com\">geoisteaching.com<\/a>\n<\/footer>\n<script>const form = document.getElementById('contact-form');\nconst btn = document.getElementById('submit-btn');\nconst msg = document.getElementById('form-msg');\nfunction celebrate(){\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n  var colors = ['#5B3DF5','#E8447A','#FFB627','#2EC4B6','#A4D93C','#FF8FCF'];\n  for (var i = 0; i < 60; i++){\n    var c = document.createElement('div');\n    c.className = 'confetti';\n    c.style.left = Math.random() * 100 + 'vw';\n    c.style.background = colors[i % colors.length];\n    c.style.borderRadius = Math.random() > .5 ? '50%' : '2px';\n    c.style.animationDuration = (2.2 + Math.random() * 1.6) + 's';\n    c.style.animationDelay = (Math.random() * .5) + 's';\n    c.addEventListener('animationend', function(){ this.remove(); });\n    document.body.appendChild(c);\n  }\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  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    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      celebrate();\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  btn.disabled = false;\n  btn.textContent = 'Trimite mesajul \u2192';\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":5,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":1851,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/1851"}],"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}]}}