Adds Volunteer with us section to how to support us page

app/views/pages/how-to-support-us.html.haml

@@ -3,6 +3,48 @@
     .col
       %h1.display-2 How to support us
 
+.py-4.py-lg-5
+  .container
+    .row.mb-3
+      .col
+        %h2.h1.text-center Volunteer with us
+    .row.justify-content-center
+      .col-12.col-lg-9
+        .card.mb-3
+          .row.g-0
+            .col-md-5
+              = image_tag 'london-organisers.jpg', class: 'mw-100'
+            .col-md-7
+              .card-body
+                %h3.card-title= t('pages.how_to_support_us.become_an_organiser.title')
+                %p.card-text
+                  = t('pages.how_to_support_us.become_an_organiser.description')
+                = mail_to 'hello@codebar.io', t('pages.how_to_support_us.become_an_organiser.link'), subjetc: "I'd like to become a codebar organiser for [city] chapter", class: 'btn btn-primary btn-sm text-decoration-none'
+      .col-12.col-lg-9
+        .card.mb-3
+          .row.g-0
+            .col-md-5
+              = image_tag 'mind-the-code1.JPG', class: 'mw-100'
+            .col-md-7
+              .card-body
+                %h3.card-title= t('pages.how_to_support_us.become_a_coach.title')
+                %p.card-text
+                  = t('pages.how_to_support_us.become_a_coach.description')
+                = link_to registration_path(member_type: 'coach'), class: 'btn btn-primary btn-sm text-decoration-none' do
+                  = t('members.sign_up_as_coach')
+                  %i.fab.fa-github
+      .col-12.col-lg-9
+        .card.mb-3
+          .row.g-0
+            .col-md-5
+              = image_tag 'https://placehold.co/600x400', class: 'mw-100'
+            .col-md-7
+              .card-body
+                %h3.card-title= t('pages.how_to_support_us.volunteer.title')
+                %p.card-text
+                  = t('pages.how_to_support_us.volunteer.description')
+                = mail_to 'hello@codebar.io', t('pages.how_to_support_us.volunteer.link'), subjetc: "I'd like to volunteer with codebar", class: 'btn btn-primary btn-sm text-decoration-none'
+
 .py-4.py-lg-5.bg-light
   .container
     = render partial: 'shared/donation_platforms'

config/locales/en.yml

@@ -686,6 +686,18 @@ en:
       warning: Warning - You will receive an email warning. The organiser will explain the incident, including the impact on the person involved and the community. We will give as much information as possible, so you’re aware of what happened and try to learn from the incident. The organiser will add a note to your codebar profile so that all chapter organisers are aware of the incident. We expect you to take our comments on board, further action may be taken depending on your reaction. Examples of behaviour that will get you a warning include - targeted offensive language, or the sharing of sexual images in codebar spaces. 2 email warnings will result in a lifetime ban.
       lifetime_ban: Lifetime ban - You will no longer be able to RSVP to any future codebar events. You will also be removed from codebar’s Slack workspace. Examples of behaviour that will get you an automatic lifetime ban include - physical intimidation, stalking, inappropriate physical contact, unwelcome sexual attention or repeated behaviour after you’ve been spoken to by someone from the codebar team (directors or chapter organisers).
       closing_para: The above is only a starting point. The details of the incident may change how we view it, e.g. some verbal harassment may be so serious that we would give a lifetime ban.
+    how_to_support_us:
+      become_an_organiser:
+        title: Become an organiser
+        description: Champion inclusion and diversity in the tech industry as a workshop organizer with codebar. Your contribution will create an empowering and safe environment, fostering learning and collaboration among individuals exploring coding in our vibrant community.
+        link: Email us to become an organiser
+      become_a_coach:
+        title: Become a coach
+        description: Affect change as a volunteer coach with codebar - your expertise and guidance will pave the way for aspiring developers, unlocking the world of coding and creating opportunities for folks from groups under represented in the tech industry.
+      volunteer:
+        title: Other skills
+        description: codebar welcomes volunteers with a diverse range of skills - whether it's event coordination, fundraising, marketing or any other skill, your unique abilities can enrich our community and drive our mission forward.
+        link: Email us to become a volunteer
 
   admin:
     dashboard: