🔥 build(profile): redesign lwinmoepaing profile with Obsidian Prism theme

New contributor components with prismatic avatar ring, published books,
awards, community activities, and experience timeline sections. Includes
animated scroll reveals, glassmorphic cards, and prismatic gradient accents.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: lwinmoepaing

content/profile/lwinmoepaing.mdx

@@ -6,48 +6,10 @@ tags:
   - Fullstack
   - Frontend
   - JavaScript
-  - ReactJS 
+  - ReactJS
   - SolidJS
 ---
 
-import Counter from "@/components/Contributors/Counter/Counter";
-import ContriSquareBox from "@/components/Contributors/ContriSquareBox/ContriSquareBox";
-import SpacingDivider from "@/components/Common/SpacingDivider/SpacingDivider";
+import LwinMoePaing from "@/components/Contributors/lwin-moe-paing/LwinMoePaing";
 
-<div className="lwinmoepaing">
-  <div className="flex flex-col md:flex-row">
-    <div className="md:w-6/12 mb-5 flex flex-col justify-center items-center">
-      <div className="h-28 w-28 rounded-3xl overflow-hidden mx-auto">
-        <img src="https://avatars.githubusercontent.com/u/49163775?v=4" />
-      </div>
-      <SpacingDivider size="sm"/>
-      <h3 className="flex flex-row max-w-[240px] mx-auto">
-        <img
-          src="https://raw.githubusercontent.com/lwinmoepaing/lwinmoepaing/main/img/gitto.gif"
-          className="h-[20px] object-contain mr-2"
-        />
-        <span> Hi, I'm Lwin Moe Paing </span>
-      </h3>
-      <SpacingDivider size="sm"/>
-      <Counter />
-      <SpacingDivider size="sm"/>
-      <ContriSquareBox>
-        <p className="text-center text-sm mb-2"><img className="h-5 inline-block mr-1 relative -top-1" src="https://raw.githubusercontent.com/lwinmoepaing/lwinmoepaing/main/img/katto.gif"/>I’m looking for help with Javascript Language to build Many Free Softwares to help people who can't afford to pay!!</p>
-        <p className="text-center text-sm mb-2"><img className="h-5 inline-block mr-1 relative -top-1" src="https://raw.githubusercontent.com/lwinmoepaing/lwinmoepaing/main/img/katto.gif"/>How to reach me **lwinmoepaing.dev@gmail.com (or) [facebook](https://www.facebook.com/lwin.im/)**</p>
-      </ContriSquareBox>
-    </div>
-    <div className="flex flex-1 flex-row justify-center items-center">
-      <div className="ph-container">
-        <div className="phone">
-          <div className="notch-container">
-            <div className="notch"></div>
-          </div>
-          <iframe
-            src="https://lwinmoepaing.github.io/"
-            className="h-full relative"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div> 
+<LwinMoePaing />