From 919a9aab662026eab0d7cdf69174753d4fdf3fd4 Mon Sep 17 00:00:00 2001
From: Mike Pirog <mike@thinktandem.io>
Date: Mon, 14 Sep 2020 13:17:56 -0400
Subject: [PATCH] #210: Remove duped h1 in SectionHeader and add Strat and Dev
 landing pages

---
 .../.vuepress/public/images/tags/dev-logo.png | Bin 0 -> 7106 bytes
 .../theme/components/SectionHeader.vue        |  29 ++++---
 site/.vuepress/theme/layouts/About.vue        |   2 +-
 site/.vuepress/theme/layouts/CaseStudy.vue    |   2 +-
 site/pages/development.md                     |  76 ++++++++++++++++++
 site/pages/strategy.md                        |  47 +++++++++++
 6 files changed, 144 insertions(+), 12 deletions(-)
 create mode 100644 site/.vuepress/public/images/tags/dev-logo.png
 create mode 100644 site/pages/development.md
 create mode 100644 site/pages/strategy.md

diff --git a/site/.vuepress/public/images/tags/dev-logo.png b/site/.vuepress/public/images/tags/dev-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..c86bd6ee5e048bd333cb8b75ff37b13ba191123d
GIT binary patch
literal 7106
zcmbVxc{G&o`~N*-1~W`VWzA5QNJC^P%ZxUAWC>*%3GdRNvQ~J|ri6$TA=%fEeVa*d
zDqC6*VI*W9gkhNZJ$-+lb3Wg5zMt<o@ALiZe&)IE`?_A&J=b%sQI@9+aaeII003uf
zbleI6B>ad3yxj2eJLt;>01{Eg#|><P24;sE10>rL0X_aFNh0_$rK;F>@53}wr@}{V
zzn>nzjK&lgObppQB|Lh^QLL8uzH8k3u4%r!yc_Xh_TJ!uLuP^~Uh+rc%5uo$mlvIT
z<C6>0nyS5R?ZPAh^uq`M5-b>A00sbQ1OT!CKqvs>;5S15fcQ`L{IA^qsgVE4fLU$f
zhal}JsM=jw>^;blU#(CXSalj?*Hb1btlUu)B;YkrMHx(ynA0w!hXu5CyGWb`L19(R
z7YF|?rUq9~gw~Z6@J#-CeVT*lRbX<4D5&aFEx*)#ZS!6Cl^#xYqA7r^{3=HLi4vjL
zNDnkH+D916mxYZk13I}~p(76eOiyJm>vAVZFEqWUS%3sTGx=gXxlr%y6Ce+IcW<S)
zLsq~Ph<oO}>&6cKhJ2rUvgGXswqu?5iVLwtk>-&=_Powja)Y<0I(OUnJIty379`nD
zV+c&yufA{1j0+RN0MeH(g>9|YQafJ%;xsBoa)#yP5WtA0BFwo_7!?nlATFn0=gLIE
ze;`%wnQ!HyubF~OlcC@v0CxE7Zq>1A3uZrMJtP35ffXxip+s|E=YUViHx=)WpDHb^
z8@sw#BhBl9nsvK?eo=~I^V3?~6{h7{@`z?cw^eOc>)Im%5S2yrPji<k%B}v}DjdqY
zkgCyIb!5RIVT{W(_f7ylT+QeEx81xwF(nRz5AX7)Nr!$x|Jy=-^fX>9{e+8T9u)y`
z5w<ng9}G)SK59u29M6Kcmk!v+_7XNeV8QWm`?xe&%wLX|z+18m(_&Z_0Xn2MyHOX6
z0f=bUbkYeB+cqie1Q>brW}IerXYmXtJ<?hPk^C;|TlF{$=X^`LEP&ozMh)bp$cX{&
zKHgWxslt}EHUi7AQbKk^Sme-+_4In<q7;XK6t<+HM6-91%kMEMZqc=wgTzDt-WKzH
zS>fVzHu+R@wW$PdI*S;^L@Zr3aju+O*=?{nAQHGaycCXFaObR<0I=uF(A#c5uD!pM
zfXY=i<jljLH7nsnHJXkK-f4scSq1w?O8mHl%rL+*Nxna;t>(;O7q=KBx7EsX6!a)$
zpepS3oX_D<?GzBc<Ll_9HDWYnqzX1gauR@cY#E5CK2p-%OwPvw>T#`~&%J9t2akkK
zhYj6b>n7GrZ8$Iq)Q}zy$3&}X(zfP^2!O;W5qo`os^-macS7OyrpVsW>6_>+R+Vuy
z@Td}w4xNkaL>c6>SoPN1RerCRZsDkA;^ARQeRRSG2s#}!!ljx(*|%04IK#UU)?<e<
zF-MBK7(i3DFTQKA`@3{%LV1o|bQ|rlhQuUyYR~vYM|DC#?%b{N-t<73=OR5tSc#Oq
zE{4$5Av8L<B5rtlTYE%2^nlKL33{K3VaG#cb!pP+q=;r&>3)7*%dC@(C#YLNNg$~y
z9>ha3NRz~G_Qj|$aL2||yS_+$ci}@N960tN|7|L3ulqR~9(s`geM#r<-zjKQz#m^J
zOv6hP9=uI}>f){p$m*VKYw`e#@(9JGr`5L~p1xn|8}I{9LdHZc|8(m`@oWLhAR%9?
zU(8upf=SxN-rF&qN8WOx!{+v*q%opilVSP0Xb2*RR_?X?Qo@ISk{~##&W<3GPM+6Q
z&5KVyOy_~hkzG$m?|F-5{GxNpX12fUcRx;S&mU#_>z;DL3js*cBejg#<9obMAQ1(m
zElhVpzfw*Ac-HJ1{@YJd_L_r;Kku7&{?4q3{pINZo6yqh=sYCprZJQYfaq6?I_UwW
z|LlerHcUhsT4n;};IDjN(&R!TKd-cP*>}3vvF+|IuoSSg<1<3{!?2x_6YS3SMWN^>
zW-OUi7?tjGzMDPy@VV%@8j8=Jiz0W%`j$8;_s+T*0Tf4Zpn!4E!BAU19zbS(vB{LZ
z{D*utva&9CK8k5??c<i-qT{{dYMr_Ft?d5Yey{DsRqnVT=<oyGcaI&f>YpNCj^R7?
z5ya!zA{bP1$sATPUFlI-@MncbFhA5644PwA2->0^#>xWetLEp!$31qEU03n`^}O4B
zkoP_v>7iN;bS+cfxXEI`y^bqCXq>tOau<zd5f4ixAv*E**=r>Qal^y>EKRUy2TPru
zMhvryajRU^KnZSk658`VX{+**<%f=}6ULzU!5he4babLDAS3+|2)QS_C(UKtDwiu!
z$*m<BvKhNJU;22t7(*9}_^<@Ud5kvU^37BsUe!k@ToE~5hEdV&#;#-Wof{m(`TZA)
z?)%DD9#rmr=B{}=WMa8$tAxVh4XdidCltIoxL%GIkzRsEe^%dA<|{%vF7VkKYR(Xq
z{FJ+H;$(0K(~eFozL-3`{}97*LATU%o+JO$zb^eVkU3U(&-0qD3TRYpptQX9<W}AY
z9oad&&{Q9HFIh{znBO8G@p-KhGDUS*{ATsft69wn1CKF(KL}}KM#)@H+DrS@RXIfv
z%S&HxbXeJ{|D3x}sZ^~Jp9|idwkwGaDc-86auP3yw4oVa7MKdiUl?4q=5Q<)cvt%*
zteU4;uRl@NrZ*ODdqd3ZSEq{(nst|J?EM<yuCo&u`3CfNer!7A$TQ>pF3BqSsGae;
zZkxbrS(%)Aen-(0gZC?kn*^>%#T*NDp4_16AFR5NbB<*(o;vUHhUHbE>s%e1*^7%V
z(urD3KOCxR3Vvp#*yj3K*=a>?eSfvP$n>{vN@p_cM%_#BT|(gSx_nuBH8zGjG^U-+
zjdKfrzI-<U#3dwV{f!gnE*E&J(&K=X&ZURN|59F6Z&_0wvc}tvJedsq{x+;><;LXb
zkh<vn#<d~0JC!BotuO?ifrj8-TBTA$^ZIJ@JhO4WdrL7-)j-H9RH61|_*ez+sTR}h
zV96cWW{3LlgRi}J{gT{d#*&<CY+g8;b8D$-m1!5FzU7T{c?uucLAV?ER_o5`h<ps2
zI%X@A9@wxK^HH{gx|b5s_fQR2Dzj@d{NB&k);B2HFROP!=rD3<dxy98@RjsCC#7Lp
z@NUnbgo-j_p^V1nQ40po@S`#H0mC~QV*b9TpdmK(=NYjPhEdy!#6I-Qm2K<!j_0Wq
z1+fvPBrY}S#6;hiW3Jl~NxqupJ1NVZ3;lu$#&YDEr$k}K5wg`|7JuzQmhq=-!pB%4
zkdusfGAm(xYW4CavL<`KK%m6mnlCzVYD1oc7yM_Zd#L6?H)^aC`n%^>Xqs={<k2`K
zD?j3e!p#k|-dMHzU)j&dz0Q0<*K_2O;$_RpBjq~Fd(kMic@WcK<0KOHBQ(wxop;yH
z5uH}U&r5vRe>?3r;+2vrBR2`f`&|emA7G9+A1e{wCTJd1KSIMT&ebF95|GwI()N1S
z%p@?RgT(<eh77!iy2EoLUwa;&0!gdg_Oe3EYoRh`<If%gk{OK?u;=6PBcDg=MsZiK
zp1u5@susQcCPy>@8qnB>fJ7rXb81W9wLT_3W&e6ly);3t!MQg||G@_3MRHQ3NOpUM
zP~9dLjb^@wTwfI_6ivKMLK%TO6p0sr7WV8oS^fM}jpktN1o=goP}BT^9-n)&(i!-;
zQI}zzbOD{{d9g_+j5S!brNMt~SKyjM6DG#*VP_Milt+BhJDMXo5pukY#ji3Dpnt8o
zgmuYOnf-~gF?eo-Hop5kd%T!E!(LO_N_XmJE}J4%m(yL(tfby22|r%9c980q6l@UL
z9&?315i&o%)x)3Kp9e??8fVpfMKPBTyLquWG-&Z2wHdRR)~*^T^y<ATvpYC;0E^>g
zFQV?5&{Z<`yfRW|w8f(?tKryvRYG8&3UlNM?-$xKt5zOq9>mTM$(BQ;L`QP`_XNo!
zAhk$NXMnurrFbYX^@8MP=>Y{ZUOB+aewHKm2z6OqfIWJ0yqhmvZLy4ytjpA@L!7Ms
z6}e<%OqGn4X}UaE7{%%Q%pTc2I4l?av^nQuz74X#ccuS3q2(!uV(8l7R^&B`q`7>4
zZL@}QZ04QX6J24f&aL1&tgc96^c^}dZHP)y?T`xZ9}Z)DSK#W3kUNbEGyi;)eHU#z
z$`CpKH<SDAO!x0EN^NCo#0XeGb`vQt^o@`~5sfo(we48CTW&`zz4YQUS^ALL#@!^|
z^8#$GCx>%F`Q-lS;C|X_!K2MkD~Z<%!|v0p{;)ZWGC8fJb;jIu`mY)LVj*0Hx%Q@c
zrrGRXC)Jt+c01qOxn(+43_Br99SteulfGVx3bO&C$Ep{zdvSurDlNKgYY|w|1Ur*Y
z`fP3l(Fn9Q&{C(l<1!*q8M>=T=%-|+y8yMOZZdfP5a<b#L4ci*;y#UtZ^S&1hXm>y
zPJ>N-INxz$C)GNah{$lVH>+yvv=;ST5@=mh()LA7cpTnl13VTTd{qTI4zt4YB}i!U
zwlK<Iwl}B<vqbD`Cl0RS3jldlKnWB8=wFPvW`yR6t0Q{w<};;!2(yX7jA?Equ)Wi$
zpz44>I-2doYW%bH?b~Ov$y<?FNa??EFaqV30?sB#x8Q6(5>k+*j26{rF8FilcFaJN
zmAEc6BojjTqsfkbKH$O0KxSaUA0{NlS@i!0^@ZU090w#P+N++=a9bjb9yS8s8fzNf
z2G}4nbX7KFfhEEc4Mlix{@hvo#065&k(9qiNzFaz9_>%)is|0C`sJ}T3TypQ*hC?_
zPszUNX}eaur*^a+xRTfMH5f$ujPS71-`GwC;qTnISu`&kuJY#Vpp@5;9_9vIn8qpJ
zMLe7=7uZJp&dan`2y|i{2}1w2ue&vGIs~$EE)K%wLqJc}SXJ>JiJ1cYLh(WI1`TgH
zlF6>o=|!Rz!*xLO1?i(4m&6#+ez5jAQ2bVNMc`A+v4IqZ4cZ0)z473Pcn@?dE&CjG
zu3zwqg6}V`*-dNqyyvD6!WLv$CQ7W(yf$qO`ix(i_<htsl2`Fdifg6V#xr%<nS1-F
z31{baaV2l%j-1+%wyz`P1)rxcnjVL5(__oQmdlYC>y_A!R%Ka~KCcZAvlO1i1?5p3
z<)LrQOO%+Tkj$UY7LBCItLZn-)tjYdofBfz(6>5;gkUK@To!yB_mmW?ZgN{e-#jmQ
zzgy!8^Ld|uivFr=fLvqRi<lj~$nqX4yj~wzn?7^j^TxL-ySh=mBn0H}t&B2JDx^9h
zEC(w7`hE)?W(=t#pr!uox!VWgfyEPWJOBI5p=i%fl+bIZAa_8PcmDAsF1<DZuq<?O
zpo7|euH(%_mEW90Ktz2IzwdVmpKOWHuX^)qIzy@t=C`*Kr|vK+2_PqPbHS)LITdA*
z2F#AGk6bA_ScaFrHQ)|>9FU@SmpF+fzd2S~q7RJhxdDdy>v2PA!z`D;6=oA97abP5
z6OjG3acZZzepsVpxsdz?`&oe!oT4qAP>p~T%T*8R7=7O*GW6}s*^hyAi}ROx8!pxB
zi^UfqEwCFg4vk@V#_xzXS9+~9Mix9HM*+d#0^Sl&Ox0{k=1a-n-tnQ&{Z>axY!q!3
zA|IdYoL*h&R{?1BmarDli*ws?VHK$x8bv-pLmRlLv$}8ZEfmlhD#xtyk;>0(MSsP0
zUgO9WI@WiGX1xj!GdN=4^6m4?nPAfuuVh1PtPPFyaV<x~>Ql`fJuBW?d+dfLXHm9k
z|Ja-e!$>B&2pjWbr73KiJF(*s3$64-oZn|m{^e#jO}wu>vV7lzKE$$PZk;sW$P6+L
zP^~vJ_{x11pK@V99(X)u=mfW2f}%r4;yMsQ0DHBBFIqtw{@RFB5k-zBNVwLIy;8te
zUeSmC6O}V{3y#1mh7_)hfXfBceWcSg%oHNYlyS)dMoc3it{-OeVY!0vr=zp3{q@hW
z|JdV!><{=Mi~zKx><=$=eV1QIxFs}xTE5HrkN*J3+gH$V?rte+2mjD~0GHwz7-=~p
zkpMp=A26BzuVq)<$Kbj@qBG8lh+2@4P=>*PjURkM2)JQjwxKRF5z02SoKvvo!hZFw
z6iL$&6A_Tl^YUfY+`#I|lp+m6<Im@{F@|0u6rF8SWw+iZg!5@-^bGcnC%yilp=+Y^
zNU~+~Ob9nYOtjRNP;sHysX4N;qKSCmLHLD?<f<zd<=W%FEf18GYAP)ri+B&E^s8za
ze6p?&NUtpMS(cS8+25xzda1LkbB;0Lku24>`FXAWkU<n)mg`w3gei2ah%NChjtn7K
zUQm1GFMQLl&`I<CtIhEqJ^G`HZ0}w4;ET4Pg42K>s(6ex;<iC_u#btw&TG)>^nJ-{
z^wUazsK2F#3LUpm1yl8Z1<`jrZpa-!ej6*Apuk(=VQ*5f=&&=?390A9CD|rWNALSI
zo$i0kW>?7V0-Ia{f_$IusRH4`%ML4To^`B8L5e{~sa7PjOMRK18>8~3V62RvQ6+v}
zk?ib*3~&s>J66qo&jx0$7hA{m5RYCd+9FYA9pAu$RB-`HM{i+c&0dK<A@O&V*D9A;
zZb0W&eeFDCZ0p@{3X}R?O*`&`1`nPrOs`p`RkQ_mniRLi6sF9jC9kkkaJ5uradp*{
za`|m+DT9z|TLK@MU{V$jr&CQK3e?@o2(z(7LQVCNJs42}Gtg@&?R8L}mlNp7R};3z
zs4m;Fc|N@MS5HDkXQV9Z_#9ow-?N{)Gn)!+FHvNfHf-`3K~D$9oTV=8X1Q*AdX*^<
z7uRb3ZFcTyN%~^o!<#kFYixim^xEf##}%KiC3ux|qz%I4dep}cMMTNkU1_hQQ5o2{
z(;68{jI$24&S~E@y$?c4q|mRB`93#?4ATJJBbS!(8Q6>=6V$V4E>79OfHe3-Mo3U`
z_4^C03Jjff0Za79H?F2!io=^T^fLWeHsbI6q1T2Oq&c!;s}kkQI8&bu6w7+N8VX2u
zRto_=DtoXS&I9VF2I~^3pKoUIc~tW|pH;j4xoWGQbN$F^>O$*kp*|*`pO&ZZGw7@Z
zp`<m2%qn|u2}c$NySGZ8@W^w2Enc<7GxhFkKDVRXfYShETqePO7WMEi$5mt6-PU%#
z2S3CLRXW)Q$hh+PJUbO?c<$i^;Xkpks03*_#T}$J!|{b;{S9`A)9~9?J)M9O$e)&S
zE%4{cLqb^6;Y)CQMv&0dS-d40?1Te3{gF8AQy`m70}(2@3DflnGGrYW>Bzy_DI_CW
zn6D`u>}SapekCB;kt6r7Go+os2ACvggRxiD+%_Qd^)F9O`ZQK_PA6b1$&iGW7M~$M
z6l(Q|#pQwHTI%avv;QSDL-`?`j{JcU+>`*QS+-F6z-piqLJ3^!X2Ypd!qQvZ_m*}j
zrvj!bJEJDyt#Gchqs<x4B$7KF29xR#f52x*R?-D3t{sui17_Y54a@lRjNrjlm<Dp5
zZSk=Md2Ya)$Z86db5q=K0@AO|`<JfmAlp!jWK-7?9{LfNfmF>I^Ic)$1)p>e1msIt
zBFIJGI52|K8+HsM>3)>9P|8DT=b=UF@cVEqL=bfhbermBH!g|%_?@o=JK|_pN&un&
zWFRevXE{0*VMdu)Mr_rVxm^a5DtN|YXIyltKdcu2cmsvVbC*M!t!o2eBUPNwJB>gb
zigcL9Il*y4V?aC*+%!N!vH%qp2c$88hL;6KND_nRKa;Z3P<~py&DC>6oLmHv`dNc=
zBf+x%uR-|+z3Ce7K|)z~h8`s~1=Uu=T7TlL0?E?Xi}?Wlddp}|^At91s(P%-cFi$Y
zhlbCHmL>ObF30xB@fafiDyIzE`AL;ebKvfobc-x~78A~?Do8(pEx7o4XfGFs;(s9u
zq6-)y<&)9+t!h7>X0E=T?m9MhQ<=$?^%TV~#&k<p#BR2r*!D`q2%<EG_b!F`Y<l9G
z98v+vDEj(bQA%e{DEy^rXO1NeABVc-8gTt?6!MlH^7H(3si)|qxAiZNx5r_<Wf2xN
zu2P+%%movaCT%RzO}`D_VjmbqTH~EM#o$TS#MFcYSrn!B=!Z{MC#ZI9u;a!Wgf|hb
z=142v%|KgpOvGn&`o_D7Bbgt%+)5|aX?SwKELmh-nNc?FTNz4;qR(eEzn2#6waDA#
zWka&k%ha$Z?k-~5eC|)ytW%~05_x&qAW#-D2s;I*UAJw~r?BFKN)4P__viw?`!S-+
zjI{p5-=d=h)WybAD7Z;DT!tOj?cxF7E#Ih7AGvb3{w^a(8;poB#9Smi;Lx_PA+y|F
z?K4>G$_)p;P&7GxeUd8<kX#L{*70DzM{iHkj1CJnUb@tf__}^eclM@$5y+sD*Na`z
zkU%>{jNTE4R051w-;)rR*?*#^(c#37Vh$H|udTs4o`i;e%pQ}<olxX(!KI&SkP=K0
zww0M%;zY@yV761MGIQ<_o?iw?<`~x?U#Z>%zR4#n**rmq;Qq@GwXE7lr(h&$`IrwJ
zV43<Q2@!)6Qx$<}vX$;&JPe2$CA^#Eys<=3UlAgfh*Tc9=VGX+%(V{|L_GsT0QYw+
zt3gX}SM;a$4;1-g5FksI5x8dgaUj}D#1-j#!5$I~!a}KkGY?U{T99w)T6Iu#$Y7Pr
z9@f(?93KFxd~j>>f6G1o+3@NAHlX^~?C5`vkp9W=iLTGV1Hj?%)%Dh&>^S=uJQM@Q
MCr%wNIZBTBf8j+_zyJUM

literal 0
HcmV?d00001

diff --git a/site/.vuepress/theme/components/SectionHeader.vue b/site/.vuepress/theme/components/SectionHeader.vue
index 281e42a4..f5040511 100644
--- a/site/.vuepress/theme/components/SectionHeader.vue
+++ b/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
diff --git a/site/.vuepress/theme/layouts/About.vue b/site/.vuepress/theme/layouts/About.vue
index c1454009..144eab21 100644
--- a/site/.vuepress/theme/layouts/About.vue
+++ b/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.
diff --git a/site/.vuepress/theme/layouts/CaseStudy.vue b/site/.vuepress/theme/layouts/CaseStudy.vue
index a2a44bd2..03eadd15 100644
--- a/site/.vuepress/theme/layouts/CaseStudy.vue
+++ b/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" />
diff --git a/site/pages/development.md b/site/pages/development.md
new file mode 100644
index 00000000..ce90859a
--- /dev/null
+++ b/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.
+:::
diff --git a/site/pages/strategy.md b/site/pages/strategy.md
new file mode 100644
index 00000000..2877e48c
--- /dev/null
+++ b/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.
+:::