Added developer tools & language guide

Rocster testing

@@ -0,0 +1 @@
+testing

build/docs/how-morph-works/intro/index.html

@@ -15,5 +15,17 @@
 <li>Morph&#x27;s Modular Architecture</li>
 <li>General Protocol Design</li>
 </ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/morph-l2/morph-doc/tree/main/docs/how-morph-works/1-intro.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_hXYy" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_QCdV"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"></nav></div></div></div></div></main></div></div></div><footer class="footer-bg relative min-h-screen !bg-[#21231C]"><img src="/lottie/logo-cover.svg" class="-z-0 absolute bottom-8 xl:bottom-14 right-[5%] w-[97px] h-[97px] text-[#FFFFFF0a]"><div class="flex z-30 flex-col md:flex-row max-w-7xl mx-auto px-4 md:px-0 py-6 md:py-10 md:pt-[100px]"><div class="order-3 md:order-1 mt-0 md:w-[284px]"><div class="hidden morph-logo w-[160px] h-[25px]"></div><div class="hidden text-b-white mt-6 flex flex-row gap-4 grid-cols-5"><a href="https://twitter.com/Morphl2" target="_blank" class="hidden bg-[#ffffff1a] rounded-full social-link flex justify-center items-center"><span class="inline-block w-6 h-6 flex items-center justify-center"><svg fill="none" height="12" viewBox="0 0 24 25" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M14.4027 10.4686L21.8482 2H20.0838L13.619 9.3532L8.45547 2H2.5L10.3082 13.1193L2.5 22H4.26443L11.0915 14.2348L16.5445 22H22.5L14.4023 10.4686H14.4027ZM11.9861 13.2173L11.195 12.1101L4.90018 3.29968H7.61025L12.6902 10.4099L13.4813 11.5172L20.0847 20.7594H17.3746L11.9861 13.2177V13.2173Z" fill="#CCCCCC"></path></svg></span><span class="sr-only ml-3 -mt-1 social-label">Twitter</span></a><a href="https://discord.gg/L2Morph" target="_blank" class="hidden bg-[#ffffff1a] rounded-full social-link flex justify-center items-center"><span class="inline-block w-6 h-6 flex items-center justify-center"><svg fill="none" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M19.6695 5.02043C19.6634 5.00856 19.6532 4.99925 19.6409 4.99418C18.2112 4.33826 16.7026 3.87053 15.1526 3.60271C15.1386 3.60009 15.124 3.60198 15.1111 3.60811C15.0981 3.61423 15.0874 3.62429 15.0805 3.63683C14.8751 4.00969 14.6886 4.39268 14.5218 4.78433C12.851 4.53072 11.1516 4.53072 9.4808 4.78433C9.31287 4.39169 9.12339 4.0086 8.91324 3.63683C8.90603 3.62456 8.8953 3.61474 8.88243 3.60865C8.86956 3.60256 8.85515 3.60049 8.84109 3.60271C7.29098 3.86997 5.78223 4.33773 4.35279 4.99422C4.34056 4.99941 4.33023 5.00827 4.32324 5.01957C1.46465 9.2885 0.681579 13.4525 1.06573 17.5649C1.06681 17.5749 1.06991 17.5847 1.07483 17.5936C1.07976 17.6024 1.08642 17.6102 1.09442 17.6164C2.75895 18.8489 4.62074 19.7896 6.60035 20.3985C6.6143 20.4027 6.62918 20.4025 6.64301 20.398C6.65684 20.3934 6.66895 20.3848 6.67772 20.3732C7.10289 19.7946 7.47963 19.182 7.8041 18.5416C7.80856 18.5328 7.81111 18.5232 7.81157 18.5133C7.81204 18.5035 7.81041 18.4936 7.8068 18.4845C7.80319 18.4753 7.79768 18.467 7.79063 18.4601C7.78358 18.4532 7.77515 18.4479 7.76589 18.4445C7.1718 18.2172 6.59665 17.9432 6.04584 17.625C6.03584 17.6192 6.02743 17.6109 6.02137 17.601C6.01532 17.5911 6.01179 17.5799 6.0111 17.5683C6.01042 17.5567 6.01259 17.5451 6.01744 17.5346C6.02229 17.524 6.02966 17.5148 6.0389 17.5078C6.15481 17.4212 6.2687 17.332 6.38049 17.2402C6.3903 17.2321 6.40216 17.2269 6.41475 17.2252C6.42734 17.2235 6.44015 17.2254 6.45174 17.2306C10.0603 18.8775 13.9671 18.8775 17.533 17.2306C17.5446 17.2251 17.5576 17.2229 17.5703 17.2245C17.5831 17.226 17.5952 17.2312 17.6051 17.2393C17.7171 17.3316 17.8312 17.4212 17.9476 17.5078C17.9569 17.5148 17.9643 17.5239 17.9692 17.5344C17.9742 17.5449 17.9764 17.5565 17.9758 17.5681C17.9752 17.5796 17.9718 17.5909 17.9658 17.6008C17.9598 17.6108 17.9515 17.6191 17.9415 17.625C17.392 17.9459 16.8163 18.2197 16.2206 18.4437C16.2114 18.4472 16.203 18.4526 16.196 18.4596C16.189 18.4666 16.1835 18.475 16.18 18.4842C16.1764 18.4935 16.1749 18.5034 16.1754 18.5132C16.176 18.5231 16.1786 18.5328 16.1831 18.5416C16.513 19.1785 16.8892 19.7903 17.3087 20.3721C17.3172 20.3841 17.3292 20.393 17.3431 20.3977C17.357 20.4025 17.372 20.4027 17.386 20.3984C19.3692 19.7916 21.2342 18.8507 22.9009 17.6164C22.909 17.6105 22.9157 17.6029 22.9207 17.5942C22.9256 17.5854 22.9286 17.5757 22.9295 17.5657C23.3894 12.8114 22.1596 8.68152 19.6695 5.02043ZM8.34302 15.0608C7.25657 15.0608 6.36137 14.0638 6.36137 12.8394C6.36137 11.6149 7.2392 10.6178 8.34302 10.6178C9.45545 10.6178 10.342 11.6236 10.3246 12.8393C10.3246 14.0638 9.44675 15.0608 8.34302 15.0608ZM15.6698 15.0608C14.5834 15.0608 13.6882 14.0638 13.6882 12.8394C13.6882 11.6149 14.566 10.6178 15.6698 10.6178C16.7823 10.6178 17.6688 11.6236 17.6514 12.8393C17.6514 14.0638 16.7823 15.0608 15.6698 15.0608Z" fill="#CCCCCC"></path></svg></span><span class="sr-only ml-3 -mt-1 social-label">Discord</span></a><a href="https://blog.morphl2.io/" target="_blank" class="hidden bg-[#ffffff1a] rounded-full social-link flex justify-center items-center"><span class="inline-block w-6 h-6 flex items-center justify-center"><svg fill="none" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M13.4188 11.8306C13.4188 15.3057 10.6209 18.1227 7.17131 18.1227C3.72172 18.1227 0.923828 15.3036 0.923828 11.8306C0.923828 8.35769 3.72172 5.53857 7.17131 5.53857C10.6209 5.53857 13.4188 8.35557 13.4188 11.8306Z" fill="#CCCCCC"></path><path d="M20.273 11.8307C20.273 15.1019 18.8741 17.7533 17.1482 17.7533C15.4224 17.7533 14.0234 15.1019 14.0234 11.8307C14.0234 8.55937 15.4224 5.90796 17.1482 5.90796C18.8741 5.90796 20.273 8.55937 20.273 11.8307Z" fill="#CCCCCC"></path><path d="M23.0782 11.8306C23.0782 14.7601 22.5857 17.1355 21.9785 17.1355C21.3714 17.1355 20.8789 14.7601 20.8789 11.8306C20.8789 8.90108 21.3714 6.52563 21.9785 6.52563C22.5857 6.52563 23.0782 8.89896 23.0782 11.8306Z" fill="#CCCCCC"></path></svg></span><span class="sr-only ml-3 -mt-1 social-label">Medium</span></a><a href="https://t.me/MorphL2official" target="_blank" class="hidden bg-[#ffffff1a] rounded-full social-link flex justify-center items-center"><span class="inline-block w-6 h-6 flex items-center justify-center"><svg height="12" version="1.1" viewBox="0 0 25 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M21.1304 18.7457C21.5068 17.5907 23.2704 6.07998 23.4884 3.81182C23.5542 3.12488 23.3371 2.6684 22.9118 2.46463C22.3975 2.21726 21.6358 2.34095 20.7522 2.6595C19.5402 3.09641 4.04667 9.67486 3.15151 10.0557C2.30262 10.4161 1.5 10.8094 1.5 11.3789C1.5 11.7793 1.73758 12.0044 2.39249 12.2384C3.0741 12.4814 4.79056 13.0019 5.80407 13.2813C6.7802 13.5509 7.89159 13.3169 8.51447 12.9298C9.17471 12.5196 16.7943 7.42094 17.3415 6.97425C17.8878 6.52756 18.3239 7.09972 17.8772 7.5473C17.4305 7.99399 12.2001 13.0704 11.5105 13.7734C10.6732 14.6267 11.2676 15.5112 11.8291 15.8653C12.4706 16.2693 17.0843 19.3641 17.7793 19.8606C18.4742 20.3572 19.179 20.5823 19.8241 20.5823C20.4692 20.5823 20.8091 19.7325 21.1304 18.7457Z" fill="#CCCCCC"></path></svg></span><span class="sr-only ml-3 -mt-1 social-label">Telegram</span></a><a href="http://www.linkedin.com/company/morphl2" target="_blank" class="hidden bg-[#ffffff1a] rounded-full social-link flex justify-center items-center"><span class="inline-block w-6 h-6 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 9" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 2C1.55228 2 2 1.55228 2 1C2 0.447715 1.55228 0 1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2ZM2 9V3H0V9H2ZM3.5 2H5.5V3.49639C5.61312 2.97694 6.21481 2 7.49922 2C8.78661 2 10 2.22698 10 5V9H8.4V5.03955C8.4 4.65066 8.09658 3.53955 6.99922 3.53955C5.83419 3.53955 5.51747 4.70903 5.5 5.01444V9H3.5V2Z" fill="#CCCCCC"></path></svg></span><span class="sr-only ml-3 -mt-1 social-label">LinkedIn</span></a></div><div class="copy-right mt-3 text-xs text-desc-1">© <!-- -->2024<!-- --> <a href="" target="_self" class="text-desc-1">Morph</a>. All rights reserved</div></div><div class="order-1 w-[284px]"></div><div class="order-2 flex-1 justify-end"><div class="grid grid-cols-2 md:grid-cols-4 xl:flex xl:flex-row"><div class="flex-1"><div class="footer__title text-[#FFFFFF66]">Learn</div><ul class="flex flex-col footer__items clean-list text-[#fff]"><li class="footer__item"><a href="https://docs.morphl2.io/docs/how-morph-works/intro/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Docs</a></li><li class="footer__item"><a href="https://blog.morphl2.io/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Blog</a></li></ul></div><div class="flex-1"><div class="footer__title text-[#FFFFFF66]">Developers</div><ul class="flex flex-col footer__items clean-list text-[#fff]"><li class="footer__item"><a href="https://explorer.morphl2.io/api-docs" target="_blank" rel="noopener noreferrer" class="footer__link-item">APIs</a></li><li class="footer__item"><a href="https://morphl2.io/build" target="_blank" rel="noopener noreferrer" class="footer__link-item">Tools</a></li></ul></div><div class="flex-1"><div class="footer__title text-[#FFFFFF66]">Community</div><ul class="flex flex-col footer__items clean-list text-[#fff]"><li class="footer__item"><a href="https://forum.morphl2.io" target="_blank" rel="noopener noreferrer" class="footer__link-item">Forum</a></li><li class="footer__item"><a href="https://t.me/MorphL2official" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram</a></li><li class="footer__item"><a href="https://twitter.com/Morphl2" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://discord.gg/L2Morph" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="flex-1"><div class="footer__title text-[#FFFFFF66]">Company</div><ul class="flex flex-col footer__items clean-list text-[#fff]"><li class="footer__item"><a href="https://morphl2.io/about" target="_blank" rel="noopener noreferrer" class="footer__link-item">About</a></li><li class="footer__item"><a href="https://morphl2.io/about" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contact us</a></li><li class="footer__item"><a href="https://morphl2.io/careers" target="_blank" rel="noopener noreferrer" class="footer__link-item">Careers</a></li><li class="footer__item"><a href="https://morphl2brand.notion.site/Morph-brand-guideline-56eca01ef6d14212be0e9562ad1e2fc1" target="_blank" rel="noopener noreferrer" class="footer__link-item">Brand Kit</a></li></ul></div></div></div><p class="order-3 mt-[133px] xl:mt-0 text-left pb-8 xl:pb-0 xl:absolute screen-huge xl:bottom-8 text-[#AEDFE0] leading-[59px] text-[59px] md:leading-[84px] md:text-[84px] xl:leading-[100px] xl:text-[140px] font-bold uppercase font-denim"></p><p class="animate-up">It’s</p><p class="animate-up">morphing</p><p class="animate-up">time!</p><p></p></div></footer></div>
+## 🧠 What Programming Languages Do You Need?
+
+To build on Morph, you'll mainly use:
+
+- **Solidity** – for writing smart contracts compatible with Ethereum and Morph.
+- **TypeScript / JavaScript** – for frontend integrations, SDK usage, and dApp interfaces.
+- **React** (optional but recommended) – for building modern UI with Morph’s components.
+- **Hardhat or Foundry** – for compiling, testing, and deploying smart contracts.
+
+Morph is EVM-compatible, meaning any tooling and language used in the Ethereum ecosystem will generally work with minimal changes.
+
+> 🚀 You can get started even faster with our [Morph Starter Kit](#).
 </body>
 </html>