Added to README and fixed Hero

README.md

@@ -1,2 +1,21 @@
-# 3d Parallax Developer Portfolio Website
+# 3D Parallax Developer Portfolio Website
 
+## Introduction
+This is a code repository for my 3D portfolio website showcased in this video - TBD.
+
+I built myself a 3D developer portfolio website to replace my minimal portfolio and compliment my GitHub profile page and terminal website. This is a custom website I've been wanting to build for a while, that has the "wow" factor of my terminal website thanks to three.js 3D graphics, interactive animations, and parallax, while maintaining an easy-to-use and intuitive design. This website gives a prospective client or employer a quick look at me and my work as a developer, showing them what I can do with not just the projects listed, but the website itself. And yes, I know the parallax gets tricky when shrinking the window, but I'll fix that... one day... maybe. Maybe one of y'all can fix it for me.
+
+## Technologies
+- Vite - Build tool for the boilerplate and structure
+- JavaScript - Programming language
+- React - JavaScript library for building user interfaces
+- Tailwind - CSS framework
+- Three.js - Animated 3D graphics
+- Framer Motion - Interactive animations
+- Hostinger - Web hosting platform
+- GitHub - Version control & CI/CD
+
+## Extra Resources
+- [Spaceman by wallmasterr](https://sketchfab.com/3d-models/tenhun-falling-spaceman-fanart-9fd80b6a259f41fd99e6f56eee686dc5)
+- [Planet Surface by jongjawi](https://stock.adobe.com/images/landscape-surface-of-planet-sky-space-science-fiction-fantasy-illustration/330880441?asset_id=330880441)
+- [Position Animation by Teshank](https://github.com/teshank2137/portfolio)

src/components/Hero.jsx

@@ -1,8 +1,6 @@
 import { SpacemanCanvas } from ".";
 import Position from "./Position";
 
-<p>Welcome to my portfolio. Scroll down to see more about my experience, technologies, projects, and contact information.</p>
-
 const Hero = ({ scrollContainer }) => {
   return (
     <section className="parallax">
@@ -18,7 +16,7 @@ const Hero = ({ scrollContainer }) => {
           </div>
         </div>
       </div>
-
+      <Position />
       <img className="parallax__stars" src="./parallax/1Stars.svg" alt="" />
       <img className="parallax__planets" src="./parallax/2Planets.svg" alt="" />
       <img className="parallax__mountain1" src="./parallax/3Mountain.svg" alt="" />