Add team coaching page

This commit is contained in:
Oliver Davies 2024-01-03 20:00:00 +00:00
parent 3416887b4c
commit 2c5f07260d
3 changed files with 170 additions and 23 deletions

View file

@ -1,5 +1,5 @@
<div class="not-prose">
<div class="not-prose {{ position == 'centre' ? 'flex justify-center' }}">
<a class="inline-flex justify-center items-center py-3 px-6 w-full text-base font-medium text-white no-underline rounded-md duration-200 ease-in-out md:w-auto hover:bg-white focus:bg-white bg-blue-primary transition-color hover:text-blue-primary focus:text-blue-primary "href="{{ url }}">
{{ text }}
{{ text|raw }}
</a>
</div>

View file

@ -20,37 +20,38 @@
] %}
{% set names = names|default(defaultNames) %}
<section>
<h2 class="text-xl font-bold">{{ title|default('Testimonials') }}</h2>
<div class="mt-4 space-y-12">
{% for testimonial in site.testimonials|filter(testimonial => names is null or testimonial.name in names) %}
<div>
<div class="italic prose prose-p:text-black prose-a:font-light prose-a:text-blue-primary prose-p:text-lg prose-blockquote:border-blue-primary dark:marker:text-white prose-li:my-1 prose-li:text-lg prose-figcaption:text-white prose-li:text-black marker:text-black dark:prose-p:text-white dark:prose-invert dark:prose-a:text-blue-400 dark:prose-blockquote:border-blue-400 dark:prose-li:text-white hover:prose-a:no-underline prose-h2:text-xl prose-code:font-normal prose-h2:mb-4 prose-ul:my-3 dark:prose-hr:border-grey-400 prose-code:before:content-[''] prose-code:after:content-['']">
<blockquote>
<div class="pl-4 border-l-[3px] border-blue-primary dark:border-blue-400">
<div class="italic prose prose-p:text-black prose-a:font-light prose-a:text-blue-primary prose-p:text-lg prose-blockquote:border-blue-primary dark:marker:text-white prose-li:my-1 prose-li:text-lg prose-figcaption:text-white prose-li:text-black marker:text-black dark:prose-p:text-white dark:prose-invert dark:prose-a:text-blue-400 dark:prose-blockquote:border-blue-400 dark:prose-li:text-white hover:prose-a:no-underline prose-h2:text-xl prose-code:font-normal prose-h2:mb-4 prose-ul:my-3 dark:prose-hr:border-grey-400 prose-code:before:content-[''] prose-code:after:content-['']">
{{ testimonial.text|markdown }}
</div>
</div>
{{ testimonial.text|markdown }}
</blockquote>
<footer class="mt-8 flex items-center space-x-4 space-x-reverse">
<span class="text-base">
{% if testimonial.url %}
<a href="{{ testimonial.url }}">
<div class="not-prose">
<footer class="mt-8 flex items-center space-x-4 space-x-reverse">
<span class="text-base">
{% if testimonial.url %}
<a href="{{ testimonial.url }}">
{{ testimonial.name }} - {{ testimonial.title }}
</a>
{% else %}
{{ testimonial.name }} - {{ testimonial.title }}
</a>
{% else %}
{{ testimonial.name }} - {{ testimonial.title }}
{% endif %}
</span>
{% if testimonial.image %}
<span class="order-first flex-shrink-0">
<img class="size-16 rounded-full ring-2 ring-grey-500 dark:ring-white" alt="Photo of {{ testimonial.name }}" src="{{ testimonial.image.url }}" />
{% endif %}
</span>
{% endif %}
</footer>
</blockquote>
{% if testimonial.image %}
<span class="order-first flex-shrink-0">
<img class="size-16 rounded-full ring-2 ring-grey-500 dark:ring-white" alt="Photo of {{ testimonial.name }}" src="{{ testimonial.image.url }}" />
</span>
{% endif %}
</footer>
</div>
</div>
</div>
{% endfor %}
</div>

View file

