add work section

components/PortfolioEntry.jsx

@@ -0,0 +1,52 @@
+/**
+ *
+ *
+ * Imports
+ * ------------------------------------------------------------------------------
+ *
+ */
+/** ********************* React/Next Imports */
+import React from "react";
+import TextShuffler from "./actions/TextShuffler";
+/** ~ End React/Next Imports *************** */
+
+/** ********************* Functions and Other Page Imports */
+/** ~ End Functions and Other Page Imports *************** */
+
+/**
+ *
+ *
+ * Main Component { Functional }
+ * ------------------------------------------------------------------------------
+ * @param {Object} props - React component props including { children }
+ *
+ */
+/** ********************* Page Main Component */
+export default function PortfolioEntry({ title, description, url, image }) {
+    // ## Get Contexts
+    // -----------------------
+
+    // ## Javascript Variables
+    // -----------------------
+
+    // ## React Hooks { useState, useEffect, useRef, etc ... }
+    // -----------------------
+
+    // ## Function Return
+    return (
+        <div className="portfolio-entry-block">
+            <h2 style={ { marginTop: "0" } }><TextShuffler textInput={ title } /></h2>
+            <img src={ image } alt="" />
+            <span>
+                <TextShuffler textInput={ description } />
+            </span>
+            <div className="hero-ctas-section">
+                <a href={ url } target="_blank">Visit Site</a>
+            </div>
+        </div>
+    );
+    // -----------------------
+};
+/** ~ End Page Main Component *************** */
+
+// export default Header;

components/portfolioEntries.json

@@ -0,0 +1,8 @@
+[
+    {
+        "title": "Next 7 Web Engine",
+        "description": "Next 7 is an all-in-one web engine featuring a web page builder and a content management system",
+        "url": "https://next7.io",
+        "image": "/images/next7screenshot.png"
+    }
+]