new blog feature (#1281)

* new blog feature

* Fix images

* Move images

* fix reviews and images

* Add SEO properly

* Improve components and add strings

* Fix SEO

* Fix share links

* Delete anchor menu fix history

* Add 404 and new strings

* Add twitter

* fix uppercase

* Fix R2

* fix R2

* fix link

* fix 404 redirect

* Fix reviews

* Improve links in footer

* fix link

* change last step feedback

* Fix rrss x logo

* fix sizing

* Fine tune the logo

frontend/i18n.js

@@ -33,7 +33,8 @@ module.exports = {
     '/fishbowl/finished': ['fishbowl-list', 'fishbowl', 'form'],
     '/fishbowl/host-now': ['fishbowl'],
     '/fishbowl/detail/[fid]': ['fishbowl', 'form'],
-    '/fishbowl/thankyou/[fid]': ['fishbowl', 'form', 'home']
+    '/fishbowl/thankyou/[fid]': ['fishbowl', 'form', 'home'],
+    '/blog/[slug]': ['blog', 'home']
   },
   loadLocaleFrom: async (lang, ns) => {
     const locales = await require(`./locales/${lang}/${ns}.json`);

frontend/locales/ca/blog.json

@@ -0,0 +1,45 @@
+{
+    "share": "Compartir",
+    "bannerText": "Lleva tus conversaciones online al siguiente nivel",
+    "blogCTA": "Programa tu próxima reunión en Stooa",
+    "posts": {
+        "5-tips-boost-participation-online-meetings": {
+            "title": "5 consejos para impulsar la participación en reuniones online",
+            "subtitle": "Innova en tus reuniones virtuales: hablemos de técnicas efectivas para aumentar el compromiso",
+            "description": "Descubre cómo mejorar tus reuniones online con nuestros 5 consejos: empecemos con técnicas efectivas para fomentar la participación, entendamos cómo romper el hielo de manera creativa, y, cerramos conociendo el potencial de la dinámica de Fishbowl.",
+            "author": "Carme de Stooa",
+            "date-and-duration": "5 min lectura - 20 noviembre 2023",
+            "content": {
+                "firstBlock": "¿Alguna vez has sentido como si estuvieras hablándole a la pantalla en lugar de a tus compañeros durante las reuniones online? El silencio incómodo, las miradas perdidas en las cámaras... y el famoso \"¿Alguien quiere añadir algo?\" que siempre acaba en un largo silencio.",
+                "secondBlock": "No estás sola. Mantener la <span>participación</span> y el <span>compromiso</span> en las reuniones virtuales es una misión a la que muchas nos enfrentamos en esta era digital. ¡Pero no te preocupes! Hay formas súper creativas de mejorar esto.",
+                "thirdBlock": "Aquí van algunos trucos que te ayudaran...",
+                "icebreakers": "1. Icebreakers",
+                "fourthBlock": "Empieza tus reuniones con un icebreakers. Son herramientas estratégicas muy útiles para arrancar una sesión, especialmente online, con el objetivo de construir confianza y <span>energizar al grupo</span>, y no solo sirven para romper el hielo, sino que también te permiten <span>estimular la creatividad</span> desde el inicio. Un ejemplo sencillo podría ser pedir a los asistentes que compartan su fondo de pantalla y la historia detrás de él.",
+                "fifthBlock": "Un buen icebreaker es como el café por la mañana: necesario para despertar y entrar en calor. 🐠",
+                "surveys": "2. Encuestas",
+                "sixthBlock": "Incorpora encuestas en vivo para recoger opiniones y preferencias instantáneas. Las encuestas pueden ser sobre la temática de la reunión o para romper el hielo. Funcionan muy bien para <span>dar voz a todos los asistentes</span>, y de esta forma, aumentar la participación. Por ejemplo, puedes lanzar una encuesta sobre el snack favorito para las meetings o el mejor meme del mes. Las encuestas son como el GPS de la reunión, te dicen por dónde va la gente y mantienen a todos en ruta. ¡Y lo mejor es que todos sienten que pilotan!",
+                "seventhBlock": "Puedes hacerlo con herramientas como Kahoot, Butter, o Google Forms. ",
+                "agenda": "3. Agenda y orden del día",
+                "eighthBlock": "Comparte una agenda detallada antes de la reunión. Asegúrate de que sea clara, concisa y que destaque los <span>puntos clave y tiempos</span> específicos para cada tema. Esto ayuda a los participantes a prepararse y a mantener la reunión enfocada y eficiente.",
+                "reactions": "4. Reacciones",
+                "ninthBlock": "Anima a los participantes a usar reacciones durante la reunión. Usa las reacciones como confeti en un carnaval: que vuelen los pulgares arriba y los corazones cuando algo mola. <span>Es la manera más rápida de decir \"¡Eso es!\" sin cortar el rollo.</span><br/>En Stooa solemos empezar las sesiones lanzando una pregunta y pidiendo a los participantes que contesten con reacciones. Puedes preguntar qué preferirían entre dos cosas, por ejemplo: no poder escuchar música nunca más 👎, o tener que escuchar música todo el tiempo 👍, y pedir que reaccionen con el pulgar hacia arriba o hacia abajo. ",
+                "fishbowl": "5. Fishbowl",
+                "eleventhBlock": "La dinámica del Fishbowl te permitirá dejar de ser la persona que dinamiza la sesión para poder centrarte en la conversación y los insights extraídos. Esta dinámica pone el foco en mejorar el <span>flujo del diálogo</span>, y consigue activar la participación dando a todos los asistentes la oportunidad de participar activamente.",
+                "howItWorks": "¿Cómo funciona?",
+                "twelfthBlock": "El Fishbowl es como un acuario para ideas brillantes. Imagina que estas en una reunión online, y en lugar de todos hablar a la vez (¡caos total!), algunos participantes se encuentran en el \"acuario\" (el Fishbowl propiamente dicho) <span>compartiendo sus ideas</span> mientras el resto observa y escucha atentamente. Los participantes que están dentro del acuario se rotan, asegurando que todos tengan la oportunidad de sumergirse en el centro de la acción. ",
+                "benefits": "Beneficios del Fishbowl:",
+                "listItem1": "<span>Equilibrio perfecto:</span> Todos tienen su momento de protagonismo, evitando el caos de hablar al mismo tiempo.",
+                "listItem2": "<span>Enfoque sin distracciones:</span> Elimina las interrupciones, manteniendo la reunión centrada en las ideas esenciales.",
+                "listItem3": "<span>Participación activa:</span> La rotación constante dentro del acuario garantiza que cada miembro del equipo tenga su oportunidad de brillar.",
+                "listItem4": "<span>Ambiente creativo y relajado:</span> La estructura única del Fishbowl crea un espacio cómodo para compartir ideas, sin formalidades excesivas.",
+                "thirdteenthBlock": "Prepárate para sumergirte en la dinámica del Fishbowl y hacer que tus reuniones online sean un festín de innovación y participación. Si quieres probar esta técnica online, te invitamos a programar tu próxima reunión en Stooa 🚀🐟",
+                "summaryTitle": "En resumen",
+                "fourteenthBlock": "Con estos trucos, tus reuniones serán la envidia del mundo corporativo. Introduce estos juegos, técnicas y un poco de locura, y tu equipo estará contando los minutos para conectar. ¡Que empiece la diversión!",
+                "sixteenthBlock": "Recuerda, una buena reunión es como una buena fiesta: todos deben <span>disfrutarla y participar</span>. Y con Stooa, estamos aquí para asegurarnos de que la fiesta nunca pare. 🎉",
+                "seventeenthBlock": "Y tú, ¿usas alguna de estas dinámicas en tus reuniones? ¿Cómo haces para aumentar la participación en tus reuniones online? <br/> Te estaré leyendo en los comentarios 👀",
+                "readTheArticle": "Puedes leer el <a>artículo original</a> publicado en LinkedIn por Carme Alcoverro."
+            }
+        }
+    }
+
+}

frontend/locales/ca/common.json

@@ -32,5 +32,6 @@
     "copyInvitation": "Copiar invitació",
     "successCopiedInvitation": "Invitació copiada",
     "goToFinishedFishbowlsTitle": "Accedeix a la secció de <i>fishbowls</i> finalitzats per a veure els detalls i el feedback dels assistents.",
-    "goToFinishedFishbowls": "Anar als teus Fishbowls passats"
+    "goToFinishedFishbowls": "Anar als teus Fishbowls passats",
+    "blog": "Blog"
 }

frontend/locales/en/blog.json

@@ -0,0 +1,45 @@
+{
+    "share": "Share",
+    "bannerText": "Take your online conversations to the next level",
+    "blogCTA": "Schedule your next meeting in Stooa",
+    "posts": {
+        "5-tips-boost-participation-online-meetings": {
+            "title": "5 tips to boost participation in online meetings",
+            "subtitle": "Innovate in your online meetings: let's talk about effective techniques to increase engagement.",
+            "description": "Discover how to improve your online meetings with our 5 tips: let's start with effective techniques to encourage participation, understand how to break the ice creatively, and we close by learning the potential of the Fishbowl dynamic.",
+            "author": "Carme from Stooa",
+            "date-and-duration": "5 min of lecture - November 20th 2023",
+            "content": {
+                "firstBlock": "Have you ever felt like you were talking to the screen instead of your colleagues during online meetings? The awkward silence, the gazes lost in the cameras... and the famous \"Does anyone want to add anything?\" that always ends in a long silence.",
+                "secondBlock": "You're not alone. Maintaining <span>participation</span> and <span>commitment</span> in online meetings is a mission many of us face in this digital era. But don't worry! There are super creative ways to improve this.",
+                "thirdBlock": "Here are some tricks that will help you...",
+                "icebreakers": "1. Icebreakers",
+                "fourthBlock": "Start your meetings with an icebreaker. They are very useful strategic tools to start a session, especially online, with the aim of building trust and <span>energizing the group</span>, and they do more than just break the ice; they also allow you to <span>stimulate creativity</span> from the beginning. A simple example could be asking participants to share their desktop background and the story behind it.",
+                "fifthBlock": "A good icebreaker is like coffee in the morning: necessary to wake up and get warm. 🐠",
+                "surveys": "2. Polls",
+                "sixthBlock": "Incorporate live polls to collect instant opinions and preferences. Polls can be about the theme of the meeting or to break the ice. They work very well to <span>give a voice to all attendees</span>, thus increasing participation.<br/>For example, you could launch a poll about the favorite snack for meetings or the best meme of the month. Polls are like the GPS of the meeting, they tell you where people are going and keep everyone on course. And the best thing is that everyone feels like they are piloting!",
+                "seventhBlock": "You can do this with tools like Kahoot, Butter, or Google Forms.",
+                "agenda": "3. Agenda and Order of the Day",
+                "eighthBlock": "Share a detailed agenda before the meeting. Make sure it is clear, concise, and highlights the <span>key points and times</span> specific to each topic. This helps participants prepare and keeps the meeting focused and efficient.",
+                "reactions": "4. Reactions",
+                "ninthBlock": "Encourage participants to use reactions during the meeting. Use reactions like confetti at a carnival: let the thumbs up and hearts fly when something is cool. <span>It's the fastest way to say \"That's it!\" without interrupting the flow</span>.<br/>At Stooa, we usually start sessions by throwing out a question and asking participants to respond with reactions. You could ask what they would prefer between two things, for example: never being able to listen to music again 👎, or having to listen to music all the time 👍, and ask them to react with a thumbs up or down.",
+                "fishbowl": "5. Fishbowl",
+                "eleventhBlock": "The Fishbowl dynamic will allow you to stop being the person who facilitates the session so you can focus on the conversation and the insights gained. This dynamic focuses on improving the <span>flow of dialogue</span>, and it manages to activate participation by giving all attendees the opportunity to actively participate.",
+                "howItWorks": "How does it work?",
+                "twelfthBlock": "The Fishbowl is like an aquarium for brilliant ideas. Imagine that you are in an online meeting, and instead of everyone talking at once (total chaos!), some participants are in the \"aquarium\" (the Fishbowl itself) <span>sharing their ideas</span> while the rest observe and listen attentively. Participants in the aquarium rotate, ensuring that everyone has the chance to dive into the center of the action.",
+                "benefits": "Benefits of the Fishbowl:",
+                "listItem1": "<span>Perfect Balance:</span> Everyone gets their moment in the spotlight, avoiding the chaos of speaking at the same time.",
+                "listItem2": "<span>Focus without Distractions:</span> It eliminates interruptions, keeping the meeting focused on the essential ideas.",
+                "listItem3": "<span>Active Participation:</span> The constant rotation inside the aquarium ensures that each team member has their chance to shine.",
+                "listItem4": "<span>Creative and Relaxed Atmosphere:</span> The unique structure of the Fishbowl creates a comfortable space to share ideas, without excessive formalities.",
+                "thirdteenthBlock": "Get ready to dive into the Fishbowl dynamic and make your online meetings a feast of innovation and participation. If you want to try this technique online, we invite you to schedule your next meeting at Stooa 🚀🐟",
+                "summaryTitle": "In summary",
+                "fourteenthBlock": "With these tricks, your meetings will be the envy of the corporate world. Introduce these games, techniques, and a little madness, and your team will be counting the minutes to connect. Let the fun begin!",
+                "sixteenthBlock": "Remember, a good meeting is like a good party: everyone must enjoy and participate. And with Stooa, we're here to make sure the party never stops. 🎉",
+                "seventeenthBlock": "And you, do you use any of these dynamics in your meetings? How do you increase participation in your online meetings?<br/> I'll be reading you in the comments 👀",
+                "readTheArticle": "You can read <a>the original article</a> published on LinkedIn by Carme Alcoverro."
+            }
+        }
+    }
+
+}

frontend/locales/en/common.json

@@ -32,5 +32,6 @@
     "copyInvitation": "Copy invitation",
     "successCopiedInvitation": "Invitation copied",
     "goToFinishedFishbowlsTitle": "Go to the finished fishbowls section to see the details and feedback from the attendees.",
-    "goToFinishedFishbowls": "Go to your past fishbowls"
+    "goToFinishedFishbowls": "Go to your past fishbowls",
+    "blog": "Blog"
 }