fix spacing, add headers to break up content, add phone number, note about calling/texting

app/components/pages/About.tsx

@@ -9,13 +9,15 @@ export default function About() {
             <h1 className="text-4xl font-bold my-2 text-center text-gray-200" style={{ textShadow: '0 0 10px rgba(255, 255, 255, 0.5)' }}>
                 About Me
             </h1>
-            <div className="p-6">
+            <div className="px-6 pt-6">
                 <p className="text-gray-300 mb-4">
                     Hey there! I&apos;m Aidan, a web developer and student, and this is my website. I&apos;m passionate about web development (although I&apos;m not great with design) and I love building things with Node.js and Express.
                 </p>
+                <h2 className="text-2xl font-semibold mb-4 mt-12 text-gray-200">Academics</h2>
                 <p className="text-gray-300 mb-4">
                     In terms of my academic background, I am currently pursuing a degree in computer science at SNHU. I really enjoy learning, though it depends on the subject. I am mostly self-taught when it comes to programming. I prefer this style of learning, especially with programming, as it lets me learn faster and apply creativity much more.
                 </p>
+                <h2 className="text-2xl font-semibold mb-4 mt-12 text-gray-200">Hobbies</h2>
                 <p className="text-gray-300 mb-4">
                     When I&apos;m not programming, I can typically be found installing another Linux distro on my laptop or flashing a new ROM to my phone. I am also a passionate writer and I like to write creatively in my free time.
                 </p>
@@ -25,6 +27,7 @@ export default function About() {
             </div>
             <div className="mt-12">
                 <h2 className="text-2xl font-semibold mb-4 text-gray-200">My GitHub Contributions</h2>
+                <p className="text-gray-300 mb-4">You can find me on GitHub as <a href="https://github.com/ihatenodejs/" className="text-blue-400 hover:underline">ihatenodejs</a>.</p>
                 <div className="flex flex-col md:flex-row justify-center gap-4">
                     <img src="https://github-readme-stats.vercel.app/api?username=ihatenodejs&theme=dark&show_icons=true&hide_border=true&count_private=true" alt="ihatenodejs's Stats" className="w-full md:w-1/2" />
                     <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=ihatenodejs&theme=dark&show_icons=true&hide_border=true&layout=compact" alt="ihatenodejs's Top Languages" className="w-full md:w-1/3" />
@@ -32,6 +35,7 @@ export default function About() {
             </div>
             <div className="mt-12">
                 <h2 className="text-2xl font-semibold mb-4 text-gray-200">Featured Projects</h2>
+                <p className="text-gray-300 mb-6">Here&apos;s just four of my top projects.</p>
                 <GitHubFeatured />
             </div>
         </div>

app/components/pages/Contact.tsx

@@ -13,6 +13,7 @@ export default function Contact() {
             <div className="p-6 space-y-4">
                 <ContactButton href="https://github.com/ihatenodejs" icon={faGithub} label="ihatenodejs" className="mr-3" />
                 <ContactButton href="https://t.me/p0ntu5" icon={faTelegram} label="@p0ntu5" className="mr-3" />
+                <ContactButton href="tel:+18024169516" icon={faPhone} label="(802) 416-9516" className="mr-3" />
                 <ContactButton href="mailto:aidan@p0ntus.com" icon={faEnvelope} label="aidan@p0ntus.com" className="" />
             </div>
             <div className="p-6">
@@ -20,9 +21,16 @@ export default function Contact() {
                 <p className="text-gray-300 mb-4">
                     I do a lot of things during the day and I&apos;m not always able to respond to messages right away. Please be patient and remember not to demand things from me... Somehow this is an issue for people :(
                 </p>
-                <p className="text-gray-300 mb-4">
+                <p className="text-gray-300 mb-10">
                     For the best chance of a response, please send me a message on Telegram. If you&apos;ve made a pull request on one of my repos, I will most likely respond by the next day. If you&apos;ve sent me an email, I will most likely respond within three days or less.
                 </p>
+                <h2 className="text-2xl font-semibold mb-4 text-gray-200">A note about calling and texting</h2>
+                <p className="text-gray-300 mb-4">
+                    I have a phone number listed above. Please do not call or text me unless you absolutely need to. I will likely not respond, or use an automated recording system to handle your call. No, I haven't provided you my real phone number. I may be able to respond to your call/text, just know this is not checked/used often.
+                </p>
+                <p className="text-gray-300 mb-4">
+                    If you need to get in touch with me, please send me a message on Telegram or an email.
+                </p>
             </div>
         </div>
     )