feat: create alternate text component

Author: mgrinstein

src/components/TextComponent.css

@@ -0,0 +1,24 @@
+@import '../styles/colors.css';
+
+/* Main container for AboutMe section */
+.text-component-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    max-width: 1200px;
+    margin: 20px auto;
+    background-color: var(--antiflash-white);
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    padding: 10px;
+  }
+  
+  .text-component-content {
+    flex: 1;
+    padding-left: 20px;
+  }
+  
+  .text-component-content p {
+    color: var(--raisin-black);
+    font-size: 1.1rem;
+    line-height: 1.3;
+  }

src/components/TextComponent.js

@@ -0,0 +1,12 @@
+import React from "react";
+import "./TextComponent.css";
+
+export function TextComponent({ text }) {
+    return (
+        <div className="text-component-container">
+            <div className="text-component-content">
+                {text}
+            </div>
+        </div>
+    );
+}

src/components/index.js

@@ -1,3 +1,4 @@
 export * from "./HomeComponent"
 export * from "./ContentElement";
 export * from "./Navbar";
+export * from "./TextComponent";