Updates to coaching website (#61)

- Update introduction in Hero
- Update core value image for client first
- Add Powerlifting training to services list
- Add Powerlifting Training and Meet Prep to coaching system list
- Update facts section
- Update habit-based nutrition coaching title

Author: tomvothecoder

src/assets/services/gold-medal.png

@@ -1,6 +1,6 @@
 import barChart from "assets/values/bar-chart.png";
 import science from "assets/values/data-science.png";
-import teamWork from "assets/values/teamwork.png";
+import client from "assets/values/handshake.png";
 import { CSSinJS } from "common/types";
 
 const CoreValues: React.FC = () => {
@@ -16,13 +16,13 @@ const CoreValues: React.FC = () => {
           <div className="card" data-aos="zoom-in">
             <div className="card-content">
               <figure className="image is-96x96" style={styles["figure"]}>
-                <img src={teamWork} alt="database" />
+                <img src={client} alt="client" />
               </figure>
-              {/* Source: <a href="https://www.flaticon.com/free-icons/person" title="person icons">Person icons created by Freepik - Flaticon</a> */}
+              {/* <a href="https://www.flaticon.com/free-icons/client" title="client icons">Client icons created by Freepik - Flaticon</a> */}
               <h2 style={styles["valueCaption"]}>Client first, period.</h2>
               <p style={styles["valueSubCaption"]}>
-                I will always uphold my integrity as a coach and never cut corners
-                just to make a dime.
+                I will always uphold my integrity as a coach and never cut
+                corners just to make a dime.
               </p>
             </div>
           </div>
@@ -31,12 +31,10 @@ const CoreValues: React.FC = () => {
           <div className="card" data-aos="zoom-in">
             <div className="card-content">
               <figure className="image is-96x96" style={styles["figure"]}>
-                <img src={science} alt="yoga" />
+                <img src={science} alt="science" />
               </figure>
               {/* Source: <a href="https://www.flaticon.com/free-icons/computer" title="computer icons">Computer icons created by vectorsmarket15 - Flaticon</a> */}
-              <h2 style={styles["valueCaption"]}>
-                Simple and science-based
-              </h2>
+              <h2 style={styles["valueCaption"]}>Simple and science-based</h2>
               <p style={styles["valueSubCaption"]}>
                 Bro-science is a thing of the past! Let's talk about that real
                 juicy science instead.

src/assets/services/webcam.png

@@ -18,12 +18,13 @@ const Facts: React.FC = () => {
           <div className="card">
             <div className="card-content has-text-left" style={styles["text"]}>
               <p>
-                I'm a climate research software engineer by day. I enjoy
-                cooking, food photography, hiking, martial arts, and PC gaming!
-                I have coached numerous USPA and USAPL athletes who placed
-                top-3, with some winning best overall male lifter. I also
-                competed in a few meets and will be making a return to the
-                platform soon. My all-time gym PRs are 375/230/470.
+                I'm a Climate Research Software Engineer at a national
+                laboratory on the weekdays (check out my{" "}
+                <a href="https://tomvo.me/career"> career website</a>). I enjoy
+                powerlifting, cooking, food photography, hiking, martial arts,
+                reading, and PC gaming! I have competed in a few powerlifting
+                meets and my all-time gym PRs are 375 squat, 230 bench, and 470
+                deadlift.
               </p>
             </div>
           </div>

src/assets/values/handshake.png

@@ -30,16 +30,21 @@ function Hero() {
               <h3 id="hero-welcome">Hey There!</h3>
               <h1 id="hero-title">I'm Tom Vo,</h1>
               <p id="hero-description">
-                a NASM Certified Personal Trainer and Powerlifting Coach. I
-                pride myself on deeply understanding each of my client's goals
-                and aspirations. I provide a truly individualized coaching
-                experience using a feedback-driven training and nutritional
-                system.
+                <strong>
+                  a NASM Certified Personal Trainer and Powerlifting Coach with
+                  over a decade of lifting experience.
+                </strong>{" "}
+                I have coached numerous powerlifting athletes who placed in the
+                top 3 of their division, with some winning best overall lifter.
+                I have also helped clients reached their weight-loss goals
+                through habit-based nutrition and exercise programs.
               </p>
               <p id="hero-description">
-                As a continuous learner, I love to share my passion and
-                knowledge in exercise with everyone! Enough said, let's link up
-                and make some gains together! 💪🙌
+                My coaching philosophy focuses on deeply understanding each of
+                my client's goals and life circumstances to provide
+                individualized services. As a continuous learner, I love to
+                share my passion in exercise with everyone. Enough said, let's
+                link up and make some gains together! 💪🙌
               </p>
               <div className="hero-icon">
                 <a

src/assets/values/teamwork.png

@@ -10,7 +10,7 @@ const styles: CSSinJS = {
 
 const ServicesList: React.FC = () => {
   const services = [
-    "Powerlifting meet prep",
+    "Powerlifting training and meet prep",
     "Individualized training programs",
     "Habit-based nutrition coaching",
     "Active check-ins and calls",

src/components/Coach/CoreValues.tsx

@@ -1,4 +1,5 @@
 import apple from "assets/services/apple.png";
+import barbell from "assets/services/gold-medal.png";
 import route from "assets/services/route.png";
 import webcam from "assets/services/webcam.png";
 import { CSSinJS } from "common/types";
@@ -12,6 +13,15 @@ const System: React.FC = () => {
   };
 
   const systemComponents = [
+    {
+      // <a href="https://www.flaticon.com/free-icons/medal" title="medal icons">Medal icons created by Pixel Buddha - Flaticon</a>
+      iconSrc: barbell,
+      name: "Powerlifting Training and Meet Prep",
+      bullets: [
+        "Off-season programming based on ideal volume, frequency, and periodization scheme for each athlete",
+        "Meet prep includes a 4-6 week peaking program, weekly calls, and attempt strategizing",
+      ],
+    },
     {
       // <a href="https://www.flaticon.com/free-icons/end-to-end" title="end to end icons">End to end icons created by Muhammad_Usman - Flaticon</a>
       iconSrc: route,
@@ -25,15 +35,15 @@ const System: React.FC = () => {
     {
       // <a href="https://www.flaticon.com/free-icons/fruit" title="fruit icons">Fruit icons created by Freepik - Flaticon</a>
       iconSrc: apple,
-      name: "Habit-Based Nutritional Coaching",
+      name: "Habit-Based Nutrition Coaching",
       bullets: [
         "Focus on strategies to improve nutrition through education, accountability, and behavior changes",
         "Develop habits and behaviors for long-term benefits to your health and wellbeing",
         "Integrate sustainable meal timing practices and well-balanced diets (no strict meal planning!)",
       ],
     },
     {
-      // <a href="https://www.flaticon.com/free-icons/cam" title="cam icons">Cam icons created by Vectors Market - Flaticon</a>
+      // <a href="https://www.flaticon.com/free-icons/webcam" title="webcam icons">Webcam icons created by Vectors Market - Flaticon</a>
       iconSrc: webcam,
       name: "Active Check-Ins",
       bullets: [