#210: Remove duped h1 in SectionHeader and add Strat and Dev landing …

…pages

site/.vuepress/theme/components/SectionHeader.vue

@@ -1,18 +1,20 @@
 <template>
   <div class="section-header">
-    <div class="section-header-left">
+    <div
+      class="section-header-left"
+      :class="{linked: link}"
+    >
       <img
         v-if="pic"
         :alt="title"
         :src="pic"
         :style="`border-radius: ${radius};`"
+        @click="goto(link)"
+      >
+      <h1
+        v-if="title && !noHeader"
+        @click="goto(link)"
       >
-      <a
-        v-if="link && !picOnly"
-        :href="link"
-        target="_blank"
-      ><h1>{{ title }}</h1></a>
-      <h1 v-else-if="!link && !picOnly">
         {{ title }}
       </h1>
     </div>
@@ -35,6 +37,10 @@ export default {
       type: String,
       default: null,
     },
+    noHeader: {
+      type: Boolean,
+      default: false,
+    },
     radius: {
       type: String,
       default: '0%',
@@ -43,9 +49,10 @@ export default {
       type: String,
       default: null,
     },
-    picOnly: {
-      type: String,
-      default: null,
+  },
+  methods: {
+    goto(link) {
+      if (link) window.open(link, '_blank');
     },
   },
 };
@@ -79,6 +86,8 @@ h2
       width 150px
       position relative
       bottom 6px
+    &.linked
+      cursor pointer
   .section-header-right
     color black
     font-weight 300

site/.vuepress/theme/layouts/About.vue

@@ -48,7 +48,7 @@
         What we do.
       </p>
       <p>
-        We offer <strong>strategy</strong>, <strong>design</strong> and <strong>development</strong> services across industries and using a wide array of tech.
+        We offer <a href="/strategy"><strong>strategy</strong></a>, <a href="/design"><strong>design</strong></a> and <a href="/development"><strong>development</strong></a> services across industries and using a wide array of tech.
         <br>
         <br>
         Read more about each below.

site/.vuepress/theme/layouts/CaseStudy.vue

@@ -46,7 +46,7 @@
       <SectionHeader
         :title="topper.client"
         :pic="topper.logo"
-        :pic-only="topper.logo"
+        :no-header="true"
         :link="topper.link"
       >
         <h1 v-html="topper.title" />

site/pages/development.md

@@ -0,0 +1,76 @@
+---
+title: Engineering Excellence.
+byline: "Tandem is the agency that builds the development tools that other developers."
+image: /images/tags/dev-logo.png
+tag: development
+grids:
+  - id: types
+    caption: Drill down on development.
+    columns: 1
+    content:
+      - content: Performance Optimization
+        link: /performance
+      - content: Security
+        link: /security
+      - content: Migrations
+        link: /migrations
+      - content: Support
+        link: /support
+      - content: Training
+        link: /training
+  - id: tech
+    caption: Learn more about a specific tech vector.
+    columns: 4
+    content:
+      - content: PHP
+        link: /php
+      - content: Drupal
+        link: /drupal
+      - content: WordPress
+        link: /wordpress
+      - content: Laravel
+        link: /laravel
+      - content: Javascript
+        link: /javascript
+      - content: Node
+        link: /node
+      - content: Vue
+        link: /vue
+      - content: Nuxt
+        link: /nuxt
+      - content: Electron
+        link: /electron
+      - content: DevOps
+        link: /devops
+      - content: Docker
+        link: /docker
+      - content: Lando
+        link: /lando
+relatedTags:
+  - performance
+  - security
+  - migrations
+  - support
+  - training
+  - php
+  - drupal
+  - wordpress
+  - laravel
+  - javascript
+  - node
+  - vue
+  - nuxt
+  - electron
+  - devops
+  - docker
+  - lando
+  - testing
+---
+
+::: important Solutions built to last.
+Because .
+:::
+
+::: point Why care about engineering excellence?
+You don't want to build a car powered by gas before learning that your users actually want solar powered spaceships :rocket:. Not only does this product-market mismatch significantly limit growth potential it also costs way more turning a gas powered car into a solar powered spaceship than just building a solar powered space ship to begin with.
+:::

site/pages/strategy.md

@@ -0,0 +1,47 @@
+---
+title: Strategic Strategery.
+byline: "Get the most from your time and investment with data-driven strategy."
+image: /images/tags/strategy.gif
+tag: strategy
+grids:
+  - id: subservices
+    caption: Drill down on strategy.
+    columns: 5
+    content:
+      - content: Business Strategy
+        link: /business
+      - content: Branding
+        link: /branding
+      - content: User Research
+        link: /user-research
+      - content: Content Strategy
+        link: /content-strategy
+      - content: SEO
+        link: /seo
+  - id: deliverables
+    caption: Common strategy deliverables.
+    columns: 1
+    content:
+      - KPI Analysis
+      - Personas
+      - Competitive Analysis
+      - Content Analysis
+      - Technical SEO
+      - Backlink and Acquisition Analysis
+      - Content Strategy
+      - Accesibility Audit
+relatedTags:
+  - business
+  - branding
+  - user-research
+  - content-strategy
+  - seo
+---
+
+::: important Digital strategy is about your users.
+Your users, and their goals, will inform every other decision made in your digital ecosystem. Together, we’ll get to know them, their habits, their motivators, and their skill level. We’ll combine demographic and psychographic information and compare that to your analytics to determine the optimal user journey. With a focus on continual growth, we’ll customize a discovery or ongoing analysis to keep your team informed as you determine next steps. Educated decisions lead to better, sustainable growth.
+:::
+
+::: point Why even strategize?
+You don't want to build a car powered by gas before learning that your users actually want solar powered spaceships :rocket:. Not only does this product-market mismatch significantly limit growth potential it also costs way more turning a gas powered car into a solar powered spaceship than just building a solar powered space ship to begin with.
+:::