Update all (major) (#48)

Author: renovate[bot]

.github/workflows/build_workflow.yml

@@ -13,17 +13,17 @@ jobs:
       run:
         shell: bash -l {0}
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
       - name: Use Node.js 16
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 16
 
       - name: Cache node modules
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         env:
           cache-name: cache-node-modules
         with:

package.json

@@ -13,21 +13,21 @@
     "@testing-library/user-event": "14.5.2",
     "@types/aos": "3.0.7",
     "@types/jest": "28.1.8",
-    "@types/node": "16.18.98",
+    "@types/node": "20.14.2",
     "@types/react": "18.2.3",
     "@types/react-dom": "18.3.0",
     "@types/react-scroll": "1.8.10",
     "aos": "2.3.4",
-    "bulma": "0.9.4",
+    "bulma": "1.0.1",
     "kwesforms": "2.2.9",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-router-dom": "6.23.1",
     "react-player": "2.16.0",
     "react-scripts": "^5.0.1",
     "react-scroll": "1.9.0",
-    "typescript": "4.9.5",
-    "web-vitals": "2.1.4"
+    "typescript": "5.4.5",
+    "web-vitals": "4.1.0"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -52,15 +52,15 @@
     "@typescript-eslint/parser": "5.62.0",
     "eslint": "8.57.0",
     "eslint-config-airbnb": "19.0.4",
-    "eslint-config-airbnb-typescript": "17.1.0",
-    "eslint-config-prettier": "8.10.0",
+    "eslint-config-airbnb-typescript": "18.0.0",
+    "eslint-config-prettier": "9.1.0",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jsx-a11y": "6.8.0",
-    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-react": "7.34.2",
     "eslint-plugin-react-hooks": "4.6.2",
-    "lint-staged": "13.3.0",
-    "prettier": "2.8.8"
+    "lint-staged": "15.2.5",
+    "prettier": "3.3.1"
   },
   "lint-staged": {
     "src/**/*.+(js|jsx|ts|tsx|json)": [

src/App.tsx

@@ -9,7 +9,7 @@ import Coach from "views/Coach";
 
 function App() {
   return (
-    <div className="App">
+    <div className="App theme-light">
       <BrowserRouter>
         <NavBar />
         <Routes>

src/components/Coach/ContactForm.tsx

@@ -29,7 +29,7 @@ const ContactForm: React.FC = () => {
           </figure>
           <h1 className="title is-1">Let's Connect</h1>
 
-          <p className="is-size-5 ">
+          <p className="is-size-5 has-text-dark-grey">
             I would love to learn about your exercise aspirations. Message me on
             Instagram or fill out the message form here and I'll get back to you
             soon!
@@ -38,7 +38,7 @@ const ContactForm: React.FC = () => {
             <p className="bd-notification is-primary">
               <a
                 href="https://www.instagram.com/coachtomvo/"
-                id="linkedin-icon"
+                id="instagram-icon"
                 target="_blank"
                 rel="noreferrer"
               >

src/components/Coach/Hero.tsx

@@ -21,7 +21,7 @@ function Hero() {
                 <div className="player-wrapper">
                   <ReactPlayer
                     className="react-player fixed-bottom"
-                    url="videos/IMG_3290.mp4"
+                    url="https://github.com/tomvothecoder/tomvo.me/raw/main/public/videos/IMG_3290.mp4"
                     width="100%"
                     height="100%"
                     playing={true}
@@ -40,22 +40,22 @@ function Hero() {
               <h3 id="hero-welcome">Hey There!</h3>
               <h1 id="hero-title">I'm Tom Vo,</h1>
               <p id="hero-description">
-                <strong>
+                <span className="has-text-weight-bold">
                   a NASM Certified Personal Trainer and Powerlifting Coach with
                   over a decade of lifting experience.
-                </strong>{" "}
+                </span>{" "}
                 I've coached numerous powerlifting athletes over the years,
                 including those who placed top three in their division, with
                 some winning best overall lifter. I've also helped clients
                 reached their weight-loss goals through habit-based nutrition
                 and exercise programs.
               </p>
               <p id="hero-description">
-                <strong>
+                <span className="has-text-weight-bold">
                   My coaching philosophy focuses on deeply understanding
                   each of my client's goals and life circumstances to provide
                   individualized services.
-                </strong>{" "}
+                </span>{" "}
                 I'm a life-long continuous learner who loves to share my passion
                 in health and fitness with everyone. Enough said, let's link up
                 and make some gains together! 💪🙌

src/components/Coach/Services/SystemComponent.tsx

@@ -20,7 +20,7 @@ const SystemComponent = ({ iconSrc, name, bullets }: Props) => {
             <img src={iconSrc} alt={name}></img>
           </figure>
         </div>
-        <div className="column is-7">
+        <div className="column is-7 has-text-grey-dark">
           <h2 className="default-font has-text-left" style={styles["title"]}>
             {name}
           </h2>