@ -0,0 +1,146 @@
---
title: Team Coaching
form_url: https://forms.gle/zd3Lnwe2J1sF13qJ7
price: 10000
faqs:
-
- Do you only work with Drupal development teams?
- No. While most of my background and experience is with PHP and Drupal, many things I can help with aren't specific to any language or framework.
-
- I have another question.
- No problem! Send me an email at <a href="mailto:oliver@oliverdavies.uk">oliver@oliverdavies.uk</a>.
---
{% block content %}
<div class="space-y-16">
<div>
{# Pain #}
<p>Do you need an experienced Software Developer or Drupal expert to upskill your in-house team? Are they new to Drupal or want to make better use of best practices, such as automated testing and test-driven development?</p>
<p>Do you want to gain exposure by contributing to open-source software, like Drupal, but don't know where to start?</p>
{# Dream #}
{# Fix #}
<p>I offer team coaching on an ongoing monthly basis. You can sign up for as long as you need and cancel at any time.</p>
{# 1st call to action #}
<div class="mt-8">
{% include 'button.html.twig' with {
position: 'centre',
text: 'Apply now &rarr;',
url: page.form_url,
} %}
</div>
</div>
<section>
<h2 class="text-lg font-bold">What is included?</h2>
<ul>
<li>Unlimited, 24/7 access to me via email or Slack, with responses within one business day.</li>
<li>Regular 1-on-1 check-in calls and pair/mob programming sessions.</li>
<li>Reviews and feedback of relevant code, flowcharts, technical design documents, etc.</li>
</ul>
<h2 class="text-lg font-bold">Some things I can help with</h2>
<ul>
<li>Developing custom Drupal modules and themes.</li>
<li>Drupal upgrades and migrations.</li>
<li>Automated testing and test-driven development.</li>
<li>CSS and front-end development.</li>
<li>Implementing and using component libraries, such as Fractal.</li>
<li>Continuous integration, delivery and deployment.</li>
<li>Local environment and CI pipeline setup.</li>
<li>Infrastructure automation, using tools like Terraform and Pulumi.</li>
<li>Automating and simplifying repetitive or complex tasks.</li>
<li>Contributing to open-source projects, such as Drupal.</li>
</ul>
</section>
{# Social proof #}
{# Overcome objections #}
<section>
<h2 class="text-lg font-bold">How does it work?</h2>
<ul>
<li>The cost of team coaching is £{{ page.price|number_format() }} per month, paid in advance.</li>
<li>You apply by clicking on the button below and submitting the application form, telling me about your team and what you want to achieve.</li>
<li>I'll review your application, usually within one working day.</li>
<li>If successful, you make your first payment and book your onboarding call where we can define some key objectives and metrics.</li>
</ul>
<div class="my-8">
{% include 'button.html.twig' with {
position: 'centre',
text: 'Apply now &rarr;',
url: page.form_url,
} %}
</div>
<p>If you need lighter-touch guidance and advice, I also offer one-time consulting calls and pair programming sessions.</p>
</section>
{% include 'testimonials.html.twig' with {
names: ['Mike Karthauser', 'Tawny Bartlett', 'Joe Howell', 'Scott Euser', 'Mick Felton'],
title: 'More that others have said',
} %}
{# Uniqueness #}
<section>
<h2 class="text-lg font-bold">Frequently Asked Questions</h2>
{% for faq in page.faqs %}
<li class="list-none">
<h3 class="mt-0 text-lg">{{ faq.0 }}</h3>
<p>{{ faq.1|raw }}</p>
</li>
{% endfor %}
</section>
<section>
<h2 class="text-lg font-bold">Who am I?</h2>
<ul>
<li>I'm an Acquia-certified Drupal expert with over {{ site.yearsExperience }} years of professional development experience.</li>
<li>I'm a former Drupal Association employee who was responsible for improving and maintaining Drupal.org.</li>
<li>I'm a Drupal core contributor and maintain numerous Drupal projects, including the Override Node Options module, which is used on over 38,000 websites.</li>
<li>I'm a multiple-time DrupalCon speaker who regularly presents talks and workshops at conferences and meetups.</li>
<li>I have experience working in in-house teams, such as Transport for Wales and the Drupal Association.</li>
<li>I have experience working for and with software development agencies.</li>
</ul>
</section>
{# 2nd CTA #}
<div>
{% include 'button.html.twig' with {
position: 'centre',
text: 'Apply now',
url: page.form_url,
} %}
</div>
{% include 'testimonials.html.twig' with {
names: ['Duncan Davidson', 'Adam Cuddihy', 'Alan Hatch', 'Anonymous'],
title: 'More that others have said',
} %}
{# Urgency #}
<section>
<h2>Availability is limited</h2>
<p>I'm only available for a few team coaching engagements per year.</p>
<p>Scheduling is first come, first served, so the sooner you book your time slot, the sooner you will have the answers you need to upskill your team and deliver better software.</p>
<p>If you have any questions, feel free to <a href="mailto:{{ site.email }}">send me an email</a>.</p>
</section>
</div>
{% endblock %}
{% block content_top %}
{% include 'message.html.twig' %}
{% endblock %}