{"id":74,"date":"2019-09-09T11:09:20","date_gmt":"2019-09-09T11:09:20","guid":{"rendered":"https:\/\/themes.muffingroup.com\/be\/hosting3\/?page_id=14"},"modified":"2025-11-10T12:18:06","modified_gmt":"2025-11-10T11:18:06","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.pulseroom.io\/tr\/contact\/","title":{"rendered":"\u0130leti\u015fim"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"74\" class=\"elementor elementor-74\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a1e6925 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a1e6925\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-548c85b\" data-id=\"548c85b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f547d20 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f547d20\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-2b6c011\" data-id=\"2b6c011\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1045879 elementor-widget elementor-widget-text-editor\" data-id=\"1045879\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1><span style=\"color: #ffffff;\">\u00c7ekinmeden<\/span>\n<span class=\"themecolor\" style=\"border-bottom: 4px solid #d1088b;\">bize Ula\u015f\u0131n<\/span><span style=\"color: #ffffff;\"> <br>Sizden haber almaktan mutluluk duyar\u0131z!<\/span><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6ec04c9 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ec04c9\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fb01794\" data-id=\"fb01794\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-885f1bb elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"885f1bb\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-90aa6de\" data-id=\"90aa6de\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dbb4251 elementor-widget elementor-widget-html\" data-id=\"dbb4251\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Pulseroom.io Contact Page - UPDATED VERSION -->\n<!-- SEO-Optimized, Stunning Design with reCAPTCHA and n8n Webhook -->\n<!-- Copy this entire code into an Elementor HTML widget -->\n\n<!-- Font Awesome CDN -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<article class=\"pulseroom-contact-page\">\n  \n  <!-- Hero Section -->\n  <header class=\"contact-hero\">\n    <h1>\u0130\u00e7erik \u0130\u015f Ak\u0131\u015f\u0131n\u0131z\u0131 D\u00f6n\u00fc\u015ft\u00fcrelim<\/h1>\n    <p class=\"lead\">Haber odan\u0131z\u0131 otomatikle\u015ftirmeye ve 95% zaman tasarrufu sa\u011flamaya haz\u0131r m\u0131s\u0131n\u0131z? Ekibimizle ileti\u015fime ge\u00e7in ve Pulseroom.io&#039;yu \u00e7al\u0131\u015f\u0131rken g\u00f6r\u00fcn.<\/p>\n  <\/header>\n\n  <!-- Contact Section -->\n  <section class=\"contact-main\">\n    \n    <!-- Contact Form -->\n    <div class=\"contact-form-container\">\n      <h2><i class=\"fas fa-envelope\"><\/i> Bize bir mesaj g\u00f6nderin<\/h2>\n      <p class=\"form-description\">A\u015fa\u011f\u0131daki formu doldurun, 24 saat i\u00e7inde sizinle ileti\u015fime ge\u00e7ece\u011fiz. Daha h\u0131zl\u0131 yan\u0131t m\u0131 istiyorsunuz? Do\u011frudan bizi aray\u0131n!<\/p>\n      \n      <form id=\"pulseroom-contact-form\" class=\"contact-form\" action=\"\">\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"name\"><i class=\"fas fa-user\"><\/i> Ad Soyad *<\/label>\n            <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"John Doe\">\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label for=\"email\"><i class=\"fas fa-envelope\"><\/i> E-posta Adresi *<\/label>\n            <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"john@company.com\">\n          <\/div>\n        <\/div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"company\"><i class=\"fas fa-building\"><\/i> Firma Ad\u0131<\/label>\n            <input type=\"text\" id=\"company\" name=\"company\" placeholder=\"\u015eirketiniz\">\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label for=\"phone\"><i class=\"fas fa-phone\"><\/i> Telefon Numaras\u0131<\/label>\n            <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+1 (555) 123-4567\">\n          <\/div>\n        <\/div>\n\n        <div class=\"form-group\">\n          <label for=\"subject\"><i class=\"fas fa-tag\"><\/i> Ders *<\/label>\n          <select id=\"subject\" name=\"subject\" required>\n            <option value=\"\">Bir konu se\u00e7in...<\/option>\n            <option value=\"demo\">\u00dccretsiz Demo Rezervasyonu Yap\u0131n<\/option>\n            <option value=\"pricing\">Fiyatland\u0131rma Sorular\u0131<\/option>\n            <option value=\"technical\">Teknik Sorular<\/option>\n            <option value=\"partnership\">Ortakl\u0131k F\u0131rsatlar\u0131<\/option>\n            <option value=\"support\">M\u00fc\u015fteri Deste\u011fi<\/option>\n            <option value=\"other\">Di\u011fer<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"form-group\">\n          <label for=\"message\"><i class=\"fas fa-comment-dots\"><\/i> Mesaj *<\/label>\n          <textarea id=\"message\" name=\"message\" rows=\"6\" required placeholder=\"Bize i\u00e7erik \u00fcretim s\u00fcrecinizden ve size nas\u0131l yard\u0131mc\u0131 olabilece\u011fimizden bahsedin...\"><\/textarea>\n        <\/div>\n\n        <!-- reCAPTCHA will be inserted here by WordPress\/Elementor -->\n        <div class=\"g-recaptcha\" data-sitekey=\"YOUR_RECAPTCHA_SITE_KEY\"><\/div>\n\n        <button type=\"submit\" class=\"submit-button\">\n          <i class=\"fas fa-paper-plane\"><\/i> Mesaj G\u00f6nder\n        <\/button>\n\n        <div id=\"form-status\" class=\"form-status\"><\/div>\n      <input\n                    class=\"apbct_special_field apbct_email_id__elementor_form\"\n                    name=\"apbct__email_id__elementor_form\"\n                    aria-label=\"apbct__label_id__elementor_form\"\n                    type=\"text\" size=\"30\" maxlength=\"200\" autocomplete=\"off\"\n                    value=\"\"\n                \/><input type=\"hidden\" name=\"trp-form-language\" value=\"tr\"\/><\/form>\n    <\/div>\n\n    <!-- Contact Info Sidebar -->\n    <div class=\"contact-info-sidebar\">\n      \n      <!-- Contact Details -->\n      <div class=\"info-card\">\n        <h3><i class=\"fas fa-phone-alt\"><\/i> Bizi Aray\u0131n<\/h3>\n        <p><strong>AMER\u0130KA:<\/strong> <a href=\"tel:+12132214961\">+1 213-221-4961<\/a><\/p>\n        <p><strong>AB:<\/strong> <a href=\"tel:+31853695898\">+31 (0)85-369 5898<\/a><\/p><br>\n        <p class=\"hours\"><h3><i class=\"fas fa-clock\"><\/i> A\u00e7\u0131l\u0131\u015f Saatleri<\/h3>\n        Pazartesi - Cuma<br>\n        09:30 - 17:00 (CET)<\/p>\n      <\/div>\n\n      <!-- Email -->\n      <div class=\"info-card\">\n        <h3><i class=\"fas fa-envelope\"><\/i> Bize e-posta g\u00f6nderin<\/h3>\n        <p><a href=\"mailto:in**@*******om.io\" data-original-string=\"lzul+8bgfvdvB5uLM+tvcA==60a\/8wau3Q3B9QepEtBvkyUgQCJKsiTkHWl30hSZe2NHn0=\" title=\"This contact has been encoded by Anti-Spam by CleanTalk. Click to decode. To finish the decoding make sure that JavaScript is enabled in your browser.\"><span \n                data-original-string='gOff\/jnYe3A0l3zocLJ4iw==60aatz2IWlLoFpsny5TGQwiWag9TQswINU8Z1p4LZCWF04='\n                class='apbct-email-encoder'\n                title='This contact has been encoded by Anti-Spam by CleanTalk. Click to decode. To finish the decoding make sure that JavaScript is enabled in your browser.'>i\u00e7inde<span class=\"apbct-blur\">**<\/span>@<span class=\"apbct-blur\">*******<\/span>om.io<\/span><\/a><\/p>\n        <p class=\"response-time\"><i class=\"fas fa-bolt\"><\/i> Ortalama yan\u0131t s\u00fcresi: 4 saat<\/p>\n      <\/div>\n\n      <!-- Social Media -->\n      <div class=\"info-card\">\n        <h3><i class=\"fas fa-share-alt\"><\/i> Bizi takip edin<\/h3>\n        <div class=\"social-links\">\n          <a href=\"https:\/\/linkedin.com\/company\/pulseroom\" target=\"_blank\" class=\"social-icon linkedin\">\n            <i class=\"fab fa-linkedin\"><\/i>\n          <\/a>\n          <a href=\"https:\/\/facebook.com\/pulseroomio\" target=\"_blank\" class=\"social-icon facebook\">\n            <i class=\"fab fa-facebook\"><\/i>\n          <\/a>\n          <a href=\"https:\/\/instagram.com\/pulseroomio\" target=\"_blank\" class=\"social-icon instagram\">\n            <i class=\"fab fa-instagram\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Live Case Studies -->\n      <div class=\"info-card highlight\">\n        <h3><i class=\"fas fa-rocket\"><\/i> \u00c7al\u0131\u015f\u0131rken \u0130zleyin<\/h3>\n        <p>Pulseroom.io taraf\u0131ndan desteklenen canl\u0131 haber odalar\u0131m\u0131za g\u00f6z at\u0131n:<\/p>\n        <ul class=\"case-studies\">\n          <li><a href=\"https:\/\/houhetzout.nl\" target=\"_blank\"><i class=\"fas fa-external-link-alt\"><\/i> HouHetZout.nl<\/a> - Otomatik hip-hop haber odas\u0131<\/li>\n          <li><a href=\"https:\/\/midnight-melodies.nl\" target=\"_blank\"><i class=\"fas fa-external-link-alt\"><\/i> Midnight-Melodies.nl<\/a> - Otomatik R&amp;B\/Soul haber odas\u0131<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- CTA Section -->\n  <section class=\"contact-cta\">\n    <h2>Canl\u0131 demo mu tercih edersiniz?<\/h2>\n    <p>Pulseroom.io&#039;yu \u00e7al\u0131\u015f\u0131rken g\u00f6rmek ve t\u00fcm sorular\u0131n\u0131z\u0131 yan\u0131tlamak i\u00e7in ekibimizle 30 dakikal\u0131k bir g\u00f6r\u00fc\u015fme ayarlay\u0131n.<\/p>\n    <a href=\"\/tr\/book-a-demo\/\" target=\"_parent\" class=\"cta-button-large\">\n      <i class=\"fas fa-calendar-alt\"><\/i> \u00dccretsiz Demo Rezervasyonu Yap\u0131n\n    <\/a>\n  <\/section>\n\n<\/article>\n\n<!-- Styling -->\n<style>\n.pulseroom-contact-page {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 60px 20px;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n}\n\n\/* Hero Section *\/\n.contact-hero {\n  text-align: center;\n  margin-bottom: 60px;\n}\n\n.contact-hero h1 {\n  font-size: 3rem;\n  font-weight: 700;\n  color: #ffffff;\n  margin-bottom: 20px;\n  line-height: 1.2;\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n}\n\n.contact-hero .lead {\n  font-size: 1.25rem;\n  color: rgba(255, 255, 255, 0.9);\n  max-width: 800px;\n  margin: 0 auto;\n  line-height: 1.6;\n  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);\n}\n\n\/* Contact Main Section *\/\n.contact-main {\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  gap: 50px;\n  margin-bottom: 80px;\n}\n\n\/* Contact Form Container *\/\n.contact-form-container {\n  background: white;\n  padding: 50px;\n  border-radius: 20px;\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n}\n\n.contact-form-container h2 {\n  font-size: 2rem;\n  font-weight: 700;\n  color: #1a1a1a;\n  margin-bottom: 15px;\n}\n\n.contact-form-container h2 i {\n  color: #00d4ff;\n  margin-right: 12px;\n}\n\n.form-description {\n  font-size: 1rem;\n  color: #666;\n  margin-bottom: 35px;\n  line-height: 1.6;\n}\n\n\/* Form Styling *\/\n.contact-form {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n}\n\n.form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n.form-group {\n  display: flex;\n  flex-direction: column;\n}\n\n.form-group label {\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: #333;\n  margin-bottom: 8px;\n}\n\n.form-group label i {\n  color: #667eea;\n  margin-right: 8px;\n}\n\n.form-group input,\n.form-group select,\n.form-group textarea {\n  padding: 14px 16px;\n  font-size: 1rem;\n  border: 2px solid #e0e0e0;\n  border-radius: 10px;\n  transition: all 0.3s ease;\n  font-family: inherit;\n}\n\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus {\n  outline: none;\n  border-color: #00d4ff;\n  box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1);\n}\n\n.form-group textarea {\n  resize: vertical;\n  min-height: 120px;\n}\n\n\/* reCAPTCHA Container *\/\n.g-recaptcha {\n  margin: 10px 0;\n}\n\n\/* Submit Button *\/\n.submit-button {\n  padding: 18px 40px;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  font-size: 1.1rem;\n  font-weight: 600;\n  border: none;\n  border-radius: 50px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4);\n}\n\n.submit-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 30px rgba(102, 126, 234, 0.6);\n}\n\n.submit-button i {\n  margin-right: 10px;\n}\n\n\/* Form Status Messages *\/\n.form-status {\n  padding: 15px 20px;\n  border-radius: 10px;\n  font-weight: 500;\n  text-align: center;\n  display: none;\n}\n\n.form-status.success {\n  background: #d4edda;\n  color: #155724;\n  border: 1px solid #c3e6cb;\n  display: block;\n}\n\n.form-status.error {\n  background: #f8d7da;\n  color: #721c24;\n  border: 1px solid #f5c6cb;\n  display: block;\n}\n\n\/* Contact Info Sidebar *\/\n.contact-info-sidebar {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n}\n\n.info-card {\n  background: white;\n  padding: 30px;\n  border-radius: 16px;\n  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n  border: 2px solid #f0f0f0;\n  transition: all 0.3s ease;\n}\n\n.info-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);\n  border-color: #00d4ff;\n}\n\n.info-card.highlight {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  border: none;\n}\n\n.info-card.highlight h3,\n.info-card.highlight p,\n.info-card.highlight li {\n  color: white;\n}\n\n.info-card.highlight a {\n  color: white;\n  text-decoration: underline;\n}\n\n.info-card h3 {\n  font-size: 1.3rem;\n  font-weight: 700;\n  color: #1a1a1a;\n  margin-bottom: 15px;\n}\n\n.info-card h3 i {\n  color: #00d4ff;\n  margin-right: 10px;\n}\n\n.info-card.highlight h3 i {\n  color: white;\n}\n\n.info-card p {\n  font-size: 1rem;\n  color: #555;\n  margin-bottom: 10px;\n  line-height: 1.6;\n}\n\n.info-card p:last-child {\n  margin-bottom: 0;\n}\n\n.info-card a {\n  color: #667eea;\n  text-decoration: none;\n  font-weight: 600;\n  transition: color 0.3s ease;\n}\n\n.info-card a:hover {\n  color: #00d4ff;\n}\n\n.hours, .response-time {\n  font-size: 0.9rem;\n  color: #777;\n  font-style: italic;\n  margin-top: 10px;\n}\n\n.hours i, .response-time i {\n  color: #00d4ff;\n  margin-right: 6px;\n}\n\n\/* Social Links *\/\n.social-links {\n  display: flex;\n  gap: 15px;\n  margin-top: 15px;\n}\n\n.social-icon {\n  width: 50px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  color: white !important;\n  font-size: 1.3rem;\n  transition: all 0.3s ease;\n  text-decoration: none;\n}\n\n.social-icon i {\n  color: white !important;\n}\n\n.social-icon:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\n}\n\n.social-icon.linkedin {\n  background: #0077b5;\n}\n\n.social-icon.facebook {\n  background: #1877f2;\n}\n\n.social-icon.instagram {\n  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\n}\n\n\/* Case Studies *\/\n.case-studies {\n  list-style: none;\n  padding: 0;\n  margin: 15px 0 0 0;\n}\n\n.case-studies li {\n  margin-bottom: 12px;\n  font-size: 0.95rem;\n}\n\n.case-studies li a {\n  color: white;\n  text-decoration: none;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.case-studies li a:hover {\n  text-decoration: underline;\n}\n\n.case-studies li i {\n  font-size: 0.85rem;\n}\n\n\/* CTA Section *\/\n.contact-cta {\n  text-align: center;\n  padding: 60px 40px;\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n  border-radius: 20px;\n}\n\n.contact-cta h2 {\n  font-size: 2.5rem;\n  font-weight: 700;\n  color: #1a1a1a;\n  margin-bottom: 20px;\n}\n\n.contact-cta p {\n  font-size: 1.15rem;\n  color: #555;\n  margin-bottom: 35px;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cta-button-large {\n  display: inline-block;\n  padding: 20px 50px;\n  background: linear-gradient(135deg, #00d4ff 0%, #667eea 100%);\n  color: white;\n  font-size: 1.2rem;\n  font-weight: 700;\n  text-decoration: none;\n  border-radius: 50px;\n  transition: all 0.3s ease;\n  box-shadow: 0 6px 30px rgba(0, 212, 255, 0.4);\n}\n\n.cta-button-large:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 8px 40px rgba(0, 212, 255, 0.6);\n}\n\n.cta-button-large i {\n  margin-right: 12px;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n  .contact-main {\n    grid-template-columns: 1fr;\n  }\n\n  .contact-hero h1 {\n    font-size: 2.5rem;\n  }\n}\n\n@media (max-width: 768px) {\n  .pulseroom-contact-page {\n    padding: 40px 20px;\n  }\n\n  .contact-hero h1 {\n    font-size: 2rem;\n  }\n\n  .contact-form-container {\n    padding: 30px;\n  }\n\n  .form-row {\n    grid-template-columns: 1fr;\n  }\n\n  .contact-cta h2 {\n    font-size: 2rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .pulseroom-contact-page {\n    padding: 40px 15px;\n  }\n\n  .contact-hero h1 {\n    font-size: 1.8rem;\n  }\n\n  .social-links {\n    justify-content: center;\n  }\n}\n<\/style>\n\n<!-- JavaScript for Form Submission -->\n<script>\n\/\/ JWT Generation Function\nasync function generateJWT(secret) {\n  function base64urlEncode(str) {\n    return btoa(String.fromCharCode.apply(null, new Uint8Array(str)))\n      .replace(\/\\+\/g, '-')\n      .replace(\/\\\/\/g, '_')\n      .replace(\/=\/g, '');\n  }\n\n  async function hmacSHA256(message, secret) {\n    const encoder = new TextEncoder();\n    const keyData = encoder.encode(secret);\n    const messageData = encoder.encode(message);\n    \n    const key = await crypto.subtle.importKey(\n      'raw',\n      keyData,\n      { name: 'HMAC', hash: 'SHA-256' },\n      false,\n      ['sign']\n    );\n    \n    const signature = await crypto.subtle.sign('HMAC', key, messageData);\n    return signature;\n  }\n\n  \/\/ Header\n  const header = {\n    alg: 'HS256',\n    typ: 'JWT'\n  };\n\n  \/\/ Payload\n  const now = Math.floor(Date.now() \/ 1000);\n  const payload = {\n    iat: now,\n    exp: now + 3600\n  };\n\n  \/\/ Encode header and payload\n  const headerEncoded = base64urlEncode(new TextEncoder().encode(JSON.stringify(header)));\n  const payloadEncoded = base64urlEncode(new TextEncoder().encode(JSON.stringify(payload)));\n\n  \/\/ Create signature\n  const message = `${headerEncoded}.${payloadEncoded}`;\n  const signature = await hmacSHA256(message, secret);\n  const signatureEncoded = base64urlEncode(signature);\n\n  \/\/ Return JWT\n  return `${message}.${signatureEncoded}`;\n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n  const form = document.getElementById('pulseroom-contact-form');\n  const statusDiv = document.getElementById('form-status');\n\n  console.log('Contact form initialized');\n\n  form.addEventListener('submit', async function(e) {\n    e.preventDefault();\n    console.log('Form submitted');\n\n    \/\/ Get form data\n    const formData = {\n      name: document.getElementById('name').value,\n      email: document.getElementById('email').value,\n      company: document.getElementById('company').value,\n      phone: document.getElementById('phone').value,\n      subject: document.getElementById('subject').value,\n      message: document.getElementById('message').value,\n      timestamp: new Date().toISOString()\n    };\n\n    console.log('Form data:', formData);\n\n    \/\/ Show loading state\n    const submitButton = form.querySelector('.submit-button');\n    const originalButtonText = submitButton.innerHTML;\n    submitButton.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\n    submitButton.disabled = true;\n\n    \/\/ Hide any previous status messages\n    statusDiv.style.display = 'none';\n\n    try {\n      console.log('Generating JWT token...');\n      \n      \/\/ Generate JWT token\n      const jwtToken = await generateJWT('Aw8Jle05WZ60w0b1v5qK3Lv213KLGk');\n      console.log('JWT token generated');\n      \n      console.log('Sending to webhook...');\n      \n      \/\/ Send to n8n webhook with JWT authentication\n      const webhookUrl = 'https:\/\/agents.rotz.ai\/webhook\/c75644d6-7470-4b6c-b818-4e0e44d26e7a';\n      \n      const response = await fetch(webhookUrl, {\n        method: 'POST',\n        mode: 'cors',\n        headers: {\n          'Content-Type': 'application\/json',\n          'Authorization': `Bearer ${jwtToken}`\n        },\n        body: JSON.stringify(formData)\n      });\n\n      console.log('Response status:', response.status);\n      console.log('Response ok:', response.ok);\n\n      if (response.ok) {\n        \/\/ Success\n        console.log('Success!');\n        statusDiv.className = 'form-status success';\n        statusDiv.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Thank you! Your message has been sent successfully. We\\'ll get back to you within 24 hours.';\n        statusDiv.style.display = 'block';\n        form.reset();\n      } else {\n        const errorText = await response.text();\n        console.error('Server error:', response.status, errorText);\n        throw new Error('Server responded with status: ' + response.status);\n      }\n    } catch (error) {\n      \/\/ Error\n      console.error('Error submitting form:', error);\n      statusDiv.className = 'form-status error';\n      statusDiv.innerHTML = '<i class=\"fas fa-exclamation-circle\"><\/i> Oops! Something went wrong. Please try again or email us directly at <span \n                data-original-string='6WHRg8YgtON9wxiPaWttEw==60aJ1M1blIewgogRisQlL5gzkJQR7zlKVvd7oa\/lzi8hHU='\n                class='apbct-email-encoder'\n                title='This contact has been encoded by Anti-Spam by CleanTalk. Click to decode. To finish the decoding make sure that JavaScript is enabled in your browser.'>in<span class=\"apbct-blur\">**<\/span>@<span class=\"apbct-blur\">*******<\/span>om.io<\/span><br><small>Error: ' + error.message + '<\/small>';\n      statusDiv.style.display = 'block';\n    } finally {\n      \/\/ Reset button\n      submitButton.innerHTML = originalButtonText;\n      submitButton.disabled = false;\n      console.log('Form submission complete');\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24eabb5 elementor-widget elementor-widget-spacer\" data-id=\"24eabb5\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Feel free to contact us We would love to hear from you! Let&#8217;s Transform Your Content Workflow Ready to automate your newsroom and save 95% of<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-74","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pulseroom.io\/tr\/wp-json\/wp\/v2\/pages\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pulseroom.io\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pulseroom.io\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pulseroom.io\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pulseroom.io\/tr\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":45,"href":"https:\/\/www.pulseroom.io\/tr\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/www.pulseroom.io\/tr\/wp-json\/wp\/v2\/pages\/74\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/www.pulseroom.io\/tr\/wp-json\/wp\/v2\/media?parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}