index.html

---
authors:
  - brad-czerniak
#categories: ["one", "two"]
#date: 2020-03-03 02:02:02
front: true
#hero_classes: "background-color--main-dark color--white"
menus:
#  copyright: 1
#  footer: 1
  main: 1
#  utility: 1
meta:
  description: "Michigan Drupal and JAMstack development + consultation."
#  image:
#    alt: "Default social image"
#    src: required/meta-image--default.jpg
#  robots: "index,follow"
  title: "Drupal web development in Michigan"
#permalink: /index.html
#published: true
redirect_from:
  - /home
#schema:
#  type: "Thing"
sections:
  - freshness
  - cta
  - mailchimp
#sitemap: true
#tags: ["three", "four"]
title: "Home"
---

<section class="layout--stripe background-color--third-light background-image--hero-home background-size--cover
  color--third-dark text-align--center background-image-display-mobile--hide" id="home">
  <div class="layout--stripe--inner">
    {% include atoms/heading.html
      children="Better, faster, cheaper Drupal websites"
      classes=""
      level="1"
    %}

    {% include atoms/spacer.html size="4" %}

    <div class="display--flex layout--row justify-content--center">
      <aside class="display--flex flex-direction--column justify-content--center">
        <p class="font-size--2em">
          Let's not sugar-coat it: other agencies charge too much.
        </p>
      </aside>
    </div>
  </div>
</section>

<section class="layout--strip background-color--third-light color--third-dark text-align--center">
  <div class="layout--stripe--inner">
    {% include atoms/heading.html
      children="Early call to action"
      classes="a11y--visually-hidden"
      level="2"
    %}

    <p>
      <strong>Want to skip the hard sell?</strong> Call/text Brad at <a href="tel:+13135097214">(313) 509-7214</a> or email
      <a href="mailto:brad@solveitonce.com">brad@solveitonce.com</a>
    </p>
  </div>
</section>

<section class="layout--stripe text-align--center">
  <div class="layout--stripe--inner">
    {% include atoms/heading.html
      children="Always delivering working software"
      classes="color--main-dark"
      level="2"
    %}

    <div class="display--flex layout--row justify-content--center">
      <aside class="flex--1 display--flex flex-direction--column justify-content--flex-start text-align--left padding-horizontal--8-
        padding-horizontal--collapse">
        {% include atoms/spacer.html size="1" %}

        {% include atoms/heading.html
          children="Your old agency"
          classes="heading--h4 color--second"
          level="3"
        %}

        <ol>
          <li>At first do you get <em>email attachments</em>, not a website?</li>
          <li>If you cancel 10% in, do you get a website at all?</li>
          <li>Do you get old-fashioned page mockups instead of components?</li>
          <li>Did the designer say your brand is 'shy' or other nonsense?</li>
        </ol>
      </aside>

      <aside class="flex--1 display--flex flex-direction--column justify-content--flex-start text-align--left padding-horizontal--8
        padding-horizontal--collapse">
        {% include atoms/spacer.html size="1" %}

        {% include atoms/heading.html
          children="Solve it once"
          classes="heading--h4 color--third"
          level="3"
        %}

        <ol>
          <li>Within days you can log in to your new website</li>
          <li>You can commit to bite-size sprints, and walk away at any time with a working site</li>
          <li>It's <strong>good</strong> to refine components instead of whole pages!</li>
          <li>The writing is clear, direct, and for all audiences</li>
        </ol>
      </aside>
    </div>

    {% include atoms/spacer.html size="4" %}

    <p>
      <strong>How can we stay small and make big promises?</strong> We stick to <a href="/blog/so1ve-approach-agile-interface/">
      agile principles</a> and <br /><a href="https://www.frostdrupal.com/">use past success as our starting point</a>.
    </p>

    {% include atoms/heading.html
      children="Shop now"
      classes="font-family--secondary heading--h2"
      level="3"
    %}

    {% include atoms/spacer.html size="4" %}

    <ul class="list-style--none layout--multiple--horizontal">
      {% for product in site.products limit:3  %}
        {% include molecules/card.html
          entity=product
        %}
      {% endfor %}
    </ul>

    {% include atoms/spacer.html size="4" %}

    <a class="button cta" href="{{ site.subpath }}{% link collections/pages/products.html %}">More products</a>
  </div>
</section>

