Contacte \u2014 Reloop Studio<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Questrial&display=swap\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <style>\n :root {\n --font-unica: 'Questrial', sans-serif;\n --color-text: #1a1a1a;\n --color-accent: #7e140b; \/* Granat de la marca *\/\n --color-fons: #fafafa;\n }\n\n body {\n font-family: var(--font-unica) !important;\n color: var(--color-text);\n background-color: var(--color-fons);\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n\n \/* Estil fanzine \/ minimal editorial *\/\n .border-fanzine {\n border: 2px solid var(--color-text);\n }\n\n .ombra-fanzine {\n box-shadow: 8px 8px 0px var(--color-text);\n transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n }\n\n .ombra-fanzine-accent {\n box-shadow: 8px 8px 0px var(--color-accent);\n transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n }\n\n .ombra-fanzine-accent:hover {\n transform: translateY(-4px);\n box-shadow: 12px 12px 0px var(--color-accent);\n }\n\n \/* Camps de text estil l\u00ednia minimalista *\/\n .input-reloop {\n width: 100%;\n background: transparent;\n border: none;\n border-bottom: 2px solid rgba(26, 26, 26, 0.15);\n padding: 12px 0;\n font-size: 16px;\n color: var(--color-text);\n outline: none;\n transition: all 0.3s ease;\n }\n\n .input-reloop:focus {\n border-bottom-color: var(--color-accent);\n }\n\n .label-reloop {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: var(--color-text);\n opacity: 0.6;\n display: block;\n margin-top: 20px;\n }\n\n \/* Estils de les targetes de contacte *\/\n .targeta-contacte {\n background: #ffffff;\n border: 2px solid var(--color-text);\n padding: 30px;\n transition: all 0.3s ease;\n }\n\n .targeta-contacte:hover {\n border-color: var(--color-accent);\n }\n\n \/* Graella de navegaci\u00f3 creuada (Els 4 contenidors serveis de Reloop) *\/\n .grid-navegacio-serveis {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n\n @media (max-width: 1024px) {\n .grid-navegacio-serveis {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 640px) {\n .grid-navegacio-serveis {\n grid-template-columns: 1fr;\n }\n }\n\n .servei-box {\n border: 2px solid var(--color-text);\n background: #ffffff;\n padding: 35px 25px;\n text-decoration: none;\n color: var(--color-text) !important;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 200px;\n transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n }\n\n .servei-box:hover {\n transform: translateY(-5px);\n border-color: var(--color-accent);\n box-shadow: 6px 6px 0px var(--color-accent);\n }\n\n .servei-box:hover .servei-box-titol {\n color: var(--color-accent);\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"max-w-[1350px] mx-auto px-5 pt-16 pb-8\">\n <span class=\"text-xs tracking-widest opacity-50\"><\/span>\n <h1 class=\"text-6xl md:text-8xl mt-3 tracking-wide\"><\/h1>\n <p class=\"text-lg md:text-xl mt-6 max-w-[800px] opacity-80 leading-relaxed\">\n Tens una idea, un projecte o vols donar-li un gir de 180 graus a la teva comunicaci\u00f3? Explica'ns qu\u00e8 necessites i ens posarem en contacte amb tu en un obrir i tancar d'ulls.\n <\/p>\n <\/header>\n\n \n <main class=\"max-w-[1350px] mx-auto px-5 pb-20\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10\">\n \n \n <div class=\"lg:col-span-5 flex flex-col gap-6\">\n \n \n <div class=\"targeta-contacte ombra-fanzine\">\n <span class=\"text-xs text-[#7e140b] font-bold tracking-widest\"><\/span>\n <h2 class=\"text-2xl mt-3 mb-4\">Girona & online<\/h2>\n <p class=\"text-sm opacity-70 leading-relaxed\">\n Treballem des del cor de Girona per\u00f2 dissenyem per a projectes d'arreu. Ens adaptem al format que millor et vagi: reuni\u00f3 presencial amb un caf\u00e8 o videotrucada r\u00e0pida.\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n <div class=\"targeta-contacte\">\n <span class=\"text-[10px] tracking-widest uppercase opacity-60\">envia un mail_<\/span>\n <a href=\"mailto:npons@reloop.cat\" class=\"block text-md mt-2 font-bold hover:text-[#7e140b] transition-colors\">npons@reloop.cat<\/a>\n <\/div>\n <div class=\"targeta-contacte\">\n <span class=\"text-[10px] tracking-widest uppercase opacity-60\">truca'ns_<\/span>\n <a href=\"tel:+34634594519\" class=\"block text-md mt-2 font-bold hover:text-[#7e140b] transition-colors\">+34 634 59 45 19<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"targeta-contacte\">\n <span class=\"text-[10px] tracking-widest uppercase opacity-60\">Xarxes Socials_<\/span>\n <div class=\"flex gap-4 mt-3\">\n <a href=\"https:\/\/www.instagram.com\/somreloop\/\" class=\"text-sm border-b border-black pb-0.5 hover:text-[#7e140b] hover:border-[#7e140b] transition-all\" target=\"_blank\" rel=\"noopener\">Instagram \u2197<\/a>\n <a href=\"https:\/\/www.tiktok.com\/@somreloop\" class=\"text-sm border-b border-black pb-0.5 hover:text-[#7e140b] hover:border-[#7e140b] transition-all\" target=\"_blank\" rel=\"noopener\">Tiktok \u2197<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"lg:col-span-7\">\n <div class=\"bg-white border-2 border-black p-8 md:p-12 ombra-fanzine-accent relative overflow-hidden min-h-[500px] flex flex-col justify-between\">\n \n \n <div id=\"estat-formulari\" class=\"hidden absolute inset-0 bg-white z-20 flex flex-col items-center justify-center p-8 text-center transition-all duration-500 transform translate-y-full\">\n \n <div class=\"w-16 h-16 border-2 border-[#7e140b] rounded-full flex items-center justify-center text-3xl text-[#7e140b] mb-6 animate-bounce\">\u2713<\/div>\n <h3 class=\"text-3xl mb-4 font-normal\">Rebut!_<\/h3>\n <p class=\"max-w-[400px] opacity-70 mb-8 leading-relaxed\">\n El teu missatge ha entrat directament a la nostra b\u00fastia d'entrada. El llegirem amb calma i et respondrem avui mateix. Gr\u00e0cies per escriure'ns!\n <\/p>\n <button onclick=\"restaurarFormulari()\" class=\"text-xs uppercase tracking-widest border-b-2 border-black pb-1 hover:text-[#7e140b] hover:border-[#7e140b] transition-all\">Enviar un altre missatge<\/button>\n <\/div>\n\n \n <form id=\"contact-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\" class=\"space-y-6\">\n \n \n \n <input type=\"hidden\" name=\"access_key\" value=\"36b38948-634a-4c30-bd78-7b9d7d79fcc7\">\n \n \n <input type=\"hidden\" name=\"subject\" value=\"[Reloop Web] Nou missatge de contacte\">\n \n \n <input type=\"checkbox\" name=\"botcheck\" class=\"hidden\" style=\"display: none;\">\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n <div>\n <label class=\"label-reloop\">Com et dius? *<\/label>\n <input type=\"text\" name=\"nom\" required class=\"input-reloop\" placeholder=\"Nom complet\">\n <\/div>\n <div>\n <label class=\"label-reloop\">Correu electr\u00f2nic *<\/label>\n <input type=\"email\" name=\"email\" required class=\"input-reloop\" placeholder=\"hola@elteuweb.com\">\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n <div>\n <label class=\"label-reloop\">Tel\u00e8fon (opcional)<\/label>\n <input type=\"tel\" name=\"telefon\" class=\"input-reloop\" placeholder=\"+34 ...\">\n <\/div>\n <div>\n <label class=\"label-reloop\">Quin \u00e9s el teu servei d'inter\u00e8s?<\/label>\n <select name=\"servei\" class=\"input-reloop\" style=\"-webkit-appearance: none; border-radius: 0;\">\n <option value=\"Disseny Web\">Disseny Web<\/option>\n <option value=\"Branding\">Branding<\/option>\n <option value=\"Xarxes Socials\">Gesti\u00f3 de Xarxes Socials<\/option>\n <option value=\"Esdeveniments\">Comunicaci\u00f3 d'Esdeveniments<\/option>\n <option value=\"Creaci\u00f3 de contingut\">Creaci\u00f3 de contingut<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div>\n <label class=\"label-reloop\">Explica'ns breument el teu projecte *<\/label>\n <textarea name=\"missatge\" required rows=\"4\" class=\"input-reloop resize-none\" placeholder=\"Tinc una idea al cap que...\"><\/textarea>\n <\/div>\n\n<div style=\"margin-top: 15px; margin-bottom: 15px; font-size: 13px; color: #1a1a1a;\">\n <label style=\"display: flex; align-items: flex-start; gap: 8px; cursor: pointer;\">\n <input type=\"checkbox\" name=\"accepta_privacitat\" required style=\"margin-top: 3px; accent-color: #7e140b;\">\n <span>He llegit i accepto la <a href=\"https:\/\/reloop.cat\/?page_id=1365\" target=\"_blank\" style=\"text-decoration: underline; color: #7e140b; font-weight: bold;\">Pol\u00edtica de Privacitat<\/a>. *<\/span>\n <\/label>\n<\/div>\n\n\n<div style=\"font-size: 11px; color: #666; line-height: 1.4; background-color: #f0f0f0; padding: 12px; border-radius: 6px; border-left: 3px solid #7e140b; margin-bottom: 20px;\">\n <strong>Informaci\u00f3 b\u00e0sica sobre protecci\u00f3 de dades:<\/strong><br>\n \u2022 <strong>Responsable:<\/strong> Reloop SCP.<br>\n \u2022 <strong>Finalitat:<\/strong> Atendre i respondre la teva petici\u00f3 o consulta.<br>\n \u2022 <strong>Legitimaci\u00f3:<\/strong> El teu consentiment en enviar el formulari.<br>\n \u2022 <strong>Drets:<\/strong> Pots accedir, rectificar o demanar la supressi\u00f3 de les teves dades escrivint-nos a npos@reloop.cat<br>\n \u2022 <strong>Informaci\u00f3 addicional:<\/strong> Pots consultar la informaci\u00f3 detallada a la nostra <a href=\"https:\/\/reloop.cat\/?page_id=1365\" target=\"_blank\" style=\"color: #7e140b; underline\">Pol\u00edtica de Privacitat<\/a>.\n<\/div>\n \n <div class=\"pt-4 flex justify-end\">\n <button type=\"submit\" class=\"border-2 border-black bg-[#7e140b] text-white px-8 py-3.5 tracking-wider text-sm transition-all duration-300 hover:bg-black flex items-center gap-2 cursor-pointer\">\n enviar missatge_ <span class=\"text-xs\">\u2197<\/span>\n <\/button>\n <\/div>\n\n <\/form>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/main>\n\n\n \n <script>\n const form = document.getElementById('contact-form');\n const estatDiv = document.getElementById('estat-formulari');\n\n \/\/ Control d'enviament as\u00edncron amb AJAX (evita rec\u00e0rregues estranyes de p\u00e0gina)\n form.addEventListener('submit', function(e) {\n e.preventDefault(); \/\/ Atura el comportament de canvi de p\u00e0gina\n \n const formData = new FormData(form);\n const object = Object.fromEntries(formData);\n const json = JSON.stringify(object);\n\n \/\/ Feedback visual instantani que s'est\u00e0 enviant\n const boto = form.querySelector('button[type=\"submit\"]');\n const textOriginal = boto.innerHTML;\n boto.innerHTML = \"enviant... \ud83d\udd52\";\n boto.disabled = true;\n\n fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n 'Accept': 'application\/json'\n },\n body: json\n })\n .then(async (response) => {\n let jsonRes = await response.json();\n if (response.status == 200) {\n \/\/ \ud83c\udf89 \u00c8xit! Mostrem la transici\u00f3 suau de la finestra d'\u00e8xit de dalt a baix\n estatDiv.classList.remove('hidden');\n setTimeout(() => {\n estatDiv.classList.remove('translate-y-full');\n estatDiv.classList.add('translate-y-0');\n }, 50);\n form.reset(); \/\/ Buidem els camps\n } else {\n \/\/ Si falla l'API, mostrem un av\u00eds discret per pantalla\n boto.innerHTML = \"Error al enviar \u2715\";\n setTimeout(() => {\n boto.innerHTML = textOriginal;\n boto.disabled = false;\n }, 3000);\n }\n })\n .catch(error => {\n console.log(error);\n boto.innerHTML = \"S'ha produ\u00eft un error \u2715\";\n setTimeout(() => {\n boto.innerHTML = textOriginal;\n boto.disabled = false;\n }, 3000);\n })\n .finally(() => {\n \/\/ Tornem el bot\u00f3 al seu estat\n boto.disabled = false;\n });\n });\n\n \/\/ Funci\u00f3 per tancar el missatge d'\u00e8xit i tornar a veure els camps per si volen re-escriure\n function restaurarFormulari() {\n const boto = form.querySelector('button[type=\"submit\"]');\n boto.innerHTML = `enviar missatge_ <span class=\"text-xs\">\u2197<\/span>`;\n estatDiv.classList.remove('translate-y-0');\n estatDiv.classList.add('translate-y-full');\n setTimeout(() => {\n estatDiv.classList.add('hidden');\n }, 500);\n }\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CONTACTE Contacte \u2014 Reloop Studio Tens una idea, un projecte o vols donar-li un gir de 180 graus a la teva comunicaci\u00f3? Explica’ns qu\u00e8 necessites i ens posarem en contacte amb tu en un obrir i tancar d’ulls. Girona & online Treballem des del cor de Girona per\u00f2 dissenyem per a projectes d’arreu. Ens adaptem […]<\/p>\n","protected":false},"author":278304783,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/Ph8Fsp-X","jetpack-related-posts":[{"id":57,"url":"https:\/\/reloop.cat\/esp\/nosaltres\/","url_meta":{"origin":59,"position":0},"title":"Nosotros","author":"N\u00faria Pons","date":"29 de junio de 2026","format":false,"excerpt":"Nosaltres_ | Reloop Studio L'equip Qui hi ha al darrere? Som la Mariona i la N\u00faria, dues creatives amb molta iniciativa i poques ganes de fer el de sempre. Ens agraden els reptes, les oportunitats i donar voltes a les idees. Ens apassiona tot el que t\u00e9 a veure amb\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1468,"url":"https:\/\/reloop.cat\/esp\/elementor-1468\/","url_meta":{"origin":59,"position":1},"title":"Servicios","author":"N\u00faria Pons","date":"1 de septiembre de 2026","format":false,"excerpt":"Serveis_ | Reloop Studio [ els nostres serveis ] Qu\u00e8 podem fer per la teva marca? Idees noves, creativitat i moltes ganes de treballar. \u2022 BRANDING \u2022 DISSENY WEB \u2022 XARXES SOCIALS \u2022 COMUNICACI\u00d3 D'EVENTS \u2022 CREACI\u00d3 CONTINGUT 01\/ Branding Estrat\u00e8gia i Identitat Visual Constru\u00efm marques s\u00f2lides des de la\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":230,"url":"https:\/\/reloop.cat\/esp\/comunicacio-desdeveniments\/","url_meta":{"origin":59,"position":2},"title":"Comunicaci\u00f3 d’esdeveniments","author":"N\u00faria Pons","date":"31 de julio de 2026","format":false,"excerpt":"COMUNICACI\u00d3 D'ESDEVENIMENTS COMUNICACI\u00d3 D'ESDEVENIMENTS COMUNICACI\u00d3 D'ESDEVENIMENTS COMUNICACI\u00d3 D'ESDEVENIMENTS COMUNICACI\u00d3 D'ESDEVENIMENTS COMUNICACI\u00d3 D'ESDEVENIMENTS Dissenyem i executem l'estrat\u00e8gia de comunicaci\u00f3 integral per a esdeveniments que busquen deixar empremta. Connectem amb el teu p\u00fablic abans, durant i despr\u00e9s de la cita. \/ 01 Esportius Gestionem la premsa (si s'escau), generem contingut i dinamitzem\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":226,"url":"https:\/\/reloop.cat\/esp\/gestio-xxss\/","url_meta":{"origin":59,"position":3},"title":"Gesti\u00f3n rrss","author":"N\u00faria Pons","date":"31 de agosto de 2026","format":false,"excerpt":"GESTI\u00d3 DE XXSS GESTI\u00d3 DE XXSS GESTI\u00d3 DE XXSS GESTI\u00d3 DE XXSS GESTI\u00d3 DE XXSS GESTI\u00d3 DE XXSS La gesti\u00f3 de xarxes socials no \u00e9s un llistat de tasques mec\u00e0niques, sin\u00f3 un canal clau de reputaci\u00f3 i conversi\u00f3. Ens encarreguem de les teves xarxes de dalt a baix. Triem les\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":228,"url":"https:\/\/reloop.cat\/esp\/branding\/","url_meta":{"origin":59,"position":4},"title":"Branding","author":"N\u00faria Pons","date":"31 de julio de 2026","format":false,"excerpt":"BRANDING BRANDING BRANDING BRANDING BRANDING BRANDING Dissenyem identitats visuals amb \u00e0nima, estrat\u00e8gia i un prop\u00f2sit clar per a marques que busquen fer soroll i liderar el seu sector. \u2022 ESTRAT\u00c8GIA DE MARCA \u2022 IDENTITAT VISUAL \u2022 TARGET \u2022 LOGOTIP \u2022 MARCA GR\u00c0FICA \u2022 VALORS El concepte L'identitat visual de la\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":232,"url":"https:\/\/reloop.cat\/esp\/disseny-web\/","url_meta":{"origin":59,"position":5},"title":"Dise\u00f1o web","author":"N\u00faria Pons","date":"31 de agosto de 2026","format":false,"excerpt":"DISSENY WEB DISSENY WEB DISSENY WEB DISSENY WEB DISSENY WEB DISSENY WEB Constru\u00efm la seu digital de la teva marca Dissenyem experi\u00e8ncies digitals interactives que converteixen les teves visites en clients, sense perdre la identitat de la teva marca. \u25cf darrer projecte Web UI\/UX P\u00e0gines web pensades per a l'era\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/reloop.cat\/esp\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reloop.cat\/esp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reloop.cat\/esp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reloop.cat\/esp\/wp-json\/wp\/v2\/users\/278304783"}],"replies":[{"embeddable":true,"href":"https:\/\/reloop.cat\/esp\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":17,"href":"https:\/\/reloop.cat\/esp\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":1380,"href":"https:\/\/reloop.cat\/esp\/wp-json\/wp\/v2\/pages\/59\/revisions\/1380"}],"wp:attachment":[{"href":"https:\/\/reloop.cat\/esp\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}