about content, thanks chatgpt :D

_contents/about.md

@@ -1,17 +1,40 @@
 ---
 title: "About :: Ridho Azhar"
-description: "Software Developer based on Depok city, Indonesia"
+description: "Meet Ridho Azhar, a versatile software engineer passionate about creating seamless user experiences. From childhood puzzle boards to diving into web development and infrastructure technologies, Ridho thrives on solving puzzles and pushing the boundaries of software engineering. Join him on his journey of lifelong learning and problem-solving. Let's connect and solve some puzzles together!"
 ---
 
-<!-- WIP: finalize content -->
-
 ![ridho](/img/me.jpg){style="float:right;max-width:200px;margin:25px 10px;"}
 
-Hi my name is Ridho. I am a versatile software developer, with a specific focus on web development. Passionate about informatics, I am dedicated to crafting seamless user experiences and delivering my work with effective communication.
-Grounded in the principles of honesty and simplicity, I approach any problem from an adaptive to a technical perspective with commitment to swift and efficient resolution.
+Hi, my name is Ridho Azhar.
+
+You can call me Ridho, Ido, Do, or simply Bre/Bro—whatever works for you.
+
+I’m a versatile software engineer who focuses on web development. I’m passionate about informatics and love creating seamless user experiences. I believe in effective communication to deliver my work.
+
+Honesty and simplicity are my guiding principles. I tackle problems with a commitment to quick and efficient solutions, whether they require an adaptive or technical approach
+
+## A little history
+
+As a kid, my mom bought me a lot of toys, but the one that always grabbed my attention was a puzzle board. I found it super fun to finish each new puzzle. There was even a time I ignored a friend who came over because I had a new puzzle to solve.
+
+Growing up in the 2000s, when tech and the internet were booming, I got really into information technology and spent a lot of my time in internet cafes. I used to mess around with games and tried out scripting, mainly to cheat in games.
+
+I found it really rewarding to create or use software to make things easier. I think developing software is like working on a big puzzle—figuring out each piece until you get the result you want.
+
+## My Journey to Professional
+
+Since finishing vocational high school in 2016, I've been immersed in the world of web development. It didn't take long for me to get hooked—I love the thrill of creating dynamic user experiences and diving into new tech.
+
+After getting the hang of front-end work, I decided to tackle the backend. It was a bit of a wild ride at first, but I soon got the hang of building robust services that can handle anything you throw at them.
+
+And let's not forget about infrastructure stuff such as container orchestration and virtualization. Working with things like Kubernetes has always been exciting for me.
+
+I'm all about lifelong learning. Whether it's mastering the latest web tools, tinkering with new programming languages, or geeking out over AI trends, I'm constantly expanding my skill set.
+
+Nowadays, I thrive on the challenges each project brings. Every day is a chance to learn something new and push the boundaries of what's possible in software engineering.
+
+## TL;DR
 
-Hi my name is Ridho. I am a versatile software developer, with a specific focus on web development. Passionate about informatics, I am dedicated to crafting seamless user experiences and delivering my work with effective communication.
-Grounded in the principles of honesty and simplicity, I approach any problem from an adaptive to a technical perspective with commitment to swift and efficient resolution.
+In summary, my journey has been all about solving puzzles—whether it's developing a sleek front-end, building a robust backend, or orchestrating everything with containers. I'm always excited to take on new challenges and learn from each experience.
 
-Hi my name is Ridho. I am a versatile software developer, with a specific focus on web development. Passionate about informatics, I am dedicated to crafting seamless user experiences and delivering my work with effective communication.
-Grounded in the principles of honesty and simplicity, I approach any problem from an adaptive to a technical perspective with commitment to swift and efficient resolution.
+If my story resonates with you or if you're looking for someone passionate about technology and problem-solving, I'd love to connect. Feel free to reach out to discuss potential collaborations, share ideas, or just talk tech. Let's solve some puzzles together!

src/app/about/page.tsx

@@ -3,8 +3,9 @@ import { getAboutContent } from "@/lib/api";
 import BaseLayout from "@/app/_components/layout/BaseLayout";
 import mdToHtml from "@/lib/markdown";
 import Markdown from "@/app/_components/Markdown";
+import { BiEnvelope, BiLogoGithub, BiLogoLinkedinSquare } from "react-icons/bi";
 
-const { title, description, content } = getAboutContent();
+const { title, description } = getAboutContent();
 
 export const metadata: Metadata = {
   title,
@@ -16,6 +17,7 @@ export const metadata: Metadata = {
 };
 
 export default async function About() {
+  const { content } = getAboutContent();
   const contentParsed = await mdToHtml(content);
 
   return (
@@ -24,6 +26,29 @@ export default async function About() {
         <article>
           <h1 className="text-5xl font-bold my-6">About</h1>
           <Markdown content={contentParsed} />
+          <div className="mt-5 text-5xl flex gap-2 justify-start">
+            <a
+              href="mailto:azharridho42@gmail.com"
+              target="_blank"
+              rel="me noopener"
+            >
+              <BiEnvelope />
+            </a>
+            <a
+              href="https://www.linkedin.com/in/ridhozhr10/"
+              target="_blank"
+              rel="me noopener"
+            >
+              <BiLogoLinkedinSquare />
+            </a>
+            <a
+              href="https://github.com/ridhozhr10"
+              target="_blank"
+              rel="me noopener"
+            >
+              <BiLogoGithub />
+            </a>
+          </div>
         </article>
       </main>
     </BaseLayout>