<section class="layout--stripe text-align--center background-color--grey-light">
  <div class="layout--stripe--inner">
    {% include atoms/heading.html
      children="frost Drupal: super-charged head-start"
      classes="color--main-dark"
      level="2"
    %}

    {% include atoms/spacer.html size="4" %}

    <div class="display--flex layout--row flex-direction--row-reverse justify-content--center">
      <aside class="layout--column flex--1 display--flex flex-direction--column justify-content--center">
        {% include molecules/youtube.html
          id="CkmY1kb6vq8"
        %}
      </aside>

      <aside class="layout--column flex--1 display--flex flex-direction--column justify-content--center
        padding-horizontal--8 padding-horizontal--collapse text-align--left">
        <p>
          <a href="https://drupal.org">Drupal</a> is the best content management system. It's free, open source, and can
          be expanded to do darn-near anything.
        </p>
        <p>so1ve's flavor of Drupal, <a href="https://www.frostdrupal.com">frost</a>, is "low-code" and component-based,
          so you can accomplish more without calling a developer. It's a big part of <strong>how we offer new sites quickly
          for a fraction the cost of other companies</strong>:
        </p>
        <ul>
          <li>It installs with 20+ pages of useful content</li>
          <li>Reusable components and layouts are ready for your colors and fonts to make them yours</li>
          <li>The code and configuration is dialed in</li>
        </ul>
      </aside>
    </div>
  </div>
</section>

<section class="layout--stripe text-align--center">
  <div class="layout--stripe--inner">
    {% include atoms/heading.html
      children="We work on big sites"
      classes="color--main"
      level="2"
    %}

    <p class="font-size--p875em color--grey-dark">
      so1ve coded for all these clients. They're not all our <em>contracts</em>, but we're proud of our work.
    </p>

    <div class="display--flex layout--row justify-content--center">
      <aside class="flex--1 display--flex flex-direction--column justify-content--flex-start text-align--left padding-horizontal--8-
          padding-horizontal--collapse">
        {% include atoms/spacer.html size="2" %}

        {% include atoms/heading.html
          children="Direct clients"
          classes="heading--h4 font-family--secondary text-align--center color--third"
          level="3"
        %}

        {% include molecules/data-listing.html
          data="brands"
          classes="display--flex flex-direction--row align-items--center justify-content--center"
          item_classes="flex--1 padding-horizontal--4"
          subcontract="false"
        %}
      </aside>

      <aside class="flex--1 display--flex flex-direction--column justify-content--flex-start text-align--left padding-horizontal--8
          padding-horizontal--collapse">
        {% include atoms/spacer.html size="2" %}

        {% include atoms/heading.html
          children="Subcontract work"
          classes="heading--h4 font-family--secondary text-align--center color--third"
          level="3"
        %}

        {% include molecules/data-listing.html
          data="brands"
          classes="display--flex flex-direction--row align-items--center justify-content--center"
          item_classes="flex--1 padding-horizontal--4"
          subcontract="true"
        %}
      </aside>
    </div>

    {% include atoms/spacer.html size="2" %}

    <p class="font-size--p875em color--grey-dark">
      Special thanks to <a href="https://creative.umich.edu/">Michigan Creative</a>,
      <a href="https://www.human-element.com/">Human Element</a>, <a href="https://provisiosolutions.com/">Provisio</a>,
      <a href="https://www.tactis.com/">Tactis</a>, <a href="https://casualastronaut.com/">Casual Astronaut</a>, and
      <a href="https://symmetrimarketing.com/">Symmetri Marketing</a> for the
      wonderful sub-contracting opportunities — please consider them if so1ve isn't your speed.
    </p>
  </div>
</section>

<section class="layout--stripe text-align--center background-color--second-light background-image--noh8 background-size--cover">
  <div class="layout--stripe--inner padding-horizontal--4 padding-vertical--4 background-color--second-light--transparent
    box-shadow--default">
    {% include atoms/heading.html
      children="Hate need not apply"
      classes="color--second-dark"
      level="2"
    %}

    {% include atoms/icon.html
      library="octicons"
      symbol="megaphone"
    %}

    <p>
      We refuse service for fringe political or religious ideology, guns and violence, gambling, drugs, or other crummy
      junk, so anyone looking in to who made your website won't find your site alongside seedy scam sites. Let's all be
      excellent to each other.
    </p>

    {% include atoms/icon.html
      library="octicons"
      symbol="heart"
    %}
  </div>
</section>

<section class="layout--stripe text-align--center background-color--third-light">
  <div class="layout--stripe--inner">
    {% include atoms/heading.html
      children="Howdy, partner"
      classes="color--third"
      level="2"
    %}

    <p class="font-size--p875em color--grey-dark">
      We'd love to partner with you as well, especially if your badge looks cool.
    </p>

    {% include molecules/data-listing.html
      data="badges"
      classes="display--flex flex-direction--row align-items--center justify-content--center"
      item_classes="flex--1 padding-horizontal--4"
    %}
  </div>
</section>