
<div class="table-of-contents">
    <h2>Table of Contents</h2>
    <ol>
        <li><a href="#the-project" class="article-link">The Project</a></li>
        <li><a href="#what-we-built" class="article-link">What We Built</a></li>
        <li><a href="#stack-and-timeline" class="article-link">Stack and Timeline</a></li>
    </ol>
</div>

<article className='main-content'>

![Homepage of a life coach website](/images/showcase/client-life-coach-hero.webp "Homepage headline for manifestation and mindset coaching.")

## The Project <a name="the-project"></a>

This is a personal-brand website for a life coach, focused on manifestation and mindset coaching. It was built in spring 2023.

## What We Built <a name="what-we-built"></a>

The navigation covers Home, About, Contact, Blog, Gallery, and Newsletter. The page has a hero, an about section, program tiles, and a contact area.

![Program tiles on a life coach website](/images/showcase/client-life-coach-offers.webp "Program tiles on the homepage.")

<div class="phone-group" data-caption="Phone views of the homepage headline and a program section.">
  <img src="/images/showcase/client-life-coach-phone-hero.webp" alt="Homepage headline on a phone" />
  <img src="/images/showcase/client-life-coach-phone-programs.webp" alt="A coaching program on a phone" />
</div>

## Stack and Timeline <a name="stack-and-timeline"></a>

The site uses React 18, Vite 4, styled-components, react-router-dom, and react-icons.

Work started in March 2023 and the last update in that build was April 2023.

</article>


Life Coach Website

Table of Contents

The Project

What We Built

Stack and Timeline

General

Contact