การ upload image แล้วสามารถ crop image และปรับขนาดการ crop image

บทความนี้จะนำเสนอวิธีการอัปโหลดรูปภาพแล้วสามารถทำการครอบตัด (Crop) และปรับขนาดการครอบตัดได้อย่างง่ายดาย โดยจะใช้เทคโนโลยีและเครื่องมือที่สามารถนำไปใช้ได้ในโปรเจ็กต์ต่างๆ ของการพัฒนาเว็บแอปพลิเคชัน เช่น JavaScript, HTML, และ CSS รวมถึงการใช้ไลบรารีที่นิยมสำหรับการจัดการรูปภาพ เช่น Cropper.js

</p></div></div></div></div><div class="w-full px-4 lg:w-4/12"><div class="mb-8 rounded-sm bg-white p-6 shadow-three dark:bg-gray-dark sm:p-11 lg:p-8 xl:p-11"><h3 class="mb-7 text-xl font-bold text-black dark:text-white">Categories</h3><div class="flex gap-2 text-sm flex-wrap py-5 lg:px-5 lg:py-6"><a class="px-4 py-1 rounded-md bg-slate-800 text-white cursor-pointer" href="/blog/catName?cat=Technology">Technology</a><a class="px-4 py-1 rounded-md bg-slate-800 text-white cursor-pointer" href="/blog/catName?cat=AI">AI</a><a class="px-4 py-1 rounded-md bg-slate-800 text-white cursor-pointer" href="/blog/catName?cat=Programming">Programming</a><a class="px-4 py-1 rounded-md bg-slate-800 text-white cursor-pointer" href="/blog/catName?cat=Web Dev.">Web Dev.</a><a class="px-4 py-1 rounded-md bg-slate-800 text-white cursor-pointer" href="/blog/catName?cat=Digital Marketing">Digital Marketing</a></div></div><div><h3 class="border-b border-body-color border-opacity-10 px-8 py-4 text-lg font-semibold text-black dark:border-white dark:border-opacity-10 dark:text-white">Related Posts</h3><div class="categoryList-module__DhiJEa__categoriessidebar"><ul class="px-8 py-6"><li><a class="categoryList-module__DhiJEa__categorysidebar " href="/blog-details/6a60162be20bf9571251dbae"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="categoryList-module__DhiJEa__image" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1618005182384-a83a8bd57fbe%3Fq%3D80%26w%3D1200%26auto%3Dformat%26fit%3Dcrop&w=32&q=75 1x, /_next/image?url=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1618005182384-a83a8bd57fbe%3Fq%3D80%26w%3D1200%26auto%3Dformat%26fit%3Dcrop&w=64&q=75 2x" src="/_next/image?url=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1618005182384-a83a8bd57fbe%3Fq%3D80%26w%3D1200%26auto%3Dformat%26fit%3Dcrop&w=64&q=75"/>เจาะลึก AI Agents: ก้าวสำคัญที่จะเปลี่ยนการทำงานของมนุษย์ในปี 2026</a></li><li><a class="categoryList-module__DhiJEa__categorysidebar " href="/blog-details/6a5d7c574ee72c9b5f69bf67"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="categoryList-module__DhiJEa__image" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fpw%2FAP1GczNu9TR7QNBwmw1r-1hgZ52NjKUyIMH8JVyrZMF5M2FC77jQwLZw9K9kkt9PN_8qWQiRuCKuomJPFpy0LsIuFnMPoF7XApJbn863Ycw7yfoMNwoWgZpj0KjJH9SEYtCyFAge4VZsVUbDPjNSNNFSk1FX%3Dw1365-h768-s-no-gm%3Fauthuser%3D0&w=32&q=75 1x, /_next/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fpw%2FAP1GczNu9TR7QNBwmw1r-1hgZ52NjKUyIMH8JVyrZMF5M2FC77jQwLZw9K9kkt9PN_8qWQiRuCKuomJPFpy0LsIuFnMPoF7XApJbn863Ycw7yfoMNwoWgZpj0KjJH9SEYtCyFAge4VZsVUbDPjNSNNFSk1FX%3Dw1365-h768-s-no-gm%3Fauthuser%3D0&w=64&q=75 2x" src="/_next/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fpw%2FAP1GczNu9TR7QNBwmw1r-1hgZ52NjKUyIMH8JVyrZMF5M2FC77jQwLZw9K9kkt9PN_8qWQiRuCKuomJPFpy0LsIuFnMPoF7XApJbn863Ycw7yfoMNwoWgZpj0KjJH9SEYtCyFAge4VZsVUbDPjNSNNFSk1FX%3Dw1365-h768-s-no-gm%3Fauthuser%3D0&w=64&q=75"/>เจาะลึก Tailwind CSS v4: มีอะไรใหม่และทำไมพัฒนาเว็บได้ไวยิ่งขึ้น</a></li><li><a class="categoryList-module__DhiJEa__categorysidebar " href="/blog-details/6a599e40d6c984c3382bf0f2"><img alt="" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="categoryList-module__DhiJEa__image" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1620712943543-bcc4688e7485%3Fauto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D80&w=32&q=75 1x, /_next/image?url=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1620712943543-bcc4688e7485%3Fauto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D80&w=64&q=75 2x" src="/_next/image?url=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1620712943543-bcc4688e7485%3Fauto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D80&w=64&q=75"/>ก้าวสู่ทศวรรษใหม่: เมื่อ Edge AI เปลี่ยนโลกให้ฉลาดขึ้นโดยไม่ต้องพึ่งพาคลาวด์</a></li></ul><div class="px-8 pb-6 flex flex-col gap-4"><a href="/Services/WebDesign"><img alt="Web Design & Web Development Services" loading="lazy" width="431" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Flabels%2Fwebsoftwaredev.png&w=640&q=75 1x, /_next/image?url=%2Fimages%2Flabels%2Fwebsoftwaredev.png&w=1080&q=75 2x" src="/_next/image?url=%2Fimages%2Flabels%2Fwebsoftwaredev.png&w=1080&q=75"/></a><a class="text-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800 W-full" href="/Services/WebDesign">Web & Software Development</a></div></div></div><div class="w-full box-border relative z-10 rounded-sm bg-white p-6 shadow-three dark:bg-gray-dark sm:p-11 lg:p-8 xl:p-11"><h3 class="mb-4 text-2xl font-bold leading-tight text-black dark:text-white">Subscribe to Newsletter</h3><p class="mb-11 text-base leading-relaxed text-body-color dark:text-body-color-dark">สมัครรับข่าวสารและบทความล่าสุดจาก Nath Solution ส่งตรงถึงกล่องข้อความของคุณ</p><form class="w-full box-border"><div class="mb-4 w-full"><input type="email" placeholder="กรอกอีเมลของคุณที่นี่..." class="w-full rounded-sm border border-stroke bg-[#f8f8f9] px-6 py-3 text-base text-body-color outline-none dark:border-transparent dark:bg-[#2C303B] dark:text-body-color-dark focus:border-primary dark:focus:border-primary box-border" required="" name="email" value=""/></div><div class="w-full"><button type="submit" class="w-full text-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800 transition-colors">Subscribe</button></div></form></div></div></div></div></section><footer class="relative z-10 bg-white pt-16 pb-28 dark:bg-gray-dark md:pt-20 md:pb-12 lg:pt-24"><div class="container"><div class="-mx-4 pl-8 flex flex-wrap"><div class="w-full px-4 md:w-1/2 lg:w-4/12 xl:w-5/12"><div class="mb-12 max-w-[360px] lg:mb-16"><a class="mb-8 inline-block" href="/"><img alt="logo" loading="lazy" width="140" height="30" decoding="async" data-nimg="1" class="w-full dark:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Flogo%2Flogo-light.png&w=256&q=75 1x, /_next/image?url=%2Fimages%2Flogo%2Flogo-light.png&w=384&q=75 2x" src="/_next/image?url=%2Fimages%2Flogo%2Flogo-light.png&w=384&q=75"/><img alt="logo" loading="lazy" width="140" height="30" decoding="async" data-nimg="1" class="hidden w-full dark:block" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Flogo%2Flogo-dark.png&w=256&q=75 1x, /_next/image?url=%2Fimages%2Flogo%2Flogo-dark.png&w=384&q=75 2x" src="/_next/image?url=%2Fimages%2Flogo%2Flogo-dark.png&w=384&q=75"/></a><p class="mb-9 text-base leading-relaxed text-body-color dark:text-body-color-dark">ให้บริการ ออกแบบและพัฒนาเว็บไซต์ สำหรับองค์กรขนาดเล็กจนถึงขนาดกลาง ด้วยความเชี่ยวชาญของทีมผู้พัฒนา ที่มีประสบการณ์ในการ ออกแบบและพัฒนาเว็บไซต์ด้วย Software และ Technology ที่รองรับตามความต้องการ อย่างมีประสิทธิภาพ <a href="/about">Learn more...</a></p><div class="flex items-center"><a href="/" aria-label="social-link" target="_blank" rel="noopener noreferrer" class="mr-6 text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary"><svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1 10.4939V7.42705C12.1 6.23984 13.085 5.27741 14.3 5.27741H16.5V2.05296L13.5135 1.84452C10.9664 1.66676 8.8 3.63781 8.8 6.13287V10.4939H5.5V13.7183H8.8V20.1667H12.1V13.7183H15.4L16.5 10.4939H12.1Z" fill="currentColor"></path></svg></a><a href="/" aria-label="social-link" target="_blank" rel="noopener noreferrer" class="mr-6 text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary"><svg width="18" height="18" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.9831 19.25L9.82094 13.3176L4.61058 19.25H2.40625L8.843 11.9233L2.40625 2.75H8.06572L11.9884 8.34127L16.9034 2.75H19.1077L12.9697 9.73737L19.6425 19.25H13.9831ZM16.4378 17.5775H14.9538L5.56249 4.42252H7.04674L10.808 9.6899L11.4584 10.6039L16.4378 17.5775Z" fill="currentColor"></path></svg></a><a href="/" aria-label="social-link" target="_blank" rel="noopener noreferrer" class="mr-6 text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary"><svg width="18" height="14" viewBox="0 0 18 14" class="fill-current"><path d="M17.5058 2.07119C17.3068 1.2488 16.7099 0.609173 15.9423 0.395963C14.5778 7.26191e-08 9.0627 0 9.0627 0C9.0627 0 3.54766 7.26191e-08 2.18311 0.395963C1.41555 0.609173 0.818561 1.2488 0.619565 2.07119C0.25 3.56366 0.25 6.60953 0.25 6.60953C0.25 6.60953 0.25 9.68585 0.619565 11.1479C0.818561 11.9703 1.41555 12.6099 2.18311 12.8231C3.54766 13.2191 9.0627 13.2191 9.0627 13.2191C9.0627 13.2191 14.5778 13.2191 15.9423 12.8231C16.7099 12.6099 17.3068 11.9703 17.5058 11.1479C17.8754 9.68585 17.8754 6.60953 17.8754 6.60953C17.8754 6.60953 17.8754 3.56366 17.5058 2.07119ZM7.30016 9.44218V3.77687L11.8771 6.60953L7.30016 9.44218Z"></path></svg></a><a href="/" aria-label="social-link" target="_blank" rel="noopener noreferrer" class="text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary"><svg width="17" height="16" viewBox="0 0 17 16" class="fill-current"><path d="M15.2196 0H1.99991C1.37516 0 0.875366 0.497491 0.875366 1.11936V14.3029C0.875366 14.8999 1.37516 15.4222 1.99991 15.4222H15.1696C15.7943 15.4222 16.2941 14.9247 16.2941 14.3029V1.09448C16.3441 0.497491 15.8443 0 15.2196 0ZM5.44852 13.1089H3.17444V5.7709H5.44852V13.1089ZM4.29899 4.75104C3.54929 4.75104 2.97452 4.15405 2.97452 3.43269C2.97452 2.71133 3.57428 2.11434 4.29899 2.11434C5.02369 2.11434 5.62345 2.71133 5.62345 3.43269C5.62345 4.15405 5.07367 4.75104 4.29899 4.75104ZM14.07 13.1089H11.796V9.55183C11.796 8.7061 11.771 7.58674 10.5964 7.58674C9.39693 7.58674 9.222 8.53198 9.222 9.47721V13.1089H6.94792V5.7709H9.17202V6.79076H9.19701C9.52188 6.19377 10.2466 5.59678 11.3711 5.59678C13.6952 5.59678 14.12 7.08925 14.12 9.12897V13.1089H14.07Z"></path></svg></a></div></div></div><div class="w-full px-4 sm:w-1/2 md:w-1/2 lg:w-2/12 xl:w-2/12"><div class="mb-12 lg:mb-16"><h2 class="mb-10 text-xl font-bold text-black dark:text-white">Useful Links</h2><ul><li><a class="mb-4 inline-block text-base text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary" href="/Services/WebDesign">Web Design</a></li><li><a class="mb-4 inline-block text-base text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary" href="/Services/SaaS">Software as Services (SaaS)</a></li><li><a class="mb-4 inline-block text-base text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary" href="/Services/LineApp">Line App</a></li></ul></div></div><div class="w-full px-4 sm:w-1/2 md:w-1/2 lg:w-2/12 xl:w-2/12"><div class="mb-12 lg:mb-16"><h2 class="mb-10 text-xl font-bold text-black dark:text-white">Terms</h2><ul><li><button class="mb-4 inline-block text-base text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary">TOS</button></li><li><button class="mb-4 inline-block text-base text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary">Privacy Policy</button></li></ul></div></div><div class="w-full px-4 md:w-1/2 lg:w-4/12 xl:w-3/12"><div class="mb-12 lg:mb-16"><h2 class="mb-10 text-xl font-bold text-black dark:text-white">Support & Help</h2><ul><li><a class="mb-4 inline-block text-base text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary" href="/contact">Contact Support</a></li><li><a class="mb-4 inline-block text-base text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary" href="/troubleshooting">Troubleshooting</a></li><li><a class="mb-4 inline-block text-base text-body-color duration-300 hover:text-primary dark:text-body-color-dark dark:hover:text-primary" href="/updatemaintenance">Updates & Maintenance</a></li></ul></div></div></div><div class="h-px w-full bg-gradient-to-r from-transparent via-[#D2D8E183] to-transparent dark:via-[#959CB183]"></div><div class="py-8"><p class="text-center text-base text-body-color dark:text-white">Design & Developed by Nath - Solution</p><p class="text-center text-base text-body-color dark:text-white">Template by <a href="http://uideck.com" target="_blank" rel="noopener noreferrer" class="hover:text-primary">UIdeck</a> and <a href="https://nextjstemplates.com" target="_blank" rel="noopener noreferrer" class="hover:text-primary">Next.js Templates</a></p></div></div></footer><div class="fixed bottom-24 right-5 z-[9999] font-sans"><button class="fixed bottom-14 right-8 z-50 w-14 h-14 bg-blue-600 hover:bg-blue-700 text-white rounded-full flex items-center justify-center shadow-xl ml-auto"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 01-2.555-.337A5.972 5.972 0 015.41 20.97a.598.598 0 01-.655-.005.598.598 0 01-.205-.542l.372-3.14c-1.859-1.744-2.922-4.108-2.922-6.783 0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25z"></path></svg></button></div><div class="hidden md:flex md:flex-col fixed top-80 left-0 z-40 gap-0"><div aria-label="FaceBook Messenger" class="flex h-10 w-10 cursor-pointer items-center justify-center rounded-r-md bg-primary text-white shadow-md transition duration-300 ease-in-out hover:bg-opacity-80 hover:shadow-signUp"><span class="[&>svg]:h-4 [&>svg]:w-4"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 320 512"><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"></path></svg></span></div><div aria-label="Line Messenger" class="flex h-10 w-10 cursor-pointer items-center justify-center rounded-r-md bg-green-500 text-white shadow-md transition duration-300 ease-in-out hover:bg-opacity-80 hover:shadow-signUp"><span class="[&>svg]:h-4 [&>svg]:w-4"><svg width="800px" height="800px" viewBox="0 0 377.764 377.764" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" fill="#3ACE01" d="M77.315 0h223.133c42.523 0 77.315 34.792 77.315 77.315v223.133c0 42.523-34.792 77.315-77.315 77.315H77.315C34.792 377.764 0 342.972 0 300.448V77.315C0 34.792 34.792 0 77.315 0z"></path><path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF" d="M188.515 62.576c76.543 0 138.593 49.687 138.593 110.979 0 21.409-7.576 41.398-20.691 58.351-.649.965-1.497 2.031-2.566 3.209l-.081.088c-4.48 5.36-9.525 10.392-15.072 15.037-38.326 35.425-101.41 77.601-109.736 71.094-7.238-5.656 11.921-33.321-10.183-37.925-1.542-.177-3.08-.367-4.605-.583l-.029-.002v-.002c-64.921-9.223-114.222-54.634-114.222-109.267-.002-61.292 62.049-110.979 138.592-110.979z"></path><path fill-rule="evenodd" clip-rule="evenodd" fill="#3ACE01" d="M108.103 208.954h27.952c3.976 0 7.228-3.253 7.228-7.229v-.603c0-3.976-3.252-7.228-7.228-7.228h-20.121v-45.779c0-3.976-3.252-7.228-7.228-7.228h-.603c-3.976 0-7.228 3.252-7.228 7.228v53.609c0 3.977 3.252 7.23 7.228 7.23zm173.205-33.603v-.603c0-3.976-3.253-7.228-7.229-7.228h-20.12v-11.445h20.12c3.976 0 7.229-3.252 7.229-7.228v-.603c0-3.976-3.253-7.228-7.229-7.228h-27.952c-3.976 0-7.228 3.252-7.228 7.228v53.609c0 3.976 3.252 7.229 7.228 7.229h27.952c3.976 0 7.229-3.253 7.229-7.229v-.603c0-3.976-3.253-7.228-7.229-7.228h-20.12v-11.445h20.12c3.976.002 7.229-3.251 7.229-7.226zm-53.755 31.448l.002-.003a7.207 7.207 0 0 0 2.09-5.07v-53.609c0-3.976-3.252-7.228-7.229-7.228h-.603c-3.976 0-7.228 3.252-7.228 7.228v31.469l-26.126-35.042c-1.248-2.179-3.598-3.655-6.276-3.655h-.603c-3.976 0-7.229 3.252-7.229 7.228v53.609c0 3.976 3.252 7.229 7.229 7.229h.603c3.976 0 7.228-3.253 7.228-7.229v-32.058l26.314 35.941c.162.252.339.494.53.724l.001.002c.723.986 1.712 1.662 2.814 2.075.847.35 1.773.544 2.742.544h.603a7.162 7.162 0 0 0 3.377-.844c.723-.344 1.332-.788 1.761-1.311zm-71.208 2.155h.603c3.976 0 7.228-3.253 7.228-7.229v-53.609c0-3.976-3.252-7.228-7.228-7.228h-.603c-3.976 0-7.229 3.252-7.229 7.228v53.609c0 3.976 3.253 7.229 7.229 7.229z"></path></svg></span></div><div aria-label="Contact" class="flex h-10 w-10 cursor-pointer items-center justify-center rounded-r-md bg-white text-white shadow-md transition duration-300 ease-in-out hover:bg-opacity-80 hover:shadow-signUp"><span class="[&>svg]:h-4 [&>svg]:w-4"><svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 5.25L3 6V18L3.75 18.75H20.25L21 18V6L20.25 5.25H3.75ZM4.5 7.6955V17.25H19.5V7.69525L11.9999 14.5136L4.5 7.6955ZM18.3099 6.75H5.68986L11.9999 12.4864L18.3099 6.75Z" fill="#080341"></path></svg></span></div></div><div class="flex md:hidden fixed bottom-0 left-0 z-40 w-full h-12 bg-white shadow-[0_-2px_10px_rgba(0,0,0,0.1)] border-t border-gray-200 dark:bg-gray-dark dark:border-gray-800"><div aria-label="FaceBook Messenger" class="flex-1 flex items-center justify-center cursor-pointer bg-primary text-white transition duration-300 ease-in-out hover:bg-opacity-90"><span class="[&>svg]:h-5 [&>svg]:w-5"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 320 512"><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"></path></svg></span></div><div aria-label="Line Messenger" class="flex-1 flex items-center justify-center cursor-pointer bg-green-500 text-white transition duration-300 ease-in-out hover:bg-opacity-90"><span class="[&>svg]:h-5 [&>svg]:w-5"><svg width="800px" height="800px" viewBox="0 0 377.764 377.764" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" fill="#3ACE01" d="M77.315 0h223.133c42.523 0 77.315 34.792 77.315 77.315v223.133c0 42.523-34.792 77.315-77.315 77.315H77.315C34.792 377.764 0 342.972 0 300.448V77.315C0 34.792 34.792 0 77.315 0z"></path><path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF" d="M188.515 62.576c76.543 0 138.593 49.687 138.593 110.979 0 21.409-7.576 41.398-20.691 58.351-.649.965-1.497 2.031-2.566 3.209l-.081.088c-4.48 5.36-9.525 10.392-15.072 15.037-38.326 35.425-101.41 77.601-109.736 71.094-7.238-5.656 11.921-33.321-10.183-37.925-1.542-.177-3.08-.367-4.605-.583l-.029-.002v-.002c-64.921-9.223-114.222-54.634-114.222-109.267-.002-61.292 62.049-110.979 138.592-110.979z"></path><path fill-rule="evenodd" clip-rule="evenodd" fill="#3ACE01" d="M108.103 208.954h27.952c3.976 0 7.228-3.253 7.228-7.229v-.603c0-3.976-3.252-7.228-7.228-7.228h-20.121v-45.779c0-3.976-3.252-7.228-7.228-7.228h-.603c-3.976 0-7.228 3.252-7.228 7.228v53.609c0 3.977 3.252 7.23 7.228 7.23zm173.205-33.603v-.603c0-3.976-3.253-7.228-7.229-7.228h-20.12v-11.445h20.12c3.976 0 7.229-3.252 7.229-7.228v-.603c0-3.976-3.253-7.228-7.229-7.228h-27.952c-3.976 0-7.228 3.252-7.228 7.228v53.609c0 3.976 3.252 7.229 7.228 7.229h27.952c3.976 0 7.229-3.253 7.229-7.229v-.603c0-3.976-3.253-7.228-7.229-7.228h-20.12v-11.445h20.12c3.976.002 7.229-3.251 7.229-7.226zm-53.755 31.448l.002-.003a7.207 7.207 0 0 0 2.09-5.07v-53.609c0-3.976-3.252-7.228-7.229-7.228h-.603c-3.976 0-7.228 3.252-7.228 7.228v31.469l-26.126-35.042c-1.248-2.179-3.598-3.655-6.276-3.655h-.603c-3.976 0-7.229 3.252-7.229 7.228v53.609c0 3.976 3.252 7.229 7.229 7.229h.603c3.976 0 7.228-3.253 7.228-7.229v-32.058l26.314 35.941c.162.252.339.494.53.724l.001.002c.723.986 1.712 1.662 2.814 2.075.847.35 1.773.544 2.742.544h.603a7.162 7.162 0 0 0 3.377-.844c.723-.344 1.332-.788 1.761-1.311zm-71.208 2.155h.603c3.976 0 7.228-3.253 7.228-7.229v-53.609c0-3.976-3.252-7.228-7.228-7.228h-.603c-3.976 0-7.229 3.252-7.229 7.228v53.609c0 3.976 3.253 7.229 7.229 7.229z"></path></svg></span></div><div aria-label="Contact" class="flex-1 flex items-center justify-center cursor-pointer bg-white text-white dark:bg-gray-dark transition duration-300 ease-in-out hover:bg-opacity-90"><span class="[&>svg]:h-5 [&>svg]:w-5"><svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 5.25L3 6V18L3.75 18.75H20.25L21 18V6L20.25 5.25H3.75ZM4.5 7.6955V17.25H19.5V7.69525L11.9999 14.5136L4.5 7.6955ZM18.3099 6.75H5.68986L11.9999 12.4864L18.3099 6.75Z" fill="#080341"></path></svg></span></div></div><div style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/33f5duap7p3bt.js" id="_R_" async=""></script><div style="display:none" id="S:0"><header class="header left-0 top-0 z-40 flex w-full items-center absolute bg-transparent"><div class="container"><div class="relative -mx-4 flex items-center justify-between"><div class="w-60 max-w-full px-4 xl:mr-12"><a class="header-logo block w-full py-8" href="/"><h1 class="flex justify-center"><b><img alt="Nath Solution Logo" loading="lazy" width="250" height="52" decoding="async" data-nimg="1" class="hidden w-full dark:block" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Flogo%2Flogo-dark.png&w=256&q=75 1x, /_next/image?url=%2Fimages%2Flogo%2Flogo-dark.png&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Flogo%2Flogo-dark.png&w=640&q=75"/><img alt="Nath Solution Logo" loading="lazy" width="250" height="52" decoding="async" data-nimg="1" class="w-full dark:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Flogo%2Flogo-light.png&w=256&q=75 1x, /_next/image?url=%2Fimages%2Flogo%2Flogo-light.png&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Flogo%2Flogo-light.png&w=640&q=75"/></b></h1></a></div><div class="flex w-full items-center justify-between px-4"><div><button id="navbarToggler" aria-label="Mobile Menu" class="absolute right-4 top-1/2 block translate-y-[-50%] rounded-lg px-3 py-[6px] ring-primary focus:ring-2 lg:hidden"><span class="relative my-1.5 block h-0.5 w-[30px] bg-black transition-all duration-300 dark:bg-white "></span><span class="relative my-1.5 block h-0.5 w-[30px] bg-black transition-all duration-300 dark:bg-white "></span><span class="relative my-1.5 block h-0.5 w-[30px] bg-black transition-all duration-300 dark:bg-white "></span></button><nav id="navbarCollapse" class="navbar absolute right-0 z-30 w-[250px] rounded border-[.5px] border-body-color/50 bg-white px-6 py-4 duration-300 dark:border-body-color/20 dark:bg-dark lg:visible lg:static lg:w-auto lg:border-none lg:!bg-transparent lg:p-0 lg:opacity-100 invisible top-[120%] opacity-0"><ul class="block lg:flex lg:space-x-12"><li class="group relative"><p class="flex cursor-pointer items-center justify-between py-2 text-base text-dark group-hover:text-primary dark:text-white/70 dark:group-hover:text-white lg:mr-0 lg:inline-flex lg:px-0 lg:py-6">Services<span class="pl-3"><svg width="25" height="24" viewBox="0 0 25 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.29289 8.8427C6.68342 8.45217 7.31658 8.45217 7.70711 8.8427L12 13.1356L16.2929 8.8427C16.6834 8.45217 17.3166 8.45217 17.7071 8.8427C18.0976 9.23322 18.0976 9.86639 17.7071 10.2569L12 15.964L6.29289 10.2569C5.90237 9.86639 5.90237 9.23322 6.29289 8.8427Z" fill="currentColor"></path></svg></span></p><div class="submenu relative left-0 top-full rounded-sm bg-white transition-[top] duration-300 group-hover:opacity-100 dark:bg-dark lg:invisible lg:absolute lg:top-[110%] lg:block lg:w-[250px] lg:p-4 lg:opacity-0 lg:shadow-lg lg:group-hover:visible lg:group-hover:top-full hidden"><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="/Services/UXUI">UX/UI For Web</a><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="/Services/WebDesign">Web Design & Web Development</a><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="/Services/LineApp">Line App</a><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="#"><hr class="my-2 border-t border-gray-300"/></a><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="/Services">All Services</a></div></li><li class="group relative"><p class="flex cursor-pointer items-center justify-between py-2 text-base text-dark group-hover:text-primary dark:text-white/70 dark:group-hover:text-white lg:mr-0 lg:inline-flex lg:px-0 lg:py-6">Our-Product<span class="pl-3"><svg width="25" height="24" viewBox="0 0 25 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.29289 8.8427C6.68342 8.45217 7.31658 8.45217 7.70711 8.8427L12 13.1356L16.2929 8.8427C16.6834 8.45217 17.3166 8.45217 17.7071 8.8427C18.0976 9.23322 18.0976 9.86639 17.7071 10.2569L12 15.964L6.29289 10.2569C5.90237 9.86639 5.90237 9.23322 6.29289 8.8427Z" fill="currentColor"></path></svg></span></p><div class="submenu relative left-0 top-full rounded-sm bg-white transition-[top] duration-300 group-hover:opacity-100 dark:bg-dark lg:invisible lg:absolute lg:top-[110%] lg:block lg:w-[250px] lg:p-4 lg:opacity-0 lg:shadow-lg lg:group-hover:visible lg:group-hover:top-full hidden"><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="https://nath-solution.vercel.app/portfolio-details/6a23c117b7c25ff3e55f4521">Next Gen Admission</a><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="https://nath-solution.vercel.app/portfolio-details/6829e9bcbf51cd306cce4e14">Corporate Laravel (ระบบจัดการข้อมูลภายในองค์กร)</a></div></li><li class="group relative"><p class="flex cursor-pointer items-center justify-between py-2 text-base text-dark group-hover:text-primary dark:text-white/70 dark:group-hover:text-white lg:mr-0 lg:inline-flex lg:px-0 lg:py-6">Blog<span class="pl-3"><svg width="25" height="24" viewBox="0 0 25 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.29289 8.8427C6.68342 8.45217 7.31658 8.45217 7.70711 8.8427L12 13.1356L16.2929 8.8427C16.6834 8.45217 17.3166 8.45217 17.7071 8.8427C18.0976 9.23322 18.0976 9.86639 17.7071 10.2569L12 15.964L6.29289 10.2569C5.90237 9.86639 5.90237 9.23322 6.29289 8.8427Z" fill="currentColor"></path></svg></span></p><div class="submenu relative left-0 top-full rounded-sm bg-white transition-[top] duration-300 group-hover:opacity-100 dark:bg-dark lg:invisible lg:absolute lg:top-[110%] lg:block lg:w-[250px] lg:p-4 lg:opacity-0 lg:shadow-lg lg:group-hover:visible lg:group-hover:top-full hidden"><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="/blog/catName?cat=Technology">Technology</a><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="/blog/catName?cat=AI">AI</a><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="/blog/catName?cat=Programming">Programming</a><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="/blog/catName?cat=Web Dev.">Web Dev.</a><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="#"><hr class="my-2 border-t border-gray-300"/></a><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="/blog">All Categories</a></div></li><li class="group relative"><a target="_top" rel="" class="flex py-2 text-base lg:mr-0 lg:inline-flex lg:px-0 lg:py-6 text-dark hover:text-primary dark:text-white/70 dark:hover:text-white" href="/portfolio">Portfolio</a></li><li class="group relative"><p class="flex cursor-pointer items-center justify-between py-2 text-base text-dark group-hover:text-primary dark:text-white/70 dark:group-hover:text-white lg:mr-0 lg:inline-flex lg:px-0 lg:py-6">Contact<span class="pl-3"><svg width="25" height="24" viewBox="0 0 25 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.29289 8.8427C6.68342 8.45217 7.31658 8.45217 7.70711 8.8427L12 13.1356L16.2929 8.8427C16.6834 8.45217 17.3166 8.45217 17.7071 8.8427C18.0976 9.23322 18.0976 9.86639 17.7071 10.2569L12 15.964L6.29289 10.2569C5.90237 9.86639 5.90237 9.23322 6.29289 8.8427Z" fill="currentColor"></path></svg></span></p><div class="submenu relative left-0 top-full rounded-sm bg-white transition-[top] duration-300 group-hover:opacity-100 dark:bg-dark lg:invisible lg:absolute lg:top-[110%] lg:block lg:w-[250px] lg:p-4 lg:opacity-0 lg:shadow-lg lg:group-hover:visible lg:group-hover:top-full hidden"><a href="/#contact" target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3">ปรึกษาและประเมินราคาระบบ</a><a target="_top" rel="" class="block rounded py-2.5 text-sm text-dark hover:text-primary dark:text-white/70 dark:hover:text-white lg:px-3" href="/quotation">Request a Quote</a></div></li><li class="border-t border-body-color/20 mt-4 pt-4 md:hidden flex flex-col gap-2"><a href="/signin" target="_top" class="block w-full py-2.5 text-center text-base font-medium text-dark dark:text-white hover:opacity-70">Sign In</a><a href="/signup" target="_top" class="block w-full rounded-sm bg-primary py-2.5 text-center text-base font-medium text-white hover:bg-opacity-90">Sign Up</a></li></ul></nav></div><div class="flex items-center justify-end pr-16 lg:pr-0 gap-4"><a href="/signin" target="_top" class="hidden px-7 py-3 text-base font-medium text-dark hover:opacity-70 dark:text-white md:block">Sign In</a><a href="/signup" target="_top" class="ease-in-up shadow-btn hover:shadow-btn-hover hidden rounded-sm bg-primary px-8 py-3 text-base font-medium text-white transition duration-300 hover:bg-opacity-90 md:block md:px-9 lg:px-6 xl:px-9">Sign Up</a><div><button aria-label="theme toggler" class="flex items-center justify-center text-black rounded-full cursor-pointer bg-gray-2 dark:bg-dark-bg h-9 w-9 dark:text-white md:h-14 md:w-14"><svg viewBox="0 0 23 23" class="w-5 h-5 stroke-current dark:hidden md:h-6 md:w-6" fill="none"><path d="M9.55078 1.5C5.80078 1.5 1.30078 5.25 1.30078 11.25C1.30078 17.25 5.80078 21.75 11.8008 21.75C17.8008 21.75 21.5508 17.25 21.5508 13.5C13.3008 18.75 4.30078 9.75 9.55078 1.5Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden w-5 h-5 dark:block md:h-6 md:w-6"><mask id="path-1-inside-1_977:1934" fill="white"><path d="M12.0508 16.5C10.8573 16.5 9.71271 16.0259 8.8688 15.182C8.02489 14.3381 7.55078 13.1935 7.55078 12C7.55078 10.8065 8.02489 9.66193 8.8688 8.81802C9.71271 7.97411 10.8573 7.5 12.0508 7.5C13.2443 7.5 14.3888 7.97411 15.2328 8.81802C16.0767 9.66193 16.5508 10.8065 16.5508 12C16.5508 13.1935 16.0767 14.3381 15.2328 15.182C14.3888 16.0259 13.2443 16.5 12.0508 16.5ZM12.0508 18C13.6421 18 15.1682 17.3679 16.2934 16.2426C17.4186 15.1174 18.0508 13.5913 18.0508 12C18.0508 10.4087 17.4186 8.88258 16.2934 7.75736C15.1682 6.63214 13.6421 6 12.0508 6C10.4595 6 8.93336 6.63214 7.80814 7.75736C6.68292 8.88258 6.05078 10.4087 6.05078 12C6.05078 13.5913 6.68292 15.1174 7.80814 16.2426C8.93336 17.3679 10.4595 18 12.0508 18ZM12.0508 0C12.2497 0 12.4405 0.0790176 12.5811 0.21967C12.7218 0.360322 12.8008 0.551088 12.8008 0.75V3.75C12.8008 3.94891 12.7218 4.13968 12.5811 4.28033C12.4405 4.42098 12.2497 4.5 12.0508 4.5C11.8519 4.5 11.6611 4.42098 11.5205 4.28033C11.3798 4.13968 11.3008 3.94891 11.3008 3.75V0.75C11.3008 0.551088 11.3798 0.360322 11.5205 0.21967C11.6611 0.0790176 11.8519 0 12.0508 0V0ZM12.0508 19.5C12.2497 19.5 12.4405 19.579 12.5811 19.7197C12.7218 19.8603 12.8008 20.0511 12.8008 20.25V23.25C12.8008 23.4489 12.7218 23.6397 12.5811 23.7803C12.4405 23.921 12.2497 24 12.0508 24C11.8519 24 11.6611 23.921 11.5205 23.7803C11.3798 23.6397 11.3008 23.4489 11.3008 23.25V20.25C11.3008 20.0511 11.3798 19.8603 11.5205 19.7197C11.6611 19.579 11.8519 19.5 12.0508 19.5ZM24.0508 12C24.0508 12.1989 23.9718 12.3897 23.8311 12.5303C23.6905 12.671 23.4997 12.75 23.3008 12.75H20.3008C20.1019 12.75 19.9111 12.671 19.7705 12.5303C19.6298 12.3897 19.5508 12.1989 19.5508 12C19.5508 11.8011 19.6298 11.6103 19.7705 11.4697C19.9111 11.329 20.1019 11.25 20.3008 11.25H23.3008C23.4997 11.25 23.6905 11.329 23.8311 11.4697C23.9718 11.6103 24.0508 11.8011 24.0508 12ZM4.55078 12C4.55078 12.1989 4.47176 12.3897 4.33111 12.5303C4.19046 12.671 3.99969 12.75 3.80078 12.75H0.800781C0.601869 12.75 0.411103 12.671 0.270451 12.5303C0.129799 12.3897 0.0507813 12.1989 0.0507812 12C0.0507813 11.8011 0.129799 11.6103 0.270451 11.4697C0.411103 11.329 0.601869 11.25 0.800781 11.25H3.80078C3.99969 11.25 4.19046 11.329 4.33111 11.4697C4.47176 11.6103 4.55078 11.8011 4.55078 12ZM20.5363 3.5145C20.6769 3.65515 20.7559 3.84588 20.7559 4.04475C20.7559 4.24362 20.6769 4.43435 20.5363 4.575L18.4153 6.6975C18.3455 6.76713 18.2628 6.82235 18.1717 6.86C18.0806 6.89765 17.983 6.91699 17.8845 6.91692C17.6855 6.91678 17.4947 6.83758 17.354 6.69675C17.2844 6.62702 17.2292 6.54425 17.1915 6.45318C17.1539 6.36211 17.1345 6.26452 17.1346 6.16597C17.1348 5.96695 17.214 5.77613 17.3548 5.6355L19.4758 3.5145C19.6164 3.3739 19.8072 3.29491 20.006 3.29491C20.2049 3.29491 20.3956 3.3739 20.5363 3.5145ZM6.74678 17.304C6.88738 17.4446 6.96637 17.6354 6.96637 17.8342C6.96637 18.0331 6.88738 18.2239 6.74678 18.3645L4.62578 20.4855C4.48433 20.6221 4.29488 20.6977 4.09823 20.696C3.90158 20.6943 3.71347 20.6154 3.57442 20.4764C3.43536 20.3373 3.35648 20.1492 3.35478 19.9526C3.35307 19.7559 3.42866 19.5665 3.56528 19.425L5.68628 17.304C5.82693 17.1634 6.01766 17.0844 6.21653 17.0844C6.4154 17.0844 6.60614 17.1634 6.74678 17.304ZM20.5363 20.4855C20.3956 20.6261 20.2049 20.7051 20.006 20.7051C19.8072 20.7051 19.6164 20.6261 19.4758 20.4855L17.3548 18.3645C17.2182 18.223 17.1426 18.0336 17.1443 17.8369C17.146 17.6403 17.2249 17.4522 17.3639 17.3131C17.503 17.1741 17.6911 17.0952 17.8877 17.0935C18.0844 17.0918 18.2738 17.1674 18.4153 17.304L20.5363 19.425C20.6769 19.5656 20.7559 19.7564 20.7559 19.9552C20.7559 20.1541 20.6769 20.3449 20.5363 20.4855ZM6.74678 6.6975C6.60614 6.8381 6.4154 6.91709 6.21653 6.91709C6.01766 6.91709 5.82693 6.8381 5.68628 6.6975L3.56528 4.575C3.49365 4.50582 3.43651 4.42306 3.39721 4.33155C3.3579 4.24005 3.33721 4.14164 3.33634 4.04205C3.33548 3.94247 3.35445 3.84371 3.39216 3.75153C3.42988 3.65936 3.48557 3.57562 3.55598 3.5052C3.6264 3.43478 3.71014 3.37909 3.80232 3.34138C3.89449 3.30367 3.99325 3.2847 4.09283 3.28556C4.19242 3.28643 4.29083 3.30712 4.38233 3.34642C4.47384 3.38573 4.5566 3.44287 4.62578 3.5145L6.74678 5.6355C6.81663 5.70517 6.87204 5.78793 6.90985 5.87905C6.94766 5.97017 6.96712 6.06785 6.96712 6.1665C6.96712 6.26515 6.94766 6.36283 6.90985 6.45395C6.87204 6.54507 6.81663 6.62783 6.74678 6.6975Z"></path></mask><path d="M12.0508 16.5C10.8573 16.5 9.71271 16.0259 8.8688 15.182C8.02489 14.3381 7.55078 13.1935 7.55078 12C7.55078 10.8065 8.02489 9.66193 8.8688 8.81802C9.71271 7.97411 10.8573 7.5 12.0508 7.5C13.2443 7.5 14.3888 7.97411 15.2328 8.81802C16.0767 9.66193 16.5508 10.8065 16.5508 12C16.5508 13.1935 16.0767 14.3381 15.2328 15.182C14.3888 16.0259 13.2443 16.5 12.0508 16.5ZM12.0508 18C13.6421 18 15.1682 17.3679 16.2934 16.2426C17.4186 15.1174 18.0508 13.5913 18.0508 12C18.0508 10.4087 17.4186 8.88258 16.2934 7.75736C15.1682 6.63214 13.6421 6 12.0508 6C10.4595 6 8.93336 6.63214 7.80814 7.75736C6.68292 8.88258 6.05078 10.4087 6.05078 12C6.05078 13.5913 6.68292 15.1174 7.80814 16.2426C8.93336 17.3679 10.4595 18 12.0508 18ZM12.0508 0C12.2497 0 12.4405 0.0790176 12.5811 0.21967C12.7218 0.360322 12.8008 0.551088 12.8008 0.75V3.75C12.8008 3.94891 12.7218 4.13968 12.5811 4.28033C12.4405 4.42098 12.2497 4.5 12.0508 4.5C11.8519 4.5 11.6611 4.42098 11.5205 4.28033C11.3798 4.13968 11.3008 3.94891 11.3008 3.75V0.75C11.3008 0.551088 11.3798 0.360322 11.5205 0.21967C11.6611 0.0790176 11.8519 0 12.0508 0V0ZM12.0508 19.5C12.2497 19.5 12.4405 19.579 12.5811 19.7197C12.7218 19.8603 12.8008 20.0511 12.8008 20.25V23.25C12.8008 23.4489 12.7218 23.6397 12.5811 23.7803C12.4405 23.921 12.2497 24 12.0508 24C11.8519 24 11.6611 23.921 11.5205 23.7803C11.3798 23.6397 11.3008 23.4489 11.3008 23.25V20.25C11.3008 20.0511 11.3798 19.8603 11.5205 19.7197C11.6611 19.579 11.8519 19.5 12.0508 19.5ZM24.0508 12C24.0508 12.1989 23.9718 12.3897 23.8311 12.5303C23.6905 12.671 23.4997 12.75 23.3008 12.75H20.3008C20.1019 12.75 19.9111 12.671 19.7705 12.5303C19.6298 12.3897 19.5508 12.1989 19.5508 12C19.5508 11.8011 19.6298 11.6103 19.7705 11.4697C19.9111 11.329 20.1019 11.25 20.3008 11.25H23.3008C23.4997 11.25 23.6905 11.329 23.8311 11.4697C23.9718 11.6103 24.0508 11.8011 24.0508 12ZM4.55078 12C4.55078 12.1989 4.47176 12.3897 4.33111 12.5303C4.19046 12.671 3.99969 12.75 3.80078 12.75H0.800781C0.601869 12.75 0.411103 12.671 0.270451 12.5303C0.129799 12.3897 0.0507813 12.1989 0.0507812 12C0.0507813 11.8011 0.129799 11.6103 0.270451 11.4697C0.411103 11.329 0.601869 11.25 0.800781 11.25H3.80078C3.99969 11.25 4.19046 11.329 4.33111 11.4697C4.47176 11.6103 4.55078 11.8011 4.55078 12ZM20.5363 3.5145C20.6769 3.65515 20.7559 3.84588 20.7559 4.04475C20.7559 4.24362 20.6769 4.43435 20.5363 4.575L18.4153 6.6975C18.3455 6.76713 18.2628 6.82235 18.1717 6.86C18.0806 6.89765 17.983 6.91699 17.8845 6.91692C17.6855 6.91678 17.4947 6.83758 17.354 6.69675C17.2844 6.62702 17.2292 6.54425 17.1915 6.45318C17.1539 6.36211 17.1345 6.26452 17.1346 6.16597C17.1348 5.96695 17.214 5.77613 17.3548 5.6355L19.4758 3.5145C19.6164 3.3739 19.8072 3.29491 20.006 3.29491C20.2049 3.29491 20.3956 3.3739 20.5363 3.5145ZM6.74678 17.304C6.88738 17.4446 6.96637 17.6354 6.96637 17.8342C6.96637 18.0331 6.88738 18.2239 6.74678 18.3645L4.62578 20.4855C4.48433 20.6221 4.29488 20.6977 4.09823 20.696C3.90158 20.6943 3.71347 20.6154 3.57442 20.4764C3.43536 20.3373 3.35648 20.1492 3.35478 19.9526C3.35307 19.7559 3.42866 19.5665 3.56528 19.425L5.68628 17.304C5.82693 17.1634 6.01766 17.0844 6.21653 17.0844C6.4154 17.0844 6.60614 17.1634 6.74678 17.304ZM20.5363 20.4855C20.3956 20.6261 20.2049 20.7051 20.006 20.7051C19.8072 20.7051 19.6164 20.6261 19.4758 20.4855L17.3548 18.3645C17.2182 18.223 17.1426 18.0336 17.1443 17.8369C17.146 17.6403 17.2249 17.4522 17.3639 17.3131C17.503 17.1741 17.6911 17.0952 17.8877 17.0935C18.0844 17.0918 18.2738 17.1674 18.4153 17.304L20.5363 19.425C20.6769 19.5656 20.7559 19.7564 20.7559 19.9552C20.7559 20.1541 20.6769 20.3449 20.5363 20.4855ZM6.74678 6.6975C6.60614 6.8381 6.4154 6.91709 6.21653 6.91709C6.01766 6.91709 5.82693 6.8381 5.68628 6.6975L3.56528 4.575C3.49365 4.50582 3.43651 4.42306 3.39721 4.33155C3.3579 4.24005 3.33721 4.14164 3.33634 4.04205C3.33548 3.94247 3.35445 3.84371 3.39216 3.75153C3.42988 3.65936 3.48557 3.57562 3.55598 3.5052C3.6264 3.43478 3.71014 3.37909 3.80232 3.34138C3.89449 3.30367 3.99325 3.2847 4.09283 3.28556C4.19242 3.28643 4.29083 3.30712 4.38233 3.34642C4.47384 3.38573 4.5566 3.44287 4.62578 3.5145L6.74678 5.6355C6.81663 5.70517 6.87204 5.78793 6.90985 5.87905C6.94766 5.97017 6.96712 6.06785 6.96712 6.1665C6.96712 6.26515 6.94766 6.36283 6.90985 6.45395C6.87204 6.54507 6.81663 6.62783 6.74678 6.6975Z" fill="black" stroke="white" stroke-width="2" mask="url(#path-1-inside-1_977:1934)"></path></svg></button></div></div></div></div></div></header></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; $RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[239559,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"default\"]\n3:I[544636,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"Providers\"]\n4:I[834816,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"default\"]\n5:I[339756,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"default\"]\n6:I[837457,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"default\"]\n7:I[448358,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"default\"]\n8:I[30760,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"default\"]\n9:I[705766,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"Toaster\"]\na:I[479520,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"\"]\nc:I[897367,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"OutletBoundary\"]\nd:\"$Sreact.suspense\"\n10:I[897367,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"ViewportBoundary\"]\n12:I[897367,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"MetadataBoundary\"]\n14:I[168027,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/12swi68qb4qxo.css\",\"style\"]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/0qs433-lg90ug.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"blog-details\",\"66f8aa4377d5649b6bf958d0\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog-details\",{\"children\":[[\"id\",\"66f8aa4377d5649b6bf958d0\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/12swi68qb4qxo.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0ot20k35el60u.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/32ptv96rolqq1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/1vnt6tdka7ox4.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"className\":\"bg-[#FCFCFC] dark:bg-black inter_5972bc34-module__OU16Qa__className\",\"children\":[[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}]]}]}],[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{\"id\":\"cookieyes\",\"type\":\"text/javascript\",\"src\":\"https://cdn-cookieyes.com/client_data/141afd13be1d3bba3ea07eb7/script.js\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$La\",null,{\"async\":true,\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-9MTVKCCWNE\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$La\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-9MTVKCCWNE');\\n \"}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$Lb\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0qs433-lg90ug.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1w83-m2kad5lz.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@e\"}]}]]}],{},null,false,null]},null,false,\"$@f\"]},null,false,\"$@f\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L10\",null,{\"children\":\"$L11\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L13\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$14\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/12swi68qb4qxo.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"kPqZm9JuTlRWe33fuKqN2\"}\n"])</script><script>self.__next_f.push([1,"15:[]\nf:\"$W15\"\n11:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"16:I[522016,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\",\"/_next/static/chunks/1w83-m2kad5lz.js\"],\"\"]\n17:I[404663,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\",\"/_next/static/chunks/1w83-m2kad5lz.js\"],\"default\"]\n1d:I[27201,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\"],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"b:[[\"$\",\"section\",null,{\"className\":\"relative z-10 overflow-hidden pt-28 lg:pt-[150px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"-mx-4 flex flex-wrap items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full px-4 md:w-8/12 lg:w-7/12\",\"children\":[\"$\",\"div\",null,{\"className\":\"mb-8 max-w-[570px] md:mb-0 lg:mb-12\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"mb-5 text-2xl font-bold text-black dark:text-white sm:text-3xl\",\"children\":\"Blog Details\"}],[\"$\",\"p\",null,{\"className\":\"text-base font-medium leading-relaxed text-body-color\",\"children\":\"\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"w-full px-4 md:w-4/12 lg:w-5/12\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-end\",\"children\":[\"$\",\"ul\",null,{\"className\":\"flex items-center justify-end\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"$L16\",null,{\"href\":\"/\",\"className\":\"pr-1 text-base font-medium text-body-color hover:text-primary\",\"children\":\"Home\"}],[\"$\",\"span\",null,{\"className\":\"mr-3 block h-2 w-2 rotate-45 border-r-2 border-t-2 border-body-color\"}]]}],[\"$\",\"li\",null,{\"className\":\"text-base font-medium text-primary\",\"children\":\"Blog Details\"}]]}]}]}]]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute left-0 top-0 z-[-1]\",\"children\":[\"$\",\"svg\",null,{\"width\":\"287\",\"height\":\"254\",\"viewBox\":\"0 0 287 254\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"opacity\":\"0.1\",\"d\":\"M286.5 0.5L-14.5 254.5V69.5L286.5 0.5Z\",\"fill\":\"url(#paint0_linear_111:578)\"}],[\"$\",\"defs\",null,{\"children\":[\"$\",\"linearGradient\",null,{\"id\":\"paint0_linear_111:578\",\"x1\":\"-40.5\",\"y1\":\"117\",\"x2\":\"301.926\",\"y2\":\"-97.1485\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#4A6CF7\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#4A6CF7\",\"stopOpacity\":\"0\"}]]}]}]]}]}],[\"$\",\"span\",null,{\"className\":\"absolute right-0 top-0 z-[-1]\",\"children\":[\"$\",\"svg\",null,{\"width\":\"628\",\"height\":\"258\",\"viewBox\":\"0 0 628 258\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"opacity\":\"0.1\",\"d\":\"M669.125 257.002L345.875 31.9983L524.571 -15.8832L669.125 257.002Z\",\"fill\":\"url(#paint0_linear_0:1)\"}],[\"$\",\"path\",null,{\"opacity\":\"0.1\",\"d\":\"M0.0716344 182.78L101.988 -15.0769L142.154 81.4093L0.0716344 182.78Z\",\"fill\":\"url(#paint1_linear_0:1)\"}],[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"id\":\"paint0_linear_0:1\",\"x1\":\"644\",\"y1\":\"221\",\"x2\":\"429.946\",\"y2\":\"37.0429\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#4A6CF7\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#4A6CF7\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"linearGradient\",null,{\"id\":\"paint1_linear_0:1\",\"x1\":\"18.3648\",\"y1\":\"166.016\",\"x2\":\"105.377\",\"y2\":\"32.3398\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#4A6CF7\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#4A6CF7\",\"stopOpacity\":\"0\"}]]}]]}]]}]}]]}]]}],[\"$\",\"section\",null,{\"className\":\"pb-[120px] pt-[150px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"-mx-4 flex flex-wrap justify-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full px-4 lg:w-8/12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"share-buttons float-right\",\"children\":[\"$\",\"$L17\",null,{\"url\":\"https://nath-solution.vercel.app//blog-details/66f8aa4377d5649b6bf958d0\",\"title\":\"การ upload image แล้วสามารถ crop image และปรับขนาดการ crop image\"}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-8 text-3xl font-bold leading-tight text-black dark:text-white sm:text-4xl sm:leading-tight\",\"children\":\"การ upload image แล้วสามารถ crop image และปรับขนาดการ crop image\"}],[\"$\",\"div\",null,{\"className\":\"mb-10 flex flex-wrap items-center justify-between border-b border-body-color border-opacity-10 pb-4 dark:border-white dark:border-opacity-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-5 mr-10 flex items-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full\",\"children\":[\"$\",\"span\",null,{\"className\":\"mb-1 flex items-center text-base font-medium text-body-color\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"h-6 w-6 text-black mr-2 dark:text-white\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"2\",\"d\":\"M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z\"}]}],\"By \",\"$L18\"]}]}]}],\"$L19\"]}],\"$L1a\"]}],\"$L1b\"]}]]}],\"$L1c\"]}]}]}]]\n"])</script><script>self.__next_f.push([1,"e:null\n"])</script><script>self.__next_f.push([1,"13:[[\"$\",\"title\",\"0\",{\"children\":\"การ upload image แล้วสามารถ crop image และปรับขนาดการ crop image\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"บทความนี้จะนำเสนอวิธีการอัปโหลดรูปภาพแล้วสามารถทำการครอบตัด (Crop) และปรับขนาดการครอบตัดได้อย่างง่ายดาย โดยจะใช้เทคโนโลยีและเครื่องมือที่สามารถนำไปใช้ได้ในโปรเจ็กต์ต่างๆ ของการพัฒนาเว็บแอปพลิเคชัน เช่น JavaScript, HTML, และ CSS รวมถึงการใช้ไลบรารีที่นิยมสำหรับการจัดการรูปภาพ เช่น Cropper.js\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://nath-solution.vercel.app/blog-details/66f8aa4377d5649b6bf958d0\"}],[\"$\",\"meta\",\"3\",{\"name\":\"google-site-verification\",\"content\":\"6dk_y8gYBHtRpggl75k0iGuH0FvBUID7g4zTaz-jKY0\"}],[\"$\",\"meta\",\"4\",{\"name\":\"facebook-domain-verification\",\"content\":\"if9kiyhycgzf62y1qi06d4w41zdjio\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"การ upload image แล้วสามารถ crop image และปรับขนาดการ crop image\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"บทความนี้จะนำเสนอวิธีการอัปโหลดรูปภาพแล้วสามารถทำการครอบตัด (Crop) และปรับขนาดการครอบตัดได้อย่างง่ายดาย โดยจะใช้เทคโนโลยีและเครื่องมือที่สามารถนำไปใช้ได้ในโปรเจ็กต์ต่างๆ ของการพัฒนาเว็บแอปพลิเคชัน เช่น JavaScript, HTML, และ CSS รวมถึงการใช้ไลบรารีที่นิยมสำหรับการจัดการรูปภาพ เช่น Cropper.js\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://nath-solution.vercel.app/blog-details/66f8aa4377d5649b6bf958d0\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:site_name\",\"content\":\"Nath Solution\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://lh3.googleusercontent.com/pw/AP1GczM9VIFHltofCmnvTdleX-HSfMVi3cMbqJsw93f2J6RPbEmljZLBVVI8yTgGBQzPcJSA6-FsFsRpGd8QvPbqFYVkFODJjAq5y6DCmXN_H17SR2idy6q2MVEEJdiIkeG8xKOhkH_WjmIseTLp9t4iON4s=w1313-h750-s-no-gm?authuser=0\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"การ upload image แล้วสามารถ crop image และปรับขนาดการ crop image\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"การ upload image แล้วสามารถ crop image และปรับขนาดการ crop image\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"บทความนี้จะนำเสนอวิธีการอัปโหลดรูปภาพแล้วสามารถทำการครอบตัด (Crop) และปรับขนาดการครอบตัดได้อย่างง่ายดาย โดยจะใช้เทคโนโลยีและเครื่องมือที่สามารถนำไปใช้ได้ในโปรเจ็กต์ต่างๆ ของการพัฒนาเว็บแอปพลิเคชัน เช่น JavaScript, HTML, และ CSS รวมถึงการใช้ไลบรารีที่นิยมสำหรับการจัดการรูปภาพ เช่น Cropper.js\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://lh3.googleusercontent.com/pw/AP1GczM9VIFHltofCmnvTdleX-HSfMVi3cMbqJsw93f2J6RPbEmljZLBVVI8yTgGBQzPcJSA6-FsFsRpGd8QvPbqFYVkFODJjAq5y6DCmXN_H17SR2idy6q2MVEEJdiIkeG8xKOhkH_WjmIseTLp9t4iON4s=w1313-h750-s-no-gm?authuser=0\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image:alt\",\"content\":\"การ upload image แล้วสามารถ crop image และปรับขนาดการ crop image\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"/icon.png?icon.1acv_11a45hyb.png\",\"sizes\":\"470x464\",\"type\":\"image/png\"}],[\"$\",\"$L1d\",\"22\",{}]]\n"])</script><script>self.__next_f.push([1,"1e:I[605500,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\",\"/_next/static/chunks/1w83-m2kad5lz.js\"],\"Image\"]\n21:I[31561,[\"/_next/static/chunks/0ot20k35el60u.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/32ptv96rolqq1.js\",\"/_next/static/chunks/1cq4kbs93g1xb.js\",\"/_next/static/chunks/3et5h_6-lg7k5.js\",\"/_next/static/chunks/1vnt6tdka7ox4.js\",\"/_next/static/chunks/1w83-m2kad5lz.js\"],\"default\"]\n18:[\"$\",\"span\",null,{\"className\":\"ml-1 font-semibold\",\"children\":\"Nath\"}]\n"])</script><script>self.__next_f.push([1,"19:[\"$\",\"div\",null,{\"className\":\"mb-5 flex items-center\",\"children\":[\"$\",\"p\",null,{\"className\":\"mr-5 flex items-center text-base font-medium text-body-color\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mr-2\",\"children\":[\"$\",\"svg\",null,{\"width\":\"15\",\"height\":\"15\",\"viewBox\":\"0 0 15 15\",\"className\":\"fill-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M3.89531 8.67529H3.10666C2.96327 8.67529 2.86768 8.77089 2.86768 8.91428V9.67904C2.86768 9.82243 2.96327 9.91802 3.10666 9.91802H3.89531C4.03871 9.91802 4.1343 9.82243 4.1343 9.67904V8.91428C4.1343 8.77089 4.03871 8.67529 3.89531 8.67529Z\"}],[\"$\",\"path\",null,{\"d\":\"M6.429 8.67529H5.64035C5.49696 8.67529 5.40137 8.77089 5.40137 8.91428V9.67904C5.40137 9.82243 5.49696 9.91802 5.64035 9.91802H6.429C6.57239 9.91802 6.66799 9.82243 6.66799 9.67904V8.91428C6.66799 8.77089 6.5485 8.67529 6.429 8.67529Z\"}],[\"$\",\"path\",null,{\"d\":\"M8.93828 8.67529H8.14963C8.00624 8.67529 7.91064 8.77089 7.91064 8.91428V9.67904C7.91064 9.82243 8.00624 9.91802 8.14963 9.91802H8.93828C9.08167 9.91802 9.17727 9.82243 9.17727 9.67904V8.91428C9.17727 8.77089 9.08167 8.67529 8.93828 8.67529Z\"}],[\"$\",\"path\",null,{\"d\":\"M11.4715 8.67529H10.6828C10.5394 8.67529 10.4438 8.77089 10.4438 8.91428V9.67904C10.4438 9.82243 10.5394 9.91802 10.6828 9.91802H11.4715C11.6149 9.91802 11.7105 9.82243 11.7105 9.67904V8.91428C11.7105 8.77089 11.591 8.67529 11.4715 8.67529Z\"}],[\"$\",\"path\",null,{\"d\":\"M13.2637 3.3697H7.64754V2.58105C8.19721 2.43765 8.62738 1.91189 8.62738 1.31442C8.62738 0.597464 8.02992 0 7.28906 0C6.54821 0 5.95074 0.597464 5.95074 1.31442C5.95074 1.91189 6.35702 2.41376 6.93058 2.58105V3.3697H1.31442C0.597464 3.3697 0 3.96716 0 4.68412V13.2637C0 13.9807 0.597464 14.5781 1.31442 14.5781H13.2637C13.9807 14.5781 14.5781 13.9807 14.5781 13.2637V4.68412C14.5781 3.96716 13.9807 3.3697 13.2637 3.3697ZM6.6677 1.31442C6.6677 0.979841 6.93058 0.716957 7.28906 0.716957C7.62364 0.716957 7.91042 0.979841 7.91042 1.31442C7.91042 1.649 7.64754 1.91189 7.28906 1.91189C6.95448 1.91189 6.6677 1.6251 6.6677 1.31442ZM1.31442 4.08665H13.2637C13.5983 4.08665 13.8612 4.34954 13.8612 4.68412V6.45261H0.716957V4.68412C0.716957 4.34954 0.979841 4.08665 1.31442 4.08665ZM13.2637 13.8612H1.31442C0.979841 13.8612 0.716957 13.5983 0.716957 13.2637V7.16957H13.8612V13.2637C13.8612 13.5983 13.5983 13.8612 13.2637 13.8612Z\"}]]}]}],\"Sep 29, 2024\"]}]}]\n"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"div\",null,{\"className\":\"mb-5\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center justify-center rounded-full bg-primary bg-opacity-10 px-4 py-2 text-sm font-semibold text-primary\",\"children\":\"Programming\"}]}]\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-10 text-base font-medium leading-relaxed text-body-color sm:text-lg sm:leading-relaxed lg:text-base lg:leading-relaxed xl:text-lg xl:leading-relaxed\",\"children\":\"บทความนี้จะนำเสนอวิธีการอัปโหลดรูปภาพแล้วสามารถทำการครอบตัด (Crop) และปรับขนาดการครอบตัดได้อย่างง่ายดาย โดยจะใช้เทคโนโลยีและเครื่องมือที่สามารถนำไปใช้ได้ในโปรเจ็กต์ต่างๆ ของการพัฒนาเว็บแอปพลิเคชัน เช่น JavaScript, HTML, และ CSS รวมถึงการใช้ไลบรารีที่นิยมสำหรับการจัดการรูปภาพ เช่น Cropper.js\"}],[\"$\",\"div\",null,{\"className\":\"mb-10 w-full overflow-hidden rounded\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative aspect-[97/60] w-full sm:aspect-[97/44]\",\"children\":[\"$\",\"$L1e\",null,{\"src\":\"https://lh3.googleusercontent.com/pw/AP1GczM9VIFHltofCmnvTdleX-HSfMVi3cMbqJsw93f2J6RPbEmljZLBVVI8yTgGBQzPcJSA6-FsFsRpGd8QvPbqFYVkFODJjAq5y6DCmXN_H17SR2idy6q2MVEEJdiIkeG8xKOhkH_WjmIseTLp9t4iON4s=w1313-h750-s-no-gm?authuser=0\",\"alt\":\"การ upload image แล้วสามารถ crop image และปรับขนาดการ crop image\",\"fill\":true,\"className\":\"object-cover object-center\"}]}]}],[\"$\",\"div\",null,{\"className\":\"prose prose-slate dark:prose-invert max-w-none mt-8 text-base leading-relaxed text-body-color\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cp\u003e\u003ciframe src=\\\"/Article/Programming/66f7bef8adb45997866d624c/\\\" width=\\\"1000px\\\" height=\\\"2200\\\" frameborder=\\\"0\\\" style=\\\"overflow:auto;\\\" allowfullscreen\u003e \u003c/p\u003e\"}}]]}]\n"])</script><script>self.__next_f.push([1,"1c:[\"$\",\"div\",null,{\"className\":\"w-full px-4 lg:w-4/12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 rounded-sm bg-white p-6 shadow-three dark:bg-gray-dark sm:p-11 lg:p-8 xl:p-11\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-7 text-xl font-bold text-black dark:text-white\",\"children\":\"Categories\"}],\"$L1f\"]}],\"$L20\",[\"$\",\"$L21\",null,{}]]}]\n"])</script><script>self.__next_f.push([1,"20:[\"$\",\"div\",null,{\"className\":\"$undefined\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"border-b border-body-color border-opacity-10 px-8 py-4 text-lg font-semibold text-black dark:border-white dark:border-opacity-10 dark:text-white\",\"children\":\"Related Posts\"}],[\"$\",\"div\",null,{\"className\":\"categoryList-module__DhiJEa__categoriessidebar\",\"children\":[[\"$\",\"ul\",null,{\"className\":\"px-8 py-6\",\"children\":[[\"$\",\"li\",\"6a60162be20bf9571251dbae\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/blog-details/6a60162be20bf9571251dbae\",\"className\":\"categoryList-module__DhiJEa__categorysidebar \",\"children\":[[\"$\",\"$L1e\",null,{\"src\":\"https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80\u0026w=1200\u0026auto=format\u0026fit=crop\",\"alt\":\"\",\"width\":32,\"height\":32,\"className\":\"categoryList-module__DhiJEa__image\"}],\"เจาะลึก AI Agents: ก้าวสำคัญที่จะเปลี่ยนการทำงานของมนุษย์ในปี 2026\"]}]}],[\"$\",\"li\",\"6a5d7c574ee72c9b5f69bf67\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/blog-details/6a5d7c574ee72c9b5f69bf67\",\"className\":\"categoryList-module__DhiJEa__categorysidebar \",\"children\":[[\"$\",\"$L1e\",null,{\"src\":\"https://lh3.googleusercontent.com/pw/AP1GczNu9TR7QNBwmw1r-1hgZ52NjKUyIMH8JVyrZMF5M2FC77jQwLZw9K9kkt9PN_8qWQiRuCKuomJPFpy0LsIuFnMPoF7XApJbn863Ycw7yfoMNwoWgZpj0KjJH9SEYtCyFAge4VZsVUbDPjNSNNFSk1FX=w1365-h768-s-no-gm?authuser=0\",\"alt\":\"\",\"width\":32,\"height\":32,\"className\":\"categoryList-module__DhiJEa__image\"}],\"เจาะลึก Tailwind CSS v4: มีอะไรใหม่และทำไมพัฒนาเว็บได้ไวยิ่งขึ้น\"]}]}],[\"$\",\"li\",\"6a599e40d6c984c3382bf0f2\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/blog-details/6a599e40d6c984c3382bf0f2\",\"className\":\"categoryList-module__DhiJEa__categorysidebar \",\"children\":[[\"$\",\"$L1e\",null,{\"src\":\"https://images.unsplash.com/photo-1620712943543-bcc4688e7485?auto=format\u0026fit=crop\u0026w=1200\u0026q=80\",\"alt\":\"\",\"width\":32,\"height\":32,\"className\":\"categoryList-module__DhiJEa__image\"}],\"ก้าวสู่ทศวรรษใหม่: เมื่อ Edge AI เปลี่ยนโลกให้ฉลาดขึ้นโดยไม่ต้องพึ่งพาคลาวด์\"]}]}]]}],[\"$\",\"div\",null,{\"className\":\"px-8 pb-6 flex flex-col gap-4\",\"children\":[[\"$\",\"$L16\",null,{\"href\":\"/Services/WebDesign\",\"children\":[\"$\",\"$L1e\",null,{\"src\":\"/images/labels/websoftwaredev.png\",\"width\":431,\"height\":40,\"alt\":\"Web Design \u0026 Web Development Services\"}]}],[\"$\",\"$L16\",null,{\"href\":\"/Services/WebDesign\",\"className\":\"text-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800 W-full\",\"children\":\"Web \u0026 Software Development\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"1f:[\"$\",\"div\",null,{\"className\":\"flex gap-2 text-sm flex-wrap py-5 lg:px-5 lg:py-6\",\"children\":[[\"$\",\"$L16\",\"65f9152f672ddcf878d42b91\",{\"className\":\"px-4 py-1 rounded-md bg-slate-800 text-white cursor-pointer\",\"href\":\"/blog/catName?cat=Technology\",\"children\":\"Technology\"}],[\"$\",\"$L16\",\"65f91fbd3c159feefc59c19b\",{\"className\":\"px-4 py-1 rounded-md bg-slate-800 text-white cursor-pointer\",\"href\":\"/blog/catName?cat=AI\",\"children\":\"AI\"}],[\"$\",\"$L16\",\"65f91fde3c159feefc59c1a2\",{\"className\":\"px-4 py-1 rounded-md bg-slate-800 text-white cursor-pointer\",\"href\":\"/blog/catName?cat=Programming\",\"children\":\"Programming\"}],[\"$\",\"$L16\",\"65f969421f75a914008fdb75\",{\"className\":\"px-4 py-1 rounded-md bg-slate-800 text-white cursor-pointer\",\"href\":\"/blog/catName?cat=Web Dev.\",\"children\":\"Web Dev.\"}],[\"$\",\"$L16\",\"66f26b94e2c294289109b4ad\",{\"className\":\"px-4 py-1 rounded-md bg-slate-800 text-white cursor-pointer\",\"href\":\"/blog/catName?cat=Digital Marketing\",\"children\":\"Digital Marketing\"}]]}]\n"])</script></body></html>