added technologies component

src/components/Content.jsx

@@ -1,5 +1,6 @@
 /* ----- Project Imports ----- */
 import Details from "@/components/Details.jsx";
+import Technologies from "@/components/Technologies.jsx";
 import Projects from "@/components/Projects.jsx"
 import "@/styles/content.css";
 
@@ -7,6 +8,7 @@ function Content() {
   return (
     <main className="contentContainer">
     <Details />
+    <Technologies />
     <Projects />
     </main>
   );

src/components/Details.jsx

@@ -6,6 +6,7 @@ function Details() {
   return (
     <article className="detailsContainer">
     <p>This be some details</p>
+    <a href="#tech">Technologies</a>
     <a href="#projects">Projects</a>
     </article>
   );

src/components/Technologies.jsx

@@ -0,0 +1,15 @@
+/* ----- Project Imports ----- */
+import "@/styles/technologies.css";
+
+
+function Technologies() {
+  return (
+    <article className="technologiesContainer">
+    <h2 id="tech">This is Tech area title</h2>
+    <p>This be some technologies</p>
+    </article>
+  );
+};
+
+export default Technologies;
+

src/styles/technologies.css

@@ -0,0 +1,4 @@
+.technologiesContainer {
+  min-height: 100vh;
+  padding: 3rem;
+}