PageSourceSearch

https://motion-gsap.vercel.app/

html motion-gsap.vercel.app collected 2026-10-03 07:20:09 UTC 115,693 bytes, 6 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/0484562807a97172-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/0acf7bf726cd1ef0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/4473ecc91f70f139-s.p.woff" as="font" crossorigin="" type="font/woff"/><link rel="preload" href="/_next/static/media/463dafcda517f24f-s.p.woff" as="font" crossorigin="" type="font/woff"/><link rel="preload" href="/_next/static/media/507d2859712d6aed.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/5b0e2fc67ac2e220-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/7aa35bcef8fce17b-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/7db6c35d839a711c-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/8888a3826f4a3af4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/935cd3e4028ff59e-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/b957ea75a84b6ea7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c194bd723c049291-s.p.ttf" as="font" crossorigin="" type="font/ttf"/><link rel="preload" href="/_next/static/media/dda4500efd3bac88-s.p.ttf" as="font" crossorigin="" type="font/ttf"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-2-hd.51f0286f.png&amp;w=3840&amp;q=75 1x" fetchPriority="high"/><link rel="preload" as="image" href="https://media1.tenor.com/m/FDTJutYHbe4AAAAC/src-src-nft.gif"/><link rel="preload" as="image" href="https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExYWY1NnF3bWFraW5peXBocWl5c2tocDBjNXFldWIzM2J1c2ZrdG9oOSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/6hu26DVZ0Hvk4IXkIN/giphy.webp"/><link rel="preload" as="image" href="https://media1.tenor.com/m/1lRrrfpbzFcAAAAd/robot-chase.gif"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-1.79eafd73.jpg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-1.79eafd73.jpg&amp;w=3840&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-2.82ea7b40.jpg&amp;w=1200&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-2.82ea7b40.jpg&amp;w=3840&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-3.f61bb3b8.jpg&amp;w=1920&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-3.f61bb3b8.jpg&amp;w=3840&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-4.69e199d1.jpg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-4.69e199d1.jpg&amp;w=2048&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-5.a30e55da.jpg&amp;w=1200&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-5.a30e55da.jpg&amp;w=3840&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-6.efee1c07.jpg&amp;w=1200&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-6.efee1c07.jpg&amp;w=3840&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-7.8881c2a5.jpg&amp;w=1200&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-7.8881c2a5.jpg&amp;w=3840&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-8.a92f2aa7.jpg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-8.a92f2aa7.jpg&amp;w=1920&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-9.a64f0b14.jpg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-9.a64f0b14.jpg&amp;w=2048&amp;q=75 2x" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-10.6148906f.jpg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-10.6148906f.jpg&amp;w=1920&amp;q=75 2x" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/css/69012511703dfd79.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/9b14f03c373a7a69.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/9456970d814bccc7.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/340d823f3fdc6cab.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/f539aa36f9fd8ff9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-e7b683873e2ff64b.js"/>
1<script src="/_next/static/chunks/37d32dcf-116726531d93aa65.js" async=""></script>
1<script src="/_next/static/chunks/449-bff96799d1ac4410.js" async=""></script>
1<script src="/_next/static/chunks/main-app-1a3de777fdc7c05b.js" async=""></script>
1<script src="/_next/static/chunks/94cf3c84-872b98e2d7f35ea6.js" async=""></script>
1<script src="/_next/static/chunks/0bc51317-04b47e38450f41bf.js" async=""></script>
1<script src="/_next/static/chunks/263-4e6f5dafd0ad2b66.js" async=""></script>
1<script src="/_next/static/chunks/557-550154769b1b5ec3.js" async=""></script>
1<script src="/_next/static/chunks/app/page-17714ec6a526438f.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-b01a675f3765b5af.js" async=""></script>
1<title>MotionScape</title><meta name="description" content="Motion Scape is a visually dynamic website dedicated to the art of animations and transitions in web design. Created to inspire designers and developers, it showcases a variety of smooth, immersive motion effects that add elegance and interactivity to digital experiences."/><meta name="application-name" content="Motion Scape"/><link rel="author" href="https://devshinthant.vercel.app/"/><meta name="author" content="devshinthant"/><meta name="generator" content="Next.js"/><meta name="keywords" content="Next.js,React,JavaScript,TypeScript,GSAP,Transitions,Animations"/><meta name="referrer" content="origin-when-cross-origin"/><meta name="creator" content="devshinthant"/><meta name="publisher" content="devshinthant"/><meta name="category" content="technology"/><meta property="og:title" content="Motion Scape Gsap"/><meta property="og:description" content="Motion Scape is a visually dynamic website dedicated to the art of animations and transitions in web design. Created to inspire designers and developers, it showcases a variety of smooth, immersive motion effects that add elegance and interactivity to digital experiences."/><meta property="og:url" content="https://motion-gsap.vercel.app"/><meta property="og:site_name" content="Motion Scape"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://i.postimg.cc/4yGnps76/Screenshot-2024-10-29-at-11-07-25-AM.png"/><meta property="og:image:alt" content="Motion Scape"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="devshinthant"/><meta name="twitter:title" content="Motion Scape"/><meta name="twitter:description" content="Motion Scape is a visually dynamic website dedicated to the art of animations and transitions in web design. Created to inspire designers and developers, it showcases a variety of smooth, immersive motion effects that add elegance and interactivity to digital experiences."/><meta name="twitter:image" content="https://i.postimg.cc/4yGnps76/Screenshot-2024-10-29-at-11-07-25-AM.png"/><meta name="twitter:image:alt" content="Motion Scape"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="256x256"/><meta name="next-size-adjust"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="__variable_1e4310 __variable_c3aa02 antialiased"><div class="loader-screen fixed z-50 flex h-screen w-screen items-center justify-center bg-black"><svg width="150" height="150" class="screen-loader-icon overflow-visible" viewBox="0 0 52 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="loader-inner-1" fill-rule="evenodd" clip-rule="evenodd" d="M29.5145 19.1441C28.848 18.7441 28 19.2242 28 20.0015V53.5805C28 53.9395 27.8075 54.271 27.4957 54.449L26 55.3026V65.6652L36.4957 59.6751C36.8075 59.4972 37 59.1657 37 58.8066V57.0644V57L37 24.2015C37 23.8503 36.8157 23.5248 36.5145 23.344L29.5145 19.1441Z" fill="white"></path><path id="loader-inner-2" fill-rule="evenodd" clip-rule="evenodd" d="M22.4855 19.1441C23.152 18.7441 24 19.2242 24 20.0015V53.5805C24 53.9395 24.1925 54.271 24.5043 54.449L26 55.3026V65.6652L15.5043 59.6751C15.1925 59.4972 15 59.1657 15 58.8066V57.0644V57L15 24.2015C15 23.8503 15.1843 23.5248 15.4855 23.344L22.4855 19.1441Z" fill="white"></path><path id="loader-path-1" fill-rule="evenodd" clip-rule="evenodd" d="M26 0V12.6159L11.488 21.2651C11.1854 21.4455 11 21.7718 11 22.1241V56.0542L10.9999 56.0685C10.9936 56.5202 10.4382 56.6026 10.0452 56.3798L0.506987 50.9749C0.193654 50.7973 0 50.465 0 50.1048V24.5542V20.0437V15.9386C0 15.6642 0.144426 15.41 0.380188 15.2694C0.448758 15.2152 0.524602 15.1698 0.606019 15.1348L26 0Z" fill="white"></path><path id="loader-path-2" fill-rule="evenodd" clip-rule="evenodd" d="M26 0V12.616L40.512 21.2651C40.8146 21.4455 41 21.7718 41 22.1241V56.0542L41.0001 56.0685C41.0064 56.5202 41.5618 56.6026 41.9548 56.3798L51.493 50.9749C51.8063 50.7973 52 50.465 52 50.1048V24.5542V20.0437V15.9386C52 15.6642 51.8556 15.41 51.6198 15.2694C51.5512 15.2152 51.4754 15.1698 51.394 15.1348L26 0Z" fill="white"></path></svg></div><div class="pointer-events-none fixed z-50 flex w-screen items-center justify-center"><svg width="150" height="150" class="header-icon relative top-[-14px] hidden scale-50 overflow-visible" viewBox="0 0 52 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="inner-1" fill-rule="evenodd" clip-rule="evenodd" d="M29.5145 19.1441C28.848 18.7441 28 19.2242 28 20.0015V53.5805C28 53.9395 27.8075 54.271 27.4957 54.449L26 55.3026V65.6652L36.4957 59.6751C36.8075 59.4972 37 59.1657 37 58.8066V57.0644V57L37 24.2015C37 23.8503 36.8157 23.5248 36.5145 23.344L29.5145 19.1441Z" fill="white"></path><path id="inner-2" fill-rule="evenodd" clip-rule="evenodd" d="M22.4855 19.1441C23.152 18.7441 24 19.2242 24 20.0015V53.5805C24 53.9395 24.1925 54.271 24.5043 54.449L26 55.3026V65.6652L15.5043 59.6751C15.1925 59.4972 15 59.1657 15 58.8066V57.0644V57L15 24.2015C15 23.8503 15.1843 23.5248 15.4855 23.344L22.4855 19.1441Z" fill="white"></path><path id="path-1" fill-rule="evenodd" clip-rule="evenodd" d="M26 0V12.6159L11.488 21.2651C11.1854 21.4455 11 21.7718 11 22.1241V56.0542L10.9999 56.0685C10.9936 56.5202 10.4382 56.6026 10.0452 56.3798L0.506987 50.9749C0.193654 50.7973 0 50.465 0 50.1048V24.5542V20.0437V15.9386C0 15.6642 0.144426 15.41 0.380188 15.2694C0.448758 15.2152 0.524602 15.1698 0.606019 15.1348L26 0Z" fill="white"></path><path id="path-2" fill-rule="evenodd" clip-rule="evenodd" d="M26 0V12.616L40.512 21.2651C40.8146 21.4455 41 21.7718 41 22.1241V56.0542L41.0001 56.0685C41.0064 56.5202 41.5618 56.6026 41.9548 56.3798L51.493 50.9749C51.8063 50.7973 52 50.465 52 50.1048V24.5542V20.0437V15.9386C52 15.6642 51.8556 15.41 51.6198 15.2694C51.5512 15.2152 51.4754 15.1698 51.394 15.1348L26 0Z" fill="white"></path></svg></div><div id="socials-section" class="fixed top-0 z-50 hidden w-screen -translate-y-[100%] justify-end bg-transparent py-5 pr-10 md:flex"><div class="__className_1001d9 flex items-center gap-20 transition-all"><a href="https://github.com/devshinthant" aria-label="github acc" target="_blank" rel="noreferrer" class="relative px-2 text-lg font-medium tracking-wider text-white before:absolute before:left-0 before:top-0 before:z-[-1] before:h-full before:w-0 before:bg-white before:transition-all before:content-[&#x27;&#x27;] hover:text-black hover:before:w-full">Github.</a>
1<a href="https://www.linkedin.com/in/shinn-thant-b90533231/" aria-label="github acc" target="_blank" rel="noreferrer" class="relative px-2 text-lg font-medium tracking-wider text-white before:absolute before:left-0 before:top-0 before:z-[-1] before:h-full before:w-0 before:bg-white before:transition-all before:content-[&#x27;&#x27;] hover:text-black hover:before:w-full">Linkedin.</a><a href="https://devshinthant.vercel.app/" aria-label="github acc" target="_blank" rel="noreferrer" class="relative cursor-pointer bg-indigo-600 px-2 text-lg font-medium tracking-wider text-white transition-all hover:bg-indigo-500">Portfolio.</a></div></div><div class="h-auto w-screen bg-[#4338ca]"><section id="hero-section" class="relative h-screen w-screen"><img alt="cover-image" data-value="-4" fetchPriority="high" width="5016" height="3344" decoding="async" data-nimg="1" class="hero-image absolute bottom-0 left-0 h-[600px] w-[500px] object-cover lg:-left-[30%] lg:h-full lg:w-full lg:object-contain" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-2-hd.51f0286f.png&amp;w=3840&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbg-2-hd.51f0286f.png&amp;w=3840&amp;q=75"/><div class="absolute left-1/2 top-[48%] w-fit max-w-3xl -translate-x-1/2 -translate-y-1/2 px-10 mix-blend-difference md:top-[50%] lg:left-[30%] lg:top-[26%] lg:translate-x-0 lg:translate-y-0"><div class="hero-title text-[4.5rem] font-extrabold leading-[1] tracking-tighter text-white md:text-[5rem] lg:text-[7.2rem]">MOTION</div><div class="hero-title ml-[25%] text-[4.5rem] font-extrabold leading-[1] tracking-tighter text-white md:ml-[35%] md:text-[5rem] lg:text-[7.2rem]">SC<span class="title-stroke">AP</span>E</div><div class="hero-title ml-[10%] text-[4.5rem] font-extrabold leading-[1] tracking-tighter text-white md:ml-[20%] md:text-[5rem] lg:text-[7.2rem]">G<span class="title-stroke">SA</span>P</div></div><div class="bar absolute bottom-0 inline-flex h-auto w-full flex-nowrap items-center overflow-hidden bg-gray-900 px-20 py-1"><div class="bar-section flex w-full shrink-0 items-center gap-14"><div class="__className_b40857 flex-none text-[20px] font-extrabold text-white">DISCUSS YOUR IDEA</div><img alt="star-icon" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="h-7 w-7 object-contain" style="color:transparent" src="/_next/static/media/star.cde6e2ab.svg"/><div class="__className_b40857 flex-none text-[20px] font-extrabold text-white">EXPEND VISION</div><img alt="star-icon" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="h-7 w-7 object-contain" style="color:transparent" src="/_next/static/media/star.cde6e2ab.svg"/><div class="__className_b40857 flex-none text-[20px] font-extrabold text-white">BE MOTIVATED</div><img alt="star-icon" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="h-7 w-7 object-contain" style="color:transparent" src="/_next/static/media/star.cde6e2ab.svg"/><div class="__className_b40857 flex-none text-[20px] font-extrabold text-white">ALIGN WITH PASSION</div></div></div></section><div class="fixed left-0 top-0 z-[30] flex h-screen w-screen items-center justify-end"><a href="https://github.com/devshinthant/motion-scape.git" aria-label="github-repo" target="_blank" class="awward-name flex h-fit w-10 flex-col items-center justify-between gap-8 bg-[#a3e635] px-2 py-4" rel="noreferrer"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="awward-text"><path d="M7.49933 0.25C3.49635 0.25 0.25 3.49593 0.25 7.50024C0.25 10.703 2.32715 13.4206 5.2081 14.3797C5.57084 14.446 5.70302 14.2222 5.70302 14.0299C5.70302 13.8576 5.69679 13.4019 5.69323 12.797C3.67661 13.235 3.25112 11.825 3.25112 11.825C2.92132 10.9874 2.44599 10.7644 2.44599 10.7644C1.78773 10.3149 2.49584 10.3238 2.49584 10.3238C3.22353 10.375 3.60629 11.0711 3.60629 11.0711C4.25298 12.1788 5.30335 11.8588 5.71638 11.6732C5.78225 11.205 5.96962 10.8854 6.17658 10.7043C4.56675 10.5209 2.87415 9.89918 2.87415 7.12104C2.87415 6.32925 3.15677 5.68257 3.62053 5.17563C3.54576 4.99226 3.29697 4.25521 3.69174 3.25691C3.69174 3.25691 4.30015 3.06196 5.68522 3.99973C6.26337 3.83906 6.8838 3.75895 7.50022 3.75583C8.1162 3.75895 8.73619 3.83906 9.31523 3.99973C10.6994 3.06196 11.3069 3.25691 11.3069 3.25691C11.7026 4.25521 11.4538 4.99226 11.3795 5.17563C11.8441 5.68257 12.1245 6.32925 12.1245 7.12104C12.1245 9.9063 10.4292 10.5192 8.81452 10.6985C9.07444 10.9224 9.30633 11.3648 9.30633 12.0413C9.30633 13.0102 9.29742 13.7922 9.29742 14.0299C9.29742 14.2239 9.42828 14.4496 9.79591 14.3788C12.6746 13.4179 14.75 10.7025 14.75 7.50024C14.75 3.49593 11.5036 0.25 7.49933 0.25Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg><p class="awward-text text-sm font-semibold tracking-tighter text-black [writing-mode:vertical-lr]">ShinThant</p></a></div><section class="pinned absolute top-[100vh] z-20 h-screen w-screen md:top-[100vh]"><div class="pin-box absolute left-1/2 top-[10%] z-10 h-[160px] w-[200px] -translate-x-1/2 scale-100 overflow-hidden border-[1px] border-white bg-white shadow-md md:top-1/2 md:h-[260px] md:w-[300px] md:-translate-y-1/2"><div class="pin-gif-wrapper absolute left-0 top-0 z-[5] h-full w-full"><img alt="pin-gif-1" class="pin-gif-1 h-full w-full" src="https://media1.tenor.com/m/FDTJutYHbe4AAAAC/src-src-nft.gif"/><img alt="pin-gif-2" class="pin-gif-2 h-full w-full hidden" src="https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExYWY1NnF3bWFraW5peXBocWl5c2tocDBjNXFldWIzM2J1c2ZrdG9oOSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/6hu26DV
1Z0Hvk4IXkIN/giphy.webp"/><img alt="pin-gif-3" class="pin-gif-3 h-full w-full hidden" src="https://media1.tenor.com/m/1lRrrfpbzFcAAAAd/robot-chase.gif"/></div><div id="slider-1" class="absolute bottom-0 right-0 z-10 h-0 w-full bg-white"></div><div id="slider-2" class="absolute bottom-0 right-0 z-10 h-0 w-full bg-white"></div><div id="slider-3" class="absolute bottom-0 right-0 z-10 h-0 w-full bg-white"></div></div><div class="absolute left-0 top-0 mt-[40%] flex h-full w-full items-center justify-center md:mt-0"><div id="content-section" class="h-fit w-full max-w-[85%] md:max-w-[95%]"><div class="flex w-full flex-col items-center justify-between gap-20 md:flex-row"><div class="flex w-full flex-col gap-6 md:w-[30%]"><div class="flex flex-col gap-1"><div class="overflow-hidden"><div id="pin-content-text-1" class="translate-y-[100%] text-5xl font-medium leading-[1] tracking-wider text-white">EXPLORE</div></div><div class="overflow-hidden"><div id="pin-content-text-1" class="translate-y-[100%] text-5xl font-medium leading-[1] text-indigo-400">INDEX</div></div></div><div id="pin-content-description-1" class="text-sm font-normal leading-[1.5] tracking-tight text-white">Step into a space where creativity meets technology, and innovation comes to life. Whether you&#x27;re here to explore my journey as a developer, discover the projects I&#x27;ve crafted.</div></div><div class="flex w-full flex-col gap-6 pr-[2%] md:w-[30%]"><div class="overflow-hidden"><div id="pin-content-text-1" class="translate-y-[100%] text-5xl font-medium tracking-wider text-white">ABOUT ME</div></div><div id="pin-content-description-1" class="pin-bg-description-2 text-sm font-normal leading-[1.5] tracking-tight text-white">Dive into the story behind the code: my passion for technology, the skills I&#x27;ve honed, and the experiences that have shaped my career. Discover my latest blog posts, tutorials, and insights.</div><div class="overflow-hidden"><div id="pin-content-text-1" class="translate-y-[100%] text-sm font-medium uppercase tracking-tight text-indigo-300">keep scroll</div></div></div></div></div></div><div class="absolute left-0 top-0 mt-[40%] flex h-full w-full items-center justify-center md:mt-0"><div id="content-section-2" class="h-fit w-full max-w-[85%] md:max-w-[95%]"><div class="flex flex-col items-center justify-between gap-20 md:flex-row"><div class="flex w-full flex-col gap-6 md:w-[30%]"><div class="flex flex-col gap-1"><div class="overflow-hidden"><div id="pin-content-text-2" class="translate-y-[100%] text-5xl font-medium leading-[1] tracking-wider text-white">INSPIRE</div></div><div class="overflow-hidden"><div id="pin-content-text-2" class="translate-y-[100%] text-5xl font-medium leading-[1] text-indigo-400">ACT.</div></div></div><div id="pin-content-description-2" class="text-sm font-normal leading-[1.5] tracking-tight text-white">Embrace the journey of continuous development and improvement. Each day, challenge yourself to learn something new, no matter how small. Set clear goals and celebrate every step forward, building momentum with each achievement.</div></div><div class="flex w-full flex-col gap-6 pr-[2%] md:w-[30%]"><div class="overflow-hidden"><div id="pin-content-text-2" class="translate-y-[100%] text-5xl font-medium tracking-wider text-white">IMPROVE</div></div><div id="pin-content-description-2" class="text-sm font-normal leading-[1.5] tracking-tight text-white">Stay curious, stay resilient, and never underestimate the power of consistent effort. Every improvement, every new skill, brings you closer to the best version of yourself.</div><div class="overflow-hidden"><div id="pin-content-text-2" class="translate-y-[100%] text-sm font-medium uppercase tracking-tight text-indigo-300">KEEP DOING</div></div></div></div></div></div></section><section id="pin-initial-section" style="transform:50% 0%" class="relative h-[120vh] w-screen bg-black"><section class="flex h-full w-full flex-col items-start gap-48 px-4 py-4 pt-[80%] md:pt-4"><div class="flex w-full items-center gap-4"><div class="flex w-full flex-col items-start"><p class="__className_1001d9 text-9xl font-bold leading-[1] tracking-wide text-indigo-400">DESIGN <span class="title-stroke">MAT</span>TERS<span class="title-stroke">.</span></p><p class="__className_1001d9 text-lg font-medium tracking-tight text-gray-400">design is not just what it looks like and feels like. design is how it works.</p></div></div><div class="flex h-full w-full flex-col items-center justify-between gap-10 md:flex-row md:items-start"><div class="flex h-full flex-col items-end justify-between gap-10"><div class="flex w-full flex-col items-start gap-2"><div class="overflow-hidden"><div class="__className_1001d9 pin-initial-text text-lg font-medium text-gray-400">By <span class="text-white">Shin</span> Thant.</div></div><div class="overflow-hidden"><div class="__className_1001d9 pin-initial-text text-[88px] font-extrabold leading-[1] text-white">FIRST RELEASE.</div></div><div class="__className_dfb6b7 pin-initial-description-2 max-w-[340px] text-xs font-medium text-gray-300">Remember that progress isn&#x27;t always linear, and setbacks are just part of the process.</div><div class="overflow-hidden"><div class="__className_1001d9 pin-initial-text w-fit bg-violet-500 px-8 py-1 text-lg font-medium text-white">Cool Right?</div></div></div><div class="__className_1001d9 pin-initial-description text-lg tracking-widest text-white lg:w-[400px]">Inspired by award-winning designs from Awwwards, it combines fluid motion and creative interactions to create an engaging user journey. Each page transition is crafted with meticulous attention to detail, enhancing the overall aesthetic and user experience.</div></div><div class="flex h-full flex-col items-start justify-between gap-10 pr-[5%]"><div class="flex flex-col items-start gap-2"><div class="flex items-center justify-between gap-16 overflow-hidden"><div class="__className_1001d9 pin-initial-text text-7xl font-bold italic text-indigo-400">Version.</div><div class="__className_1001d9 pin-initial-text text-7xl font-bold text-white">O.1</div></div><div class="__className_dfb6b7 pin-initial-description-2 max-w-[340px] text-xs font-medium text-gray-300">Welcome to Motion Scape, where stunning animations and smooth transitions come to life! Powered by GSAP (GreenSock Animation Platform), we specialize in creating dynamic, engaging visuals that elevate user experience.</div></div><div class="relative flex flex-col items-start gap-6 overflow-hidden text-white"><span><div class="__className_1001d9 px-4 py-1 text-3xl font-medium tracking-widest">Animation Journey</div></span><div class="__className_dfb6b7 pin-initial-description-2 max-w-[340px] text-xs font-medium text-gray-300">
1Surround yourself with people who push you to grow, inspire you to reach higher, and remind you of your potential. Remember that progress isn&#x27;t always linear, and setbacks are just part of the process.</div></div></div></div></section></section><section id="pin-content-section-1" class="__className_a7199b relative z-10 flex h-[150vh] w-screen flex-col items-center bg-black px-[4%] lg:flex-row"><div class="m-auto hidden pt-[30%] text-9xl font-extrabold uppercase text-gray-300 md:block">talent or</div><div class="m-auto block pt-[30%] text-9xl font-extrabold uppercase text-gray-300 opacity-20 md:hidden md:opacity-100">01</div></section><section id="pin-content-section-2" class="__className_a7199b relative z-10 flex h-[150vh] w-screen flex-col items-center bg-black px-[4%] lg:flex-row"><div class="m-auto hidden pt-[30%] text-9xl font-extrabold uppercase text-gray-300 md:block">HARD WORK</div><div class="m-auto block pt-[30%] text-9xl font-extrabold uppercase text-gray-300 opacity-20 md:hidden md:opacity-100">02</div></section><section id="space-section" class="relative h-[200vh] w-screen bg-black">White Section</section><section id="slider-section" class="relative z-20 h-screen w-screen overflow-hidden bg-white"><div id="slider-cards-section" class="absolute top-0 z-[2] flex h-full w-full flex-col items-start gap-[6%] px-5 py-32 md:gap-[15%] md:px-10 md:py-10 lg:gap-[6%]"><div class="absolute bottom-10 right-2 md:bottom-4 md:right-4"><div class="relative h-[100px] w-[100px] md:h-[130px] md:w-[130px]"><svg width="192" height="192" viewBox="0 0 192 192" fill="none" class="slider-circle-svg absolute h-full w-full" xmlns="http://www.w3.org/2000/svg"><path d="M130.603 37.0719C130.285 37.6096 130.201 38.1499 130.368 38.687C130.527 39.2234 130.909 39.6755 131.499 40.0418C132.082 40.4004 132.615 40.5614 133.11 40.5332C133.597 40.5044 133.97 40.2785 134.226 39.8627C134.576 39.2925 134.202 38.4778 133.107 37.4045C133.035 37.3402 132.99 37.2929 132.964 37.2618C132.084 36.3885 131.568 35.709 131.412 35.2157C131.255 34.7223 131.343 34.2039 131.676 33.6605C132.078 33.003 132.651 32.6265 133.395 32.531C134.139 32.4355 134.917 32.6356 135.728 33.1385C136.567 33.6513 137.096 34.268 137.316 34.9815C137.543 35.6958 137.426 36.4251 136.987 37.1644L136.008 36.559C136.274 36.0444 136.338 35.5592 136.191 35.1096C136.044 34.66 135.7 34.2615 135.156 33.9284C134.653 33.6208 134.182 33.4803 133.745 33.5072C133.307 33.534 132.981 33.7289 132.767 34.0848C132.416 34.655 132.784 35.4619 133.852 36.5182C134.008 36.6695 134.131 36.7889 134.216 36.8687C134.236 36.885 134.268 36.9168 134.313 36.9712C135.012 37.6622 135.428 38.2032 135.56 38.5872C135.666 38.8759 135.693 39.1708 135.654 39.4805C135.609 39.7823 135.5 40.0848 135.321 40.3801C134.885 41.0912 134.273 41.4994 133.493 41.5984C132.713 41.6973 131.873 41.4766 130.982 40.9229C130.062 40.3592 129.481 39.6944 129.246 38.9223C129.01 38.1572 129.136 37.3362 129.624 36.4665L130.617 37.0733L130.603 37.0719Z" fill="#3730a3"></path><path d="M142.817 45.3383C142.123 46.1301 141.304 46.5528 140.378 46.6156C139.445 46.6706 138.557 46.3665 137.707 45.6816C136.724 44.8977 136.221 43.9629 136.182 42.8687C136.151 41.7752 136.592 40.6584 137.507 39.5043C138.356 38.4432 139.323 37.8359 140.409 37.6754C141.494 37.5148 142.524 37.8332 143.513 38.6248C144.297 39.2532 144.788 39.9658 144.971 40.7611C145.161 41.5572 145.018 42.3336 144.543 43.0765L143.614 42.3336C143.88 41.819 143.946 41.3055 143.812 40.8002C143.678 40.2949 143.347 39.8337 142.82 39.4096C142.115 38.8463 141.379 38.6504 140.606 38.8213C139.833 38.9922 139.096 39.516 138.387 40.3917C137.725 41.2224 137.392 42.0438 137.394 42.8635C137.397 43.6833 137.734 44.366 138.407 44.8975C138.973 45.3541 139.581 45.5512 140.221 45.4951C140.861 45.4389 141.419 45.1393 141.901 44.5968L142.818 45.3312L142.817 45.3383Z" fill="#3730a3"></path><path d="M150.235 45.0994C150.629 45.5028 150.897 45.815 151.053 46.0375C151.201 46.2592 151.314 46.4845 151.377 46.7047C151.493 47.1084 151.488 47.5069 151.369 47.9011C151.251 48.2953 151.022 48.6568 150.674 48.9921C150.342 49.3147 149.979 49.5201 149.6 49.6027C149.214 49.6847 148.819 49.6445 148.408 49.4816C148.582 49.7987 148.639 50.0823 148.577 50.3397C148.522 50.5979 148.311 50.9256 147.956 51.3314L147.007 52.3895C146.8 52.6107 146.666 52.8037 146.601 52.9539C146.536 53.1041 146.528 53.2529 146.564 53.3849L146.39 53.5525L145.416 52.5485C145.466 52.3398 145.683 52.0199 146.085 51.576L146.109 51.55L146.872 50.7081C147.258 50.277 147.443 49.9253 147.421 49.6522C147.399 49.3792 147.087 48.9343 146.494 48.3182L145.133 46.9115L142.469 49.4914L141.637 48.6301L147.859 42.599L150.259 45.0804L150.235 45.0994ZM145.823 46.2261L147.261 47.712C147.778 48.2419 148.233 48.5375 148.611 48.5973C148.997 48.6579 149.385 48.4906 149.78 48.1103C150.151 47.756 150.309 47.3943 150.259 47.0401C150.21 46.6859 149.914 46.2283 149.366 45.6596L147.927 44.1737L145.816 46.2184L145.823 46.2261Z" fill="#3730a3"></path><path d="M153.707 50.4131C154.8 50.5312 155.737 51.1252 156.528 52.1818C157.311 53.2448 157.602 54.3076 157.4 55.3846C157.198 56.4615 156.516 57.4255 155.36 58.2773C154.212 59.1298 153.091 59.4935 151.998 59.3824C150.904 59.2714 149.966 58.6773 149.183 57.6144C148.4 56.5514 148.11 55.4815 148.312 54.4046C148.515 53.3206 149.197 52.3566 150.346 51.5041C151.494 50.6516 152.615 50.2879 153.707 50.406L153.707 50.4131ZM149.459 54.6921C149.264 55.4847 149.449 56.2589 150.001 57.0061C150.553 57.7463 151.232 58.1431 152.047 58.1903C152.862 58.2374 153.713 57.9319 154.607 57.2744C155.508 56.6105 156.052 55.8819 156.239 55.0956C156.426 54.3093 156.248 53.5359 155.697 52.7886C155.145 52.0414 154.459 51.6368 153.644 51.5897C152.83 51.5355 151.979 51.8481 151.077 52.5119C150.184 53.1694 149.646 53.8987 149.452 54.6914L149.459 54.6921Z" fill="#3730a3"></path><path d="M160.017 57.7107L160.621 58.7768L154.034 62.5048L156.216 66.3607L155.263 66.8982L152.477 61.9761L160.017 57.7036L160.017 57.7107Z" fill="#3730a3"></path><path d="M163.498 64.1227L163.991 65.2416L157.053 68.2854L158.836 72.3431L157.829 72.7825L155.554 67.5987L163.492 64.1149L163.498 64.1227Z" fill="#3730a3"></path><path d="M166.968 76.5721L166.253 73.8556L167.271 73.5884L169.002 80.1992L167.984 80.4664L167.269 77.7499L159.896 79.6735L1
159.587 78.5019L166.96 76.5784L166.968 76.5721Z" fill="#3730a3"></path><path d="M168.51 82.9237C169.408 83.5635 169.936 84.5365 170.103 85.8433C170.269 87.15 170.003 88.2275 169.298 89.061C168.593 89.9015 167.529 90.4064 166.1 90.589C164.677 90.7652 163.524 90.5412 162.626 89.9084C161.728 89.2756 161.2 88.3027 161.033 86.9959C160.866 85.6891 161.14 84.6123 161.845 83.7718C162.551 82.9313 163.615 82.4194 165.037 82.2431C166.459 82.0669 167.612 82.2909 168.51 82.9307L168.51 82.9237ZM162.711 84.5795C162.151 85.1783 161.938 85.9405 162.051 86.8642C162.165 87.7807 162.574 88.4565 163.256 88.8964C163.946 89.3369 164.836 89.4844 165.941 89.3471C167.052 89.2106 167.881 88.8387 168.433 88.2463C168.985 87.6538 169.205 86.8923 169.085 85.9679C168.965 85.0436 168.564 84.3615 167.882 83.9216C167.199 83.4818 166.302 83.3336 165.19 83.4702C164.093 83.6081 163.264 83.98 162.704 84.5788L162.711 84.5795Z" fill="#3730a3"></path><path d="M170.471 96.1761L170.07 102.513L169 102.447L169.322 97.3136L166.737 97.1508L166.44 101.895L165.427 101.835L165.724 97.0907L162.827 96.9105L162.494 102.15L161.41 102.083L161.815 95.6462L170.463 96.1895L170.471 96.1761Z" fill="#3730a3"></path><path d="M165.218 106.155L169.906 104.073L169.636 105.535L166.098 107.036L168.868 109.733L168.613 111.118L164.994 107.515L160.052 109.714L160.322 108.252L164.185 106.635L161.137 103.802L161.405 102.355L165.224 106.163L165.218 106.155Z" fill="#3730a3"></path><path d="M168.13 112.92L167.164 116.05C167.006 116.554 166.867 116.932 166.734 117.19C166.609 117.441 166.452 117.653 166.271 117.827C165.977 118.117 165.624 118.295 165.203 118.374C164.782 118.445 164.337 118.407 163.853 118.258C163.39 118.118 163.013 117.895 162.715 117.601C162.417 117.307 162.225 116.953 162.126 116.529C162.064 116.288 162.056 116.016 162.086 115.727C162.115 115.438 162.234 114.972 162.433 114.344L162.974 112.596L159.484 111.515L159.844 110.354L168.124 112.912L168.13 112.92ZM163.38 114.846C163.169 115.516 163.133 116.019 163.263 116.352C163.393 116.686 163.71 116.932 164.214 117.09C164.705 117.24 165.099 117.216 165.397 117.025C165.695 116.827 165.936 116.417 166.128 115.795L166.753 113.778L163.975 112.919L163.371 114.86L163.38 114.846Z" fill="#3730a3"></path><path d="M165.439 121.006L164.947 122.132L158.006 119.097L156.225 123.156L155.222 122.719L157.494 117.541L165.439 121.013L165.439 121.006Z" fill="#3730a3"></path><path d="M161.389 127.501C161.71 128.552 161.534 129.653 160.863 130.789C160.192 131.925 159.323 132.614 158.252 132.847C157.18 133.081 156.029 132.835 154.785 132.103C153.554 131.38 152.775 130.488 152.453 129.444C152.132 128.392 152.308 127.298 152.979 126.162C153.65 125.026 154.519 124.337 155.597 124.105C156.676 123.872 157.827 124.117 159.058 124.841C160.289 125.564 161.068 126.456 161.389 127.508L161.389 127.501ZM155.785 125.271C154.981 125.403 154.341 125.873 153.867 126.68C153.401 127.48 153.3 128.261 153.579 129.03C153.857 129.8 154.466 130.467 155.429 131.028C156.39 131.596 157.273 131.814 158.071 131.682C158.868 131.549 159.508 131.079 159.981 130.279C160.455 129.472 160.556 128.691 160.285 127.923C160.013 127.154 159.397 126.486 158.435 125.925C157.479 125.365 156.596 125.147 155.791 125.286L155.785 125.271Z" fill="#3730a3"></path><path d="M154.956 138.97C154.612 139.412 154.339 139.719 154.135 139.898C153.932 140.077 153.732 140.214 153.516 140.306C153.129 140.473 152.731 140.525 152.332 140.456C151.926 140.386 151.538 140.205 151.162 139.91C150.799 139.623 150.547 139.292 150.414 138.922C150.28 138.552 150.264 138.151 150.372 137.72C150.079 137.933 149.806 138.026 149.544 138.007C149.283 137.987 148.929 137.823 148.475 137.52L147.295 136.716C147.041 136.541 146.839 136.428 146.679 136.39C146.52 136.346 146.376 136.359 146.249 136.411L146.058 136.263L146.924 135.168C147.136 135.19 147.489 135.368 147.982 135.703L148.008 135.727L148.941 136.371C149.421 136.697 149.792 136.828 150.061 136.776C150.33 136.725 150.724 136.352 151.256 135.679L152.467 134.142L149.551 131.836L150.295 130.893L157.099 136.265L154.956 138.977L154.956 138.97ZM153.254 134.742L151.971 136.365C151.512 136.945 151.277 137.434 151.273 137.826C151.269 138.218 151.482 138.581 151.911 138.917C152.313 139.236 152.687 139.345 153.039 139.252C153.39 139.16 153.804 138.803 154.287 138.189L155.571 136.566L153.262 134.743L153.254 134.742Z" fill="#3730a3"></path><path d="M151.376 143.223L146.86 147.681L146.104 146.92L149.764 143.301L147.942 141.456L144.559 144.797L143.848 144.076L147.231 140.735L145.188 138.668L141.456 142.358L140.693 141.589L145.28 137.06L151.383 143.224L151.376 143.223Z" fill="#3730a3"></path><path d="M129.609 152.728C129.323 152.172 128.91 151.817 128.369 151.669C127.828 151.521 127.243 151.597 126.62 151.912C126.005 152.213 125.582 152.583 125.346 153.015C125.11 153.447 125.101 153.881 125.321 154.317C125.616 154.917 126.51 155.029 127.993 154.674C128.081 154.647 128.147 154.632 128.19 154.629C129.395 154.346 130.244 154.268 130.75 154.405C131.25 154.534 131.642 154.887 131.926 155.458C132.27 156.148 132.286 156.834 131.974 157.515C131.663 158.196 131.079 158.75 130.224 159.169C129.345 159.607 128.542 159.725 127.813 159.537C127.084 159.342 126.527 158.865 126.141 158.099L127.169 157.59C127.461 158.09 127.843 158.4 128.302 158.51C128.768 158.629 129.282 158.546 129.853 158.262C130.386 157.995 130.753 157.676 130.956 157.291C131.159 156.905 131.169 156.528 130.986 156.153C130.691 155.553 129.812 155.436 128.343 155.785C128.132 155.835 127.964 155.875 127.854 155.907C127.831 155.918 127.787 155.928 127.715 155.935C126.759 156.159 126.082 156.225 125.685 156.135C125.385 156.069 125.114 155.935 124.884 155.74C124.647 155.545 124.452 155.29 124.298 154.982C123.925 154.232 123.906 153.503 124.236 152.788C124.565 152.074 125.202 151.483 126.141 151.015C127.109 150.536 127.978 150.396 128.756 150.604C129.533 150.811 130.155 151.351 130.637 152.227L129.594 152.741L129.609 152.728Z" fill="#3730a3"></path><path d="M116.137 158.68C115.833 157.672 115.905 156.753 116.351 155.936C116.798 155.119 117.528 154.531 118.556 154.165C119.738 153.75 120.801 153.816 121.75 154.368C122.692 154.92 123.406 155.89 123.893 157.272C124.34 158.551 124.345 159.698 123.902 160.694C123.458 161.696 122.644 162.405 121.455 162.818C120.502 163.149 119.643 163.183 118.864 162.919C118.093 162.655 117.512 162.12
16 117.129 161.332L118.253 160.94C118.551 161.44 118.946 161.765 119.451 161.916C119.949 162.067 120.522 162.032 121.158 161.812C122.008 161.513 122.567 160.993 122.835 160.25C123.102 159.508 123.052 158.605 122.682 157.541C122.334 156.544 121.809 155.821 121.111 155.394C120.414 154.959 119.658 154.89 118.853 155.164C118.166 155.401 117.676 155.807 117.382 156.383C117.089 156.952 117.046 157.589 117.254 158.28L116.146 158.666L116.137 158.68Z" fill="#3730a3"></path><path d="M112.378 165.095C111.832 165.211 111.419 165.276 111.154 165.292C110.888 165.308 110.642 165.275 110.413 165.217C110.004 165.097 109.67 164.885 109.401 164.579C109.133 164.274 108.944 163.884 108.85 163.412C108.754 162.953 108.767 162.541 108.904 162.177C109.041 161.813 109.28 161.489 109.635 161.225C109.274 161.203 108.999 161.097 108.818 160.914C108.63 160.731 108.459 160.379 108.305 159.857L107.91 158.485C107.833 158.192 107.741 157.976 107.648 157.838C107.548 157.7 107.435 157.617 107.303 157.582L107.256 157.349L108.625 157.061C108.774 157.211 108.93 157.569 109.1 158.142L109.11 158.179L109.42 159.272C109.584 159.831 109.785 160.172 110.022 160.295C110.266 160.42 110.803 160.396 111.641 160.21L113.551 159.799L112.771 156.171L113.944 155.919L115.757 164.391L112.377 165.11L112.378 165.095ZM113.767 160.754L111.742 161.183C111.014 161.337 110.527 161.565 110.276 161.86C110.025 162.156 109.955 162.569 110.071 163.108C110.177 163.611 110.393 163.939 110.72 164.086C111.047 164.233 111.597 164.225 112.362 164.061L114.387 163.632L113.774 160.755L113.767 160.754Z" fill="#3730a3"></path><path d="M106.042 165.223C105.363 166.087 104.365 166.577 103.05 166.679C101.736 166.781 100.677 166.467 99.8679 165.729C99.0597 164.984 98.5999 163.897 98.4884 162.467C98.3692 161.044 98.6497 159.897 99.3291 159.032C100.009 158.168 100.999 157.684 102.314 157.575C103.629 157.467 104.695 157.789 105.503 158.533C106.311 159.278 106.778 160.366 106.89 161.788C107.009 163.212 106.722 164.358 106.042 165.223ZM104.65 159.352C104.075 158.766 103.323 158.519 102.396 158.589C101.476 158.666 100.776 159.037 100.309 159.702C99.8351 160.367 99.6454 161.252 99.7397 162.359C99.8333 163.473 100.161 164.319 100.729 164.897C101.298 165.475 102.049 165.729 102.976 165.652C103.904 165.576 104.604 165.205 105.077 164.548C105.551 163.883 105.741 162.997 105.647 161.883C105.56 160.777 105.225 159.931 104.65 159.352V159.352Z" fill="#3730a3"></path><path d="M96.566 166.739L95.3447 166.694L95.6144 159.125L91.1896 158.968L91.2294 157.874L96.8826 158.078L96.5731 166.74L96.566 166.739Z" fill="#3730a3"></path><path d="M89.3419 166.362L88.1249 166.203L89.1086 158.692L84.719 158.118L84.8583 157.028L90.4649 157.761L89.3426 166.355L89.3419 166.362Z" fill="#3730a3"></path><path d="M76.9207 162.949L79.6221 163.722L79.3341 164.734L72.7668 162.862L73.0548 161.851L75.7562 162.624L77.8475 155.297L79.0113 155.629L76.92 162.956L76.9207 162.949Z" fill="#3730a3"></path><path d="M70.6961 161.062C69.6948 161.516 68.5856 161.489 67.3691 160.973C66.1527 160.458 65.3615 159.686 64.9883 158.658C64.6152 157.63 64.7136 156.449 65.2689 155.123C65.8234 153.804 66.6044 152.922 67.5987 152.467C68.5929 152.012 69.7021 152.039 70.9185 152.554C72.135 153.07 72.9262 153.841 73.3057 154.878C73.6852 155.914 73.5874 157.087 73.0329 158.406C72.4784 159.725 71.6974 160.608 70.6961 161.062V161.062ZM72.167 155.211C71.9255 154.431 71.378 153.855 70.5234 153.498C69.6687 153.14 68.884 153.146 68.1545 153.521C67.425 153.896 66.8482 154.592 66.4169 155.61C65.9842 156.643 65.8855 157.545 66.1207 158.317C66.3559 159.089 66.9033 159.665 67.765 160.023C68.6268 160.381 69.4178 160.383 70.1395 160.015C70.8612 159.646 71.4458 158.943 71.8778 157.918C72.3091 156.9 72.4008 155.997 72.167 155.211V155.211Z" fill="#3730a3"></path><path d="M58.2676 156.185L52.9453 152.723L53.5281 151.827L57.8473 154.639L59.2654 152.467L55.2803 149.874L55.8299 149.025L59.8149 151.618L61.4021 149.185L57.0025 146.322L57.5938 145.413L62.9958 148.933L58.2598 156.191L58.2676 156.185Z" fill="#3730a3"></path><path d="M52.1942 146.731L51.7328 151.837L50.5883 150.894L50.9977 147.073L47.2936 148.172L46.2089 147.271L51.1194 145.874L51.6018 140.493L52.7463 141.436L52.2806 145.6L56.2447 144.328L57.3829 145.263L52.2013 146.732L52.1942 146.731Z" fill="#3730a3"></path><path d="M44.8771 145.988L42.6008 143.626C42.233 143.247 41.9724 142.935 41.8105 142.705C41.6492 142.468 41.5374 142.236 41.4764 141.994C41.3598 141.598 41.3788 141.2 41.512 140.801C41.6524 140.402 41.8978 140.02 42.2681 139.673C42.6157 139.338 42.988 139.112 43.3918 138.996C43.7956 138.88 44.202 138.879 44.6104 138.999C44.853 139.066 45.0906 139.183 45.3296 139.357C45.5685 139.531 45.9138 139.851 46.3718 140.325L47.642 141.644L50.2729 139.111L51.1184 139.98L44.8764 145.995L44.8771 145.988ZM45.479 140.904C44.9957 140.399 44.5748 140.121 44.2164 140.07C43.8651 140.021 43.4923 140.182 43.1128 140.55C42.7418 140.904 42.5698 141.264 42.6052 141.617C42.6336 141.969 42.8765 142.386 43.3281 142.852L44.7984 144.377L46.8923 142.359L45.4867 140.898L45.479 140.904Z" fill="#3730a3"></path><path d="M39.1088 139.761L38.3588 138.794L44.3397 134.157L41.6304 130.653L42.4972 129.979L45.9636 134.45L39.1159 139.762L39.1088 139.761Z" fill="#3730a3"></path><path d="M35.3608 133.115C34.2857 132.891 33.399 132.217 32.7226 131.087C32.0392 129.955 31.8503 128.867 32.1497 127.814C32.4561 12
16.762 33.2174 125.863 34.4478 125.119C35.6703 124.381 36.823 124.12 37.8988 124.336C38.9746 124.552 39.8542 125.226 40.5376 126.357C41.2211 127.489 41.41 128.577 41.1028 129.636C40.7957 130.695 40.0344 131.594 38.8118 132.332C37.5892 133.07 36.4365 133.331 35.3615 133.108L35.3608 133.115ZM39.9878 129.245C40.2515 128.473 40.1461 127.686 39.664 126.889C39.1882 126.099 38.5432 125.642 37.7361 125.517C36.9291 125.392 36.0509 125.617 35.1017 126.19C34.1447 126.77 33.5347 127.442 33.2718 128.206C33.0088 128.971 33.1142 129.758 33.6034 130.556C34.0855 131.353 34.7298 131.818 35.5368 131.942C36.3439 132.067 37.222 131.843 38.179 131.263C39.1283 130.689 39.7312 130.017 40.0019 129.246L39.9878 129.245Z" fill="#3730a3"></path><path d="M28.3213 122.04C28.0956 121.525 27.9564 121.141 27.8905 120.878C27.8246 120.614 27.8066 120.37 27.8232 120.137C27.8662 119.713 28.0036 119.343 28.2504 119.018C28.4971 118.694 28.844 118.437 29.2909 118.248C29.716 118.063 30.1289 117.998 30.5148 118.058C30.9014 118.112 31.261 118.291 31.5943 118.588C31.5448 118.234 31.5953 117.947 31.7389 117.727C31.8824 117.506 32.1989 117.267 32.6735 117.016L33.9376 116.361C34.208 116.224 34.4065 116.095 34.5189 115.971C34.6313 115.847 34.6943 115.718 34.7008 115.583L34.9247 115.485L35.4788 116.767C35.3614 116.94 35.0385 117.171 34.5117 117.445L34.4821 117.456L33.4743 117.974C32.9624 118.243 32.6649 118.505 32.5883 118.768C32.5117 119.031 32.6443 119.55 32.9846 120.34L33.7644 122.137L37.172 120.659L37.6516 121.762L29.7031 125.209L28.3284 122.041L28.3213 122.04ZM32.8465 122.542L32.0266 120.649C31.7319 119.971 31.413 119.532 31.0759 119.341C30.7389 119.15 30.317 119.164 29.81 119.384C29.3404 119.585 29.0627 119.863 28.9845 120.212C28.9064 120.56 29.0157 121.099 29.3279 121.814L30.1478 123.708L32.8472 122.535L32.8465 122.542Z" fill="#3730a3"></path><path d="M26.2675 116.859L24.4844 110.764L25.513 110.462L26.957 115.404L29.4469 114.681L28.1138 110.12L29.0837 109.834L30.4168 114.395L33.2011 113.58L31.7311 108.542L32.7745 108.235L34.5836 114.426L26.2675 116.859V116.859Z" fill="#3730a3"></path><path d="M28.3664 93.1618C28.9916 93.1825 29.5021 92.9992 29.8992 92.5977C30.2964 92.1962 30.5089 91.6477 30.5431 90.9599C30.5766 90.2792 30.4617 89.7259 30.2041 89.3149C29.9394 88.9033 29.57 88.6805 29.0803 88.6592C28.4135 88.6272 27.8776 89.3424 27.464 90.8182C27.4405 90.9085 27.427 90.9713 27.4086 91.0121C27.0667 92.2031 26.7169 92.98 26.3509 93.3561C25.9848 93.7323 25.4899 93.9029 24.8591 93.8674C24.0865 93.8245 23.4843 93.5069 23.04 92.8988C22.5957 92.2907 22.4035 91.5158 22.4508 90.5585C22.5003 89.5801 22.7844 88.818 23.3095 88.2798C23.8346 87.7417 24.523 87.4909 25.3817 87.5282L25.3221 88.6766C24.7434 88.6891 24.2901 88.8711 23.9629 89.2156C23.6357 89.5601 23.4571 90.055 23.4216 90.6856C23.3896 91.281 23.4905 91.7616 23.7313 92.1281C23.965 92.4939 24.2942 92.6912 24.7126 92.7123C25.3794 92.7444 25.9147 92.0363 26.3325 90.5893C26.3899 90.3742 26.4346 90.2149 26.4673 90.1042C26.4694 90.083 26.4815 90.0343 26.5091 89.973C26.7829 89.0317 27.0527 88.4106 27.3255 88.1105C27.527 87.8815 27.7791 87.7147 28.0616 87.6009C28.3503 87.4948 28.6616 87.448 29.0094 87.462C29.8463 87.5042 30.4956 87.8481 30.9583 88.4865C31.4209 89.125 31.6278 89.9655 31.5711 91.0144C31.5187 92.0923 31.2063 92.9228 30.6494 93.4934C30.0917 94.071 29.3081 94.3477 28.311 94.3391L28.3721 93.1766L28.3664 93.1618Z" fill="#3730a3"></path><path d="M29.8111 78.5149C30.8346 78.7543 31.5952 79.2662 32.0922 80.0578C32.5892 80.8494 32.7373 81.7766 32.5431 82.8472C32.3182 84.0786 31.7354 84.9743 30.7891 85.5195C29.8427 86.0648 28.645 86.2068 27.196 85.9456C25.8592 85.703 24.8616 85.1385 24.2095 84.2599C23.5574 83.3813 23.3438 82.3263 23.5701 81.0808C23.7487 80.0941 24.1479 79.3223 24.7583 78.7857C25.3695 78.242 26.1207 78.0047 26.9984 78.0654L26.7871 79.234C26.2014 79.2458 25.7262 79.4327 25.3411 79.7855C24.9623 80.1461 24.7111 80.6551 24.5936 81.3201C24.4328 82.2017 24.6067 82.9462 25.123 83.5474C25.6393 84.1485 26.4467 84.5512 27.5598 84.7498C28.6025 84.9412 29.4896 84.8388 30.2064 84.4484C30.9303 84.0587 31.3638 83.44 31.521 82.5937C31.6505 81.88 31.5428 81.2562 31.1915 80.7146C30.8395 80.18 30.3122 79.8271 29.6019 79.6624L29.8118 78.5079L29.8111 78.5149Z" fill="#3730a3"></path><path d="M26.1212 72.0553C26.2963 71.5244 26.443 71.1331 26.5668 70.8963C26.6906 70.6594 26.8391 70.4607 27.0052 70.2994C27.3126 70.01 27.6664 69.825 28.0666 69.7445C28.4668 69.664 28.8979 69.7006 29.3535 69.8467C29.795 69.9913 30.1433 70.2119 30.3983 70.5086C30.6533 70.8053 30.8079 71.1773 30.856 71.6169C31.0575 71.3167 31.2829 71.1329 31.5321 71.0656C31.7883 70.999 32.1778 71.0243 32.6998 71.1485L34.083 71.4957C34.3814 71.5758 34.6064 71.6058 34.7723 71.587C34.9381 71.5683 35.0716 71.5177 35.1677 71.4134L35.3955 71.4864L34.968 72.8184C34.7626 72.8759 34.3752 72.8294 33.7912 72.6846L33.7559 72.681L32.6584 72.3985C32.0948 72.2629 31.7024 72.2658 31.4665 72.4129C31.2377 72.5607 30.9893 73.0414 30.7284 73.8558L30.1258 75.7187L33.6593 76.8614L33.2941 78.0002L25.0472 75.3312L26.1078 72.0468L26.1212 72.0553ZM29.1863 75.4238L29.8208 73.4572C30.0491 72.7535 30.0965 72.2168 29.97 71.8476C29.8436 71.4785 29.5145 71.2099 28.9968 71.0433C28.5066 70.8866 28.1192 70.9114 27.8274 71.1169C27.5357 71.3225 27.2732 71.8018 27.0265 72.5463L26.392 74.5129L29.187 75.4167L29.1863 75.4238Z" fill="#3730a3"></path><path d="M29.2201 66.4543C28.818 65.4301 28.9086 64.3276 29.4855 63.1391C30.0624 61.9506 30.8729 61.1991 31.9241 60.8854C32.9682 60.571 34.1428 60.7259 35.4332 61.3558C36.7172 61.9779 37.5669 62.8054 37.9697 63.8225C38.3718 64.8468 38.2812 65.9493 37.705 67.1307C37.1289 68.3122 36.3106 69.07 35.2587 69.3907C34.2068 69.7115 33.0392 69.5573 31.7482 68.9344C30.4642 68.3123 29.6215 67.4856 29.2194 66.4614L29.2201 66.4543ZM34.9838 68.2369C35.7738 68.0392 36.375 67.523 36.7813 66.6806C37.1862 65.8523 37.2163 65.0644 36.8858 64.3182C36.5482 63.5713 35.8838 62.9551 34.8846 62.4759C33.8791 61.989 32.9818 61.8409 32.1989 62.0393C31.409 62.237 30.8148 62.7539 30.4092 63.5892C30.0036 64.4245 29.9657 65.2188 30.2962 65.965C30.6268 66.7112 31.299 67.3211 32.2967 67.8143C33.2952 68.3005 34.1862 68.4409 34.9831 68.2439L34.9838 68.2369Z" fill="#3730a3"></path><path d="M32.7828 57.4729L33.4505 56.4433L39.795 60.5794L42.211 56.8626L43.1267 57.4616L40.0437 62.201L32.7836 57.4659L32.7828 57.4729Z" fill="#3730a3"></path><path d="M36.8641 51.4532L37.6312 50.4978L43.521 55.2505L46.3014 51.8058L47.1585 52.4915L43.6039 56.8908L36.8571 51.4524L36.8641 51.4532Z" fill="#3730a3"></path><path d="M46.2921 42.642L44.2111 44.5329L43.5059 43.7558L48.5631 39.1599L49.2683 39.937L47.1873 41.8279L52.3102 47.4648L51.4149 48.2789L46.2921 42.642V42.642Z" fill="#3730a3"></path><path d="M51.1913 38.3434C51.3376 37.2537 51.9522 36.3256 53.0273 35.5654C54.1024 34.8052 55.1846 34.5374 56.2519 34.7669C57.3191 34.9964 58.2672 35.6984 59.0959 36.8729C59.9183 38.0396 60.2595 39.1717 60.1203 40.2621C59.981 41.3525 59.3672 42.2736 58.285 43.0331C57.2028 43.7926 56.1277 44.0611 55.0534 43.8309C53.9791 43.6006 53.031 42.8986 52.2016 41.7312C51.3792 40.5645 51.0379 39.4324 51.1842 38.3427L51.1913 38.3434ZM55.3684 42.6942C56.1598 42.9028 56.932 42.7389 57.6992 42.204C58.4515 41.6747 58.8695 40.9974 58.9307 40.1841C58.999 39.3715 58.7159 38.509 58.0738 37.6029C57.4323 36.6897 56.7198 36.1256 55.9354 35.9177C55.1511 35.7098 54.3789 35.8737 53.6188 36.4093C52.8587 36.945 52.4407 37.6223 52.3724 38.4349C52.3041 39.2474 52.5872 40.11 53.2286 41.0231C53.8637 41.9285 54.5833 42.4933 55.3677 42.7012L55.3684 42.6942Z" fill="#3730a3"></path><path d="M61.9204 30.3951L67.6796 27.7304L68.1297 28.7025L63.4552 30.8645L64.5425 33.2126L68.8584 31.2137L69.2853 32.1336L64.9695 34.1324L66.1919 36.765L70.9561 34.5623L71.4119 35.5492L65.563 38.2547L61.9204 30.3951Z" fill="#3730a3"></path><path d="M73.1703 30.2567L69.0872 27.1555L70.4964 26.6857L73.52 29.0594L74.5537 25.3376L75.8958 24.8967L74.4715 29.7974L78.78 33.064L77.3709 33.5338L74.0929 30.9276L73.0707 34.957L71.6693 35.4204L73.171 30.2497L
173.1703 30.2567Z" fill="#3730a3"></path><path d="M77.6544 24.4548L80.8597 23.7755C81.3771 23.6641 81.7752 23.6048 82.061 23.5982C82.3475 23.5845 82.6078 23.6181 82.8427 23.6918C83.2377 23.8032 83.5711 24.0295 83.8373 24.3558C84.1035 24.6822 84.2892 25.1001 84.3957 25.5955C84.4973 26.069 84.4889 26.5028 84.3768 26.9048C84.2647 27.3067 84.0511 27.6556 83.7296 27.9436C83.5479 28.1176 83.3205 28.2513 83.0452 28.3658C82.7698 28.4804 82.3159 28.5982 81.6672 28.739L79.875 29.1199L80.631 32.6957L79.4437 32.9457L77.6459 24.4682L77.6544 24.4548ZM81.6484 27.661C82.3331 27.5167 82.7892 27.3065 83.0168 27.0303C83.2445 26.7542 83.3058 26.3613 83.1943 25.844C83.0886 25.3416 82.8731 25.0062 82.5615 24.8462C82.2428 24.6856 81.7665 24.6729 81.1326 24.808L79.0638 25.2464L79.6663 28.0868L81.6547 27.6688L81.6484 27.661Z" fill="#3730a3"></path><path d="M85.9945 22.8626L87.2119 22.7368L87.9943 30.2632L92.4031 29.8059L92.5129 30.9002L86.8867 31.4833L85.9945 22.8626V22.8626Z" fill="#3730a3"></path><path d="M93.5941 23.1872C94.3454 22.387 95.3832 21.9936 96.7013 21.9992C98.0187 22.0118 99.0462 22.4226 99.7838 23.2315C100.521 24.0404 100.884 25.1676 100.874 26.606C100.864 28.0374 100.48 29.1528 99.7355 29.9537C98.9842 30.754 97.9534 31.1481 96.6289 31.1347C95.3116 31.1221 94.277 30.7106 93.5402 29.8947C92.8033 29.0787 92.4324 27.9579 92.4494 26.5272C92.4593 25.0958 92.8435 23.9804 93.5948 23.1802L93.5941 23.1872ZM94.4635 29.1547C94.984 29.7847 95.7068 30.1076 96.6404 30.1097C97.5662 30.1182 98.2892 29.8068 98.8222 29.1911C99.3552 28.5754 99.6218 27.7045 99.6277 26.5935C99.6343 25.4753 99.3809 24.6016 98.8668 23.9793C98.3533 23.3499 97.6298 23.0341 96.697 23.0249C95.7641 23.0157 95.0348 23.3193 94.5081 23.9428C93.9815 24.5663 93.7085 25.4294 93.7019 26.5475C93.696 27.6586 93.9501 28.5253 94.4706 29.1554L94.4635 29.1547Z" fill="#3730a3"></path><path d="M106.676 22.9687C107.231 23.0464 107.637 23.1232 107.893 23.1991C108.148 23.2821 108.373 23.3904 108.558 23.5303C108.896 23.7785 109.142 24.0956 109.289 24.474C109.436 24.8523 109.478 25.2841 109.415 25.7623C109.353 26.2264 109.193 26.6092 108.949 26.9122C108.704 27.2152 108.362 27.4298 107.935 27.5575C108.263 27.6977 108.486 27.8914 108.597 28.1307C108.708 28.37 108.754 28.7595 108.721 29.2977L108.626 30.7205C108.595 31.0238 108.614 31.2608 108.655 31.4147C108.696 31.5756 108.776 31.6978 108.89 31.7734L108.866 32.0132L107.474 31.822C107.386 31.6349 107.355 31.2398 107.394 30.6452L107.397 30.6099L107.476 29.4778C107.514 28.8972 107.439 28.5119 107.253 28.3078C107.066 28.1106 106.548 27.9511 105.697 27.8362L103.756 27.575L103.255 31.251L102.067 31.0876L103.238 22.5054L106.661 22.9743L106.676 22.9687ZM103.901 26.5777L105.946 26.8567C106.684 26.9602 107.217 26.9074 107.558 26.7139C107.898 26.5204 108.099 26.156 108.175 25.6151C108.241 25.1086 108.151 24.729 107.892 24.4746C107.632 24.2273 107.116 24.0466 106.342 23.9395L104.297 23.6605L103.901 26.5706L103.901 26.5777Z" fill="#3730a3"></path><path d="M112.121 23.8633L118.269 25.4426L117.999 26.4841L113.012 25.2008L112.371 27.7155L116.977 28.8959L116.728 29.8754L112.122 28.695L111.402 31.5079L116.487 32.8154L116.216 33.8639L109.971 32.2605L112.121 23.8633V23.8633Z" fill="#3730a3"></path><path d="M6.67578 95.6708C6.67578 46.5199 46.5204 6.67529 95.6713 6.67529V6.67529C144.822 6.67529 184.667 46.5199 184.667 95.6708V95.6708C184.667 144.822 144.822 184.666 95.6713 184.666V184.666C46.5204 184.666 6.67578 144.822 6.67578 95.6708V95.6708Z" stroke="#3730a3" stroke-opacity="0.3" stroke-width="0.816508" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round"></path><path d="M47.5518 94.6641C47.5518 67.5328 69.546 45.5386 96.6773 45.5386V45.5386C123.809 45.5386 145.803 67.5328 145.803 94.6641V94.6641C145.803 121.795 123.809 143.79 96.6773 143.79V143.79C69.54
16 143.79 47.5518 121.795 47.5518 94.6641V94.6641Z" stroke="#3730a3" stroke-opacity="0.3" stroke-width="0.816508" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"><path d="M12 5v14"></path><path d="m19 12-7 7-7-7"></path></svg></div></div><div class="flex flex-col items-start"><div class="__className_1001d9 slider-title text-8xl font-bold leading-[0.7] lg:text-9xl">Motion.</div><div class="__className_cbde3a slider-description w-[60%] text-xs font-semibold leading-[1] tracking-normal text-black">Don’t just design; engineer your success by leveraging data-driven insights and creative innovation.</div></div><div class="slider-cards-wrapper ml-[65%] flex flex-nowrap items-center gap-28 overflow-visible"><div class="card relative h-[450px] w-[300px] shrink-0 rounded-md bg-black shadow-sm"><div class="__className_1001d9 absolute bottom-[2%] left-[5%] z-[1] whitespace-pre-wrap break-words text-7xl font-extrabold uppercase text-white mix-blend-difference">Robot
2One</div><img alt="Robot One" loading="lazy" width="867" height="1300" decoding="async" data-nimg="1" class="absolute left-1/2 top-3 h-[92%] w-[92%] -translate-x-1/2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-1.dc7d611a.jpg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-1.dc7d611a.jpg&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-1.dc7d611a.jpg&amp;w=1920&amp;q=75"/><div class="absolute bottom-[5px] left-1/2 flex w-[92%] -translate-x-1/2 items-center justify-between"><div class="__className_b40857 text-[10px] text-white">Source - Freepik</div><div class="__className_b40857 text-[10px] text-white">ShinThant</div></div></div><div class="card relative h-[450px] w-[300px] shrink-0 rounded-md bg-black shadow-sm"><div class="__className_1001d9 absolute bottom-[2%] left-[5%] z-[1] whitespace-pre-wrap break-words text-7xl font-extrabold uppercase text-white mix-blend-difference">Robot
3Two</div><img alt="Robot Two" loading="lazy" width="768" height="1220" decoding="async" data-nimg="1" class="absolute left-1/2 top-3 h-[92%] w-[92%] -translate-x-1/2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-4.840fa256.jpg&amp;w=828&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-4.840fa256.jpg&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-4.840fa256.jpg&amp;w=1920&amp;q=75"/><div class="absolute bottom-[5px] left-1/2 flex w-[92%] -translate-x-1/2 items-center justify-between"><div class="__className_b40857 text-[10px] text-white">Source - Freepik</div><div class="__className_b40857 text-[10px] text-white">ShinThant</div></div></div><div class="card relative h-[450px] w-[300px] shrink-0 rounded-md bg-black shadow-sm"><div class="__className_1001d9 absolute bottom-[2%] left-[5%] z-[1] whitespace-pre-wrap break-words text-7xl font-extrabold uppercase text-white mix-blend-difference">Robot
4Three</div><img alt="Robot Three" loading="lazy" width="783" height="1300" decoding="async" data-nimg="1" class="absolute left-1/2 top-3 h-[92%] w-[92%] -translate-x-1/2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-5.3a550123.jpg&amp;w=828&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-5.3a550123.jpg&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-5.3a550123.jpg&amp;w=1920&amp;q=75"/><div class="absolute bottom-[5px] left-1/2 flex w-[92%] -translate-x-1/2 items-center justify-between"><div class="__className_b40857 text-[10px] text-white">Source - Freepik</div><div class="__className_b40857 text-[10px] text-white">ShinThant</div></div></div><div class="card relative h-[450px] w-[300px] shrink-0 rounded-md bg-black shadow-sm"><div class="__className_1001d9 absolute bottom-[2%] left-[5%] z-[
41] whitespace-pre-wrap break-words text-7xl font-extrabold uppercase text-white mix-blend-difference">Robot
5Four</div><img alt="Robot Four" loading="lazy" width="786" height="1300" decoding="async" data-nimg="1" class="absolute left-1/2 top-3 h-[92%] w-[92%] -translate-x-1/2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-2.cd61fb3b.jpg&amp;w=828&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-2.cd61fb3b.jpg&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-2.cd61fb3b.jpg&amp;w=1920&amp;q=75"/><div class="absolute bottom-[5px] left-1/2 flex w-[92%] -translate-x-1/2 items-center justify-between"><div class="__className_b40857 text-[10px] text-white">Source - Freepik</div><div class="__className_b40857 text-[10px] text-white">ShinThant</div></div></div><div class="card relative h-[450px] w-[300px] shrink-0 rounded-md bg-black shadow-sm"><div class="__className_1001d9 absolute bottom-[2%] left-[5%] z-[1] whitespace-pre-wrap break-words text-7xl font-extrabold uppercase text-white mix-blend-difference">Robot
6Five</div><img alt="Robot Five" loading="lazy" width="651" height="1126" decoding="async" data-nimg="1" class="absolute left-1/2 top-3 h-[92%] w-[92%] -translate-x-1/2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-3.6c99df5e.jpg&amp;w=750&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-3.6c99df5e.jpg&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-3.6c99df5e.jpg&amp;w=1920&amp;q=75"/><div class="absolute bottom-[5px] left-1/2 flex w-[92%] -translate-x-1/2 items-center justify-between"><div class="__className_b40857 text-[10px] text-white">Source - Freepik</div><div class="__className_b40857 text-[10px] text-white">ShinThant</div></div></div></div><div class="__className_cbde3a absolute bottom-4 left-4 flex items-center gap-24 md:left-10"><div class="bullet-title text-xs font-semibold tracking-tight">Determine.</div><div class="bullet-title text-xs font-semibold tracking-tight">Design.</div><div class="bullet-title text-xs font-semibold tracking-tight">Develop.</div></div></div><div class="grid-section absolute top-0 z-[1] grid h-full w-full grid-cols-4 grid-rows-8 opacity-0 md:grid-cols-6 lg:grid-cols-12"><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.
61px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div><div class="scaler-wrapper col-span-1 h-full w-full border-[0.1px] border-gray-100"><div class="scaler h-full w-full origin-center scale-0 bg-black"></div></div></div></section><section id="slider-space" class="relative z-[-1] h-[280vh] w-full"></section><section id="bio-section-container" class="relative z-20 h-screen w-screen bg-white"><div class="bio-section h-full w-full origin-center bg-black p-5"><div class="__className_dfb6b7 flex h-full w-full flex-col items-center gap-16 lg:flex-row"><div class="relative flex h-full flex-1 flex-col items-center justify-center"><div class="absolute left-0 top-0 flex w-full items-center gap-28"><div class="text-xs font-semibold tracking-widest text-white">0001/</div><div class="text-xs tracking-widest text-white">Project</div></div><div class="mt-10 w-full md:w-3/4 lg:mt-0"><img alt="cover" loading="lazy" width="768" height="1220" decoding="async" data-nimg="1" class="bio-image mx-auto h-full rounded-md object-cover shadow-sm" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-4.840fa256.jpg&amp;w=828&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-4.840fa256.jpg&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-4.840fa256.jpg&amp;w=1920&amp;q=75"/></div></div><div class="relative flex h-full w-full flex-col items-center justify-center lg:w-[40%] lg:pr-20"><div class="absolute left-0 top-0 flex w-full items-center gap-28"><div class="text-xs font-semibold tracking-widest text-white">0001/</div><div class="text-xs tracking-widest text-white">Project</div></div><div class="mt-10 flex w-full flex-col items-start gap-10 lg:mt-0"><div class="bio-text overflow-hidden text-4xl text-white">We&#x27;re building the future of home improvement, today.</div><div class="bio-text hidden w-full overflow-hidden text-white md:block lg:w-[80%]">Emerging technologies like AI and spatial computing are collapsing the distance between our physical and digital worlds. Lowe&#x27;s Innovation Labs is a multi-disciplinary team that explores how these technologies are evolving, how they&#x27;re impacting our customers’ relationships with their homes and with retail, and changing how our associates do their jobs. In the process, we build foun
6dations for the future: new products, tech capabilities, and business opportunities that enable Lowe&#x27;s to better serve our customers.</div><button class="hidden items-center gap-4 rounded-full bg-indigo-600 px-5 py-2 md:flex"><div class="text-xs text-white">Areas of Exploration</div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-white"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div></div></section><section id="images-section-container" class="relative z-[31] h-[400vh] w-screen bg-white"><div class="images-section sticky left-0 top-0 z-50 h-screen origin-center scale-50 overflow-hidden bg-black"><div class="relative left-0 top-0 z-[2] flex h-full flex-col items-center justify-center gap-10"><div class="__className_dfb6b7 max-w-[80%] text-center text-5xl font-extrabold tracking-wide text-indigo-400 md:text-7xl lg:max-w-[30%]">Made With Passion</div>
6<button class="flex items-center gap-4 rounded-lg bg-gray-600 px-6 py-2 text-white"><a href="https://github.com/devshinthant/motion-scape.git" aria-label="github-repo" target="_blank" rel="noreferrer" class="text-sm font-medium tracking-tight __className_cbde3a">Star On Github</a><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.49933 0.25C3.49635 0.25 0.25 3.49593 0.25 7.50024C0.25 10.703 2.32715 13.4206 5.2081 14.3797C5.57084 14.446 5.70302 14.2222 5.70302 14.0299C5.70302 13.8576 5.69679 13.4019 5.69323 12.797C3.67661 13.235 3.25112 11.825 3.25112 11.825C2.92132 10.9874 2.44599 10.7644 2.44599 10.7644C1.78773 10.3149 2.49584 10.3238 2.49584 10.3238C3.22353 10.375 3.60629 11.0711 3.60629 11.0711C4.25298 12.1788 5.30335 11.8588 5.71638 11.6732C5.78225 11.205 5.96962 10.8854 6.17658 10.7043C4.56675 10.5209 2.87415 9.89918 2.87415 7.12104C2.87415 6.32925 3.15677 5.68257 3.62053 5.17563C3.54576 4.99226 3.29697 4.25521 3.69174 3.25691C3.69174 3.25691 4.30015 3.06196 5.68522 3.99973C6.26337 3.83906 6.8838 3.75895 7.50022 3.75583C8.1162 3.75895 8.73619 3.83906 9.31523 3.99973C10.6994 3.06196 11.3069 3.25691 11.3069 3.25691C11.7026 4.25521 11.4538 4.99226 11.3795 5.17563C11.8441 5.68257 12.1245 6.32925 12.1245 7.12104C12.1245 9.9063 10.4292 10.5192 8.81452 10.6985C9.07444 10.9224 9.30633 11.3648 9.30633 12.0413C9.30633 13.0102 9.29742 13.7922 9.29742 14.0299C9.29742 14.2239 9.42828 14.4496 9.79591 14.3788C12.6746 13.4179 14.75 10.7025 14.75 7.50024C14.75 3.49593 11.5036 0.25 7.49933 0.25Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></button></div><div class="left-section absolute z-[1] p-14" style="inset:0% auto 0% 0%"><div class="flex flex-col gap-[16vw] pt-[70vh] will-change-transform"><div class="relative left-[-10vw] h-[40vw] w-[40vw] overflow-hidden rounded-md md:left-[1vw] lg:h-[400px] lg:w-[22vw]"><img alt="card-1-image" fetchPriority="high" width="1040" height="1300" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-1.79eafd73.jpg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-1.79eafd73.jpg&amp;w=3840&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-1.79eafd73.jpg&amp;w=3840&amp;q=75"/></div><div class="relative left-[-10vw] mt-[15vw] h-[40vw] w-[40vw] overflow-hidden rounded-md md:left-0 md:mt-0 lg:h-[400px] lg:w-[22vw]"><img alt="card-2-image" fetchPriority="high" width="1200" height="1200" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-2.82ea7b40.jpg&amp;w=1200&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-2.82ea7b40.jpg&amp;w=3840&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-2.82ea7b40.jpg&amp;w=3840&amp;q=75"/></div><div class="relative left-[-3vw] mt-[5vw] h-[40vw] w-[40vw] overflow-hidden rounded-md md:left-[4vw] md:mt-[-10vw] lg:h-[400px] lg:w-[20vw]"><img alt="card-3-image" fetchPriority="high" width="1250" height="1250" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-3.f61bb3b8.jpg&amp;w=1920&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-3.f61bb3b8.jpg&amp;w=3840&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-3.f61bb3b8.jpg&amp;w=3840&amp;q=75"/></div><div class="relative left-[52vw] top-[-120vw] mt-[-45vw] h-[40vw] w-[40vw] overflow-hidden rounded-md md:left-[64vw] md:top-[-73.4vw] lg:h-[400px] lg:w-[20vw]"><img alt="card-4-image" fetchPriority="high" width="975" height="1300" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-4.69e199d1.jpg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-4.69e199d1.jpg&amp;w=2048&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-4.69e199d1.jpg&amp;w=2048&amp;q=75"/></div><div class="relative left-[48vw] mt-[-90vw] h-[40vw] w-[40vw] overflow-hidden rounded-md md:left-[58vw] md:mt-[-75vw] lg:h-[400px] lg:w-[22vw]"><img alt="card-5-image" fetchPriority="high" width="1200" height="904" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-5.a30e55da.jpg&amp;w=1200&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-5.a30e55da.jpg&amp;w=3840&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-5.a30e55da.jpg&amp;w=3840&amp;q=75"/></div><div class="relative left-[55vw] mt-[8vw] h-[40vw] w-[40vw] overflow-hidden rounded-md md:left-[64vw] md:mt-[-10vw] lg:h-[400px] lg:w-[20vw]"><img alt="card-6-image" fetchPriority="high" width="1200" height="904" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-6.efee1c07.jpg&amp;w=1200&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-6.efee1c07.jpg&amp;w=3840&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-6.efee1c07.jpg&amp;w=3840&amp;q=75"/></div></div></div><div class="right-section absolute z-[0]" style="inset:0% 0% 0% auto"><div class="flex flex-col gap-[16vw] pt-[70vh] will-change-transform"><div class="relative right-[50vw] top-[16vw] h-[40vw] w-[40vw] overflow-hidden rounded-md text-white opacity-75 md:right-[60vw] md:top-[14vw] lg:h-[400px] lg:w-[20vw]"><img alt="card-7-image" fetchPriority="high" width="1200" height="904" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-7.8881c2a5.jpg&amp;w=1200&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-7.8881c2a5.jpg&amp;w=3840&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-7.8881c2a5.jpg&amp;w=3840&amp;q=75"/></div><div class="relative right-[42vw] mt-[14vw] h-[40vw] w-[40vw] overflow-hidden rounded-md text-white opacity-75 md:right-[58vw] md:mt-[5vw] lg:h-[400px] lg:w-[22vw]"><img alt="card-8-image" fetchPriority="high" width="954" height="1300" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-8.a92f2aa7.jpg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-8.a92f2aa7.jpg&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-8.a92f2aa7.jpg&amp;w=1920&amp;q=75"/></div><div class="relative right-[-15vw] top-[-70vw] h-[40vw] w-[40vw] overflow-hidden rounded-md text-white opacity-75 md:right-[5vw] lg:h-[400px] lg:w-[20vw]"><img alt="card-9-image" fetchPriority="high" width="995" height="1300" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-9.a64f0b14.jpg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-9.a64f0b14.jpg&amp;w=2048&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-9.a64f0b14.jpg&amp;w=2048&amp;q=75"/></div><div class="relative right-[1vw] top-[-55vw] h-[40vw] w-[40vw] overflow-hidden rounded-md text-white opacity-75 md:right-[15vw] md:top-[-80vw] lg:h-[360px] lg:w-[20vw]"><img alt="card-10-image" fetchPriority="high" width="900" height="900" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-10.6148906f.jpg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-10.6148906f.jpg&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobot-10.6148906f.jpg&amp;w=1920&amp;q=75"/></div></div></div></div></section><section id="end-section" class="__className_dfb6b7 relative z-[32] h-auto w-screen bg-indigo-800"><div class="flex h-full w-full flex-col justify-between gap-10 px-2 pb-3 pt-[8%]"><div class="grid grid-cols-6 gap-10 lg:grid-cols-12 lg:gap-0 lg:px-10"><div class="col-span-6"><div class="flex flex-col gap-2"><div class="text-xl tracking-tight text-white">Motion Scape is a website focused on animations.</div><div class="tracking-tight text-white">@2024 Motion Scape</div></div></div><div class="col-span-6 md:col-span-3"><div class="text-xs text-white">Some of the transitions are inspired by awwward website.And take credit for all.</div></div><div class="col-span-6 md:col-span-3"><div class="flex flex-row items-start justify-between gap-5 lg:flex-col lg:pl-[60%]">
6<a href="https://www.linkedin.com/in/shinn-thant-b90533231/" target="_blank" rel="noreferrer" class="flex items-center gap-2"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-white"><path d="M2 1C1.44772 1 1 1.44772 1 2V13C1 13.5523 1.44772 14 2 14H13C13.5523 14 14 13.5523 14 13V2C14 1.44772 13.5523 1 13 1H2ZM3.05 6H4.95V12H3.05V6ZM5.075 4.005C5.075 4.59871 4.59371 5.08 4 5.08C3.4063 5.08 2.925 4.59871 2.925 4.005C2.925 3.41129 3.4063 2.93 4 2.93C4.59371 2.93 5.075 3.41129 5.075 4.005ZM12 8.35713C12 6.55208 10.8334 5.85033 9.67449 5.85033C9.29502 5.83163 8.91721 5.91119 8.57874 6.08107C8.32172 6.21007 8.05265 6.50523 7.84516 7.01853H7.79179V6.00044H6V12.0047H7.90616V8.8112C7.8786 8.48413 7.98327 8.06142 8.19741 7.80987C8.41156 7.55832 8.71789 7.49825 8.95015 7.46774H9.02258C9.62874 7.46774 10.0786 7.84301 10.0786 8.78868V12.0047H11.9847L12 8.35713Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg><div class="text-xs text-white">Linkedin</div></a><a href="https://github.com/devshinthant" target="_blank" rel="noreferrer" class="flex items-center gap-2"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-white"><path d="M7.49933 0.25C3.49635 0.25 0.25 3.49593 0.25 7.50024C0.25 10.703 2.32715 13.4206 5.2081 14.3797C5.57084 14.446 5.70302 14.2222 5.70302 14.0299C5.70302 13.8576 5.69679 13.4019 5.69323 12.797C3.67661 13.235 3.25112 11.825 3.25112 11.825C2.92132 10.9874 2.44599 10.7644 2.44599 10.7644C1.78773 10.3149 2.49584 10.3238 2.49584 10.3238C3.22353 10.375 3.60629 11.0711 3.60629 11.0711C4.25298 12.1788 5.30335 11.8588 5.71638 11.6732C5.78225 11.205 5.96962 10.8854 6.17658 10.7043C4.56675 10.5209 2.87415 9.89918 2.87415 7.12104C2.87415 6.32925 3.15677 5.68257 3.62053 5.17563C3.54576 4.99226 3.29697 4.25521 3.69174 3.25691C3.69174 3.25691 4.30015 3.06196 5.68522 3.99973C6.26337 3.83906 6.8838 3.75895 7.50022 3.75583C8.1162 3.75895 8.73619 3.83906 9.31523 3.99973C10.6994 3.06196 11.3069 3.25691 11.3069 3.25691C11.7026 4.25521 11.4538 4.99226 11.3795 5.17563C11.8441 5.68257 12.1245 6.32925 12.1245 7.12104C12.1245 9.9063 10.4292 10.5192 8.81452 10.6985C9.07444 10.9224 9.30633 11.3648 9.30633 12.0413C9.30633 13.0102 9.29742 13.7922 9.29742 14.0299C9.29742 14.2239 9.42828 14.4496 9.79591 14.3788C12.6746 13.4179 14.75 10.7025 14.75 7.50024C14.75 3.49593 11.5036 0.25 7.49933 0.25Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg><div class="text-xs text-white">Github</div></a><a href="https://x.com/dev_shinnthant" target="_blank" rel="noreferrer" class="flex items-center gap-2"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-white"><path d="M7.23336 4.69629C7.23336 2.96884 8.63335 1.56857 10.36 1.56857C11.3736 1.56857 12.183 2.04804 12.7254 2.74385C13.3079 2.62467 13.8557 2.40913 14.3513 2.11508C14.1559 2.72598 13.7424 3.2396 13.2033 3.56463C13.2038 3.56568 13.2042 3.56674 13.2047 3.56779C13.7334 3.50361 14.2364 3.36302 14.7048 3.15546L14.7037 3.15715C14.3667 3.66183 13.9431 4.10736 13.4561 4.47034C13.4823 4.64672 13.4956 4.82427 13.4956 5.00079C13.4956 8.6871 10.6873 12.9746 5.52122 12.9746C3.93906 12.9746 2.46544 12.511 1.22505 11.7152C0.992632 11.5661 0.925108 11.2568 1.07423 11.0244C1.0874 11.0038 1.10183 10.9846 1.11734 10.9666C1.20582 10.8202 1.37438 10.7309 1.5554 10.7522C2.47066 10.8601 3.38568 10.7485 4.19219 10.3962C3.39226 10.0434 2.77129 9.35975 2.50204 8.51974C2.45359 8.3686 2.48835 8.20311 2.59351 8.08422C2.59716 8.0801 2.60087 8.07606 2.60464 8.0721C1.96391 7.50819 1.55973 6.68208 1.55973 5.76143V5.72759C1.55973 5.56814 1.64411 5.42059 1.78155 5.33974C1.82671 5.31317 1.87537 5.29511 1.92532 5.28558C1.70549 4.86154 1.58116 4.37984 1.58116 3.86958C1.58116 3.40165 1.58384 2.81192 1.91332 2.28081C1.98718 2.16175 2.10758 2.08915 2.2364 2.07195C2.42588 2.01237 2.64087 2.06969 2.77406 2.23302C3.86536 3.57126 5.44066 4.49583 7.23366 4.73961L7.23336 4.69629ZM5.52122 11.9746C4.73387 11.9746 3.97781 11.8435 3.27248 11.6023C4.13012 11.4538 4.95307 11.1159 5.66218 10.5602C5.81211 10.4427 5.87182 10.2435 5.81126 10.0629C5.7507 9.88234 5.583 9.75943 5.39255 9.75607C4.68968 9.74366 4.06712 9.39716 3.67793 8.86845C3.86828 8.85306 4.05428 8.82039 4.23445 8.77167C4.43603 8.71716 4.57363 8.53114 4.56674 8.32243C4.55985 8.11372 4.41029 7.93718 4.20555 7.89607C3.42694 7.73977 2.79883 7.16764 2.56169 6.42174C2.76255 6.47025 2.97102 6.4991 3.18482 6.5061C3.38563 6.51267 3.56646 6.38533 3.62795 6.19405C3.68943 6.00277 3.61666 5.79391 3.44963 5.68224C2.86523 5.29155 2.48116 4.62464 2.48116 3.86958C2.48116 3.70213 2.48352 3.55268 2.49355 3.41719C3.85115 4.79913 5.70873 5.68931 7.77588 5.79338C7.93225 5.80126 8.08328 5.73543 8.18395 5.61553C8.28463 5.49562 8.32332 5.33548 8.28851 5.18284C8.25255 5.02517 8.23336 4.86284 8.23336 4.69629C8.23336 3.52085 9.18591 2.56857 10.36 2.56857C11.5943 2.56857 12.4956 3.71208 12.4956 5.00079C12.4956 8.25709 10.0202 11.9746 5.52122 11.9746Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg><div class="text-xs text-white">Twitter</div></a></div></div></div><div class="text-5xl font-bold uppercase leading-[1] tracking-tighter text-gray-200 md:text-8xl lg:text-[200px]">Motion Scape</div></div></section></div>
6<script src="/_next/static/chunks/webpack-e7b683873e2ff64b.js" async=""></script>
6<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
6<script>self.__next_f.push([1,"1:HL[\"/_next/static/media/0484562807a97172-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/0acf7bf726cd1ef0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/media/4473ecc91f70f139-s.p.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n4:HL[\"/_next/static/media/463dafcda517f24f-s.p.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n5:HL[\"/_next/static/media/507d2859712d6aed.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n6:HL[\"/_next/static/media/5b0e2fc67ac2e220-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n7:HL[\"/_next/static/media/7aa35bcef8fce17b-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n8:HL[\"/_next/static/media/7db6c35d839a711c-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n9:HL[\"/_next/static/media/8888a3826f4a3af4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\na:HL[\"/_next/static/media/935cd3e4028ff59e-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nb:HL[\"/_next/static/media/b957ea75a84b6ea7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nc:HL[\"/_next/static/media/c194bd723c049291-s.p.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\nd:HL[\"/_next/static/media/dda4500efd3bac88-s.p.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\ne:HL[\"/_next/static/css/69012511703dfd79.css\",\"style\"]\nf:HL[\"/_next/static/css/9b14f03c373a7a69.css\",\"style\"]\n10:HL[\"/_next/static/css/9456970d814bccc7.css\",\"style\"]\n11:HL[\"/_next/static/css/340d823f3fdc6cab.css\",\"style\"]\n12:HL[\"/_next/static/css/f539aa36f9fd8ff9.css\",\"style\"]\n"])</script>
6<script>self.__next_f.push([1,"13:I[8635,[],\"\"]\n15:I[8131,[\"364\",\"static/chunks/94cf3c84-872b98e2d7f35ea6.js\",\"253\",\"static/chunks/0bc51317-04b47e38450f41bf.js\",\"263\",\"static/chunks/263-4e6f5dafd0ad2b66.js\",\"557\",\"static/chunks/557-550154769b1b5ec3.js\",\"931\",\"static/chunks/app/page-17714ec6a526438f.js\"],\"default\"]\n17:I[8295,[\"364\",\"static/chunks/94cf3c84-872b98e2d7f35ea6.js\",\"253\",\"static/chunks/0bc51317-04b47e38450f41bf.js\",\"263\",\"static/chunks/263-4e6f5dafd0ad2b66.js\",\"557\",\"static/chunks/557-550154769b1b5ec3.js\",\"931\",\"static/chunks/app/page-17714ec6a526438f.js\"],\"default\"]\n18:I[8596,[\"364\",\"static/chunks/94cf3c84-872b98e2d7f35ea6.js\",\"253\",\"static/chunks/0bc51317-04b47e38450f41bf.js\",\"263\",\"static/chunks/263-4e6f5dafd0ad2b66.js\",\"557\",\"static/chunks/557-550154769b1b5ec3.js\",\"931\",\"static/chunks/app/page-17714ec6a526438f.js\"],\"default\"]\n19:I[9808,[\"364\",\"static/chunks/94cf3c84-872b98e2d7f35ea6.js\",\"253\",\"static/chunks/0bc51317-04b47e38450f41bf.js\",\"263\",\"static/chunks/263-4e6f5dafd0ad2b66.js\",\"557\",\"static/chunks/557-550154769b1b5ec3.js\",\"931\",\"static/chunks/app/page-17714ec6a526438f.js\"],\"default\"]\n1a:I[9617,[\"364\",\"static/chunks/94cf3c84-872b98e2d7f35ea6.js\",\"253\",\"static/chunks/0bc51317-04b47e38450f41bf.js\",\"263\",\"static/chunks/263-4e6f5dafd0ad2b66.js\",\"557\",\"static/chunks/557-550154769b1b5ec3.js\",\"931\",\"static/chunks/app/page-17714ec6a526438f.js\"],\"default\"]\n1b:I[3367,[\"364\",\"static/chunks/94cf3c84-872b98e2d7f35ea6.js\",\"253\",\"static/chunks/0bc51317-04b47e38450f41bf.js\",\"263\",\"static/chunks/263-4e6f5dafd0ad2b66.js\",\"557\",\"static/chunks/557-550154769b1b5ec3.js\",\"931\",\"static/chunks/app/page-17714ec6a526438f.js\"],\"default\"]\n1c:I[3782,[\"364\",\"static/chunks/94cf3c84-872b98e2d7f35ea6.js\",\"253\",\"static/chunks/0bc51317-04b47e38450f41bf.js\",\"263\",\"static/chunks/263-4e6f5dafd0ad2b66.js\",\"557\",\"static/chunks/557-550154769b1b5ec3.js\",\"931\",\"static/chunks/app/page-17714ec6a526438f.js\"],\"default\"]\n1f:I[2807,[\"364\",\"static/chunks/94cf3c84-872b98e2d7f35ea6.js\",\"263\",\"static/chunks/263-4e6f5dafd0ad2b66.js\",\"185\",\"static/chunks/app/layout-b01a675f3765b5a"])</script>
6<script>self.__next_f.push([1,"f.js\"],\"default\"]\n20:I[2563,[\"364\",\"static/chunks/94cf3c84-872b98e2d7f35ea6.js\",\"263\",\"static/chunks/263-4e6f5dafd0ad2b66.js\",\"185\",\"static/chunks/app/layout-b01a675f3765b5af.js\"],\"default\"]\n21:I[477,[\"364\",\"static/chunks/94cf3c84-872b98e2d7f35ea6.js\",\"263\",\"static/chunks/263-4e6f5dafd0ad2b66.js\",\"185\",\"static/chunks/app/layout-b01a675f3765b5af.js\"],\"default\"]\n22:I[907,[\"364\",\"static/chunks/94cf3c84-872b98e2d7f35ea6.js\",\"263\",\"static/chunks/263-4e6f5dafd0ad2b66.js\",\"185\",\"static/chunks/app/layout-b01a675f3765b5af.js\"],\"Analytics\"]\n23:I[9863,[],\"\"]\n24:I[4457,[],\"\"]\n26:I[9548,[],\"\"]\n16:T49a,M7.49933 0.25C3.49635 0.25 0.25 3.49593 0.25 7.50024C0.25 10.703 2.32715 13.4206 5.2081 14.3797C5.57084 14.446 5.70302 14.2222 5.70302 14.0299C5.70302 13.8576 5.69679 13.4019 5.69323 12.797C3.67661 13.235 3.25112 11.825 3.25112 11.825C2.92132 10.9874 2.44599 10.7644 2.44599 10.7644C1.78773 10.3149 2.49584 10.3238 2.49584 10.3238C3.22353 10.375 3.60629 11.0711 3.60629 11.0711C4.25298 12.1788 5.30335 11.8588 5.71638 11.6732C5.78225 11.205 5.96962 10.8854 6.17658 10.7043C4.56675 10.5209 2.87415 9.89918 2.87415 7.12104C2.87415 6.32925 3.15677 5.68257 3.62053 5.17563C3.54576 4.99226 3.29697 4.25521 3.69174 3.25691C3.69174 3.25691 4.30015 3.06196 5.68522 3.99973C6.26337 3.83906 6.8838 3.75895 7.50022 3.75583C8.1162 3.75895 8.73619 3.83906 9.31523 3.99973C10.6994 3.06196 11.3069 3.25691 11.3069 3.25691C11.7026 4.25521 11.4538 4.99226 11.3795 5.17563C11.8441 5.68257 12.1245 6.32925 12.1245 7.12104C12.1245 9.9063 10.4292 10.5192 8.81452 10.6985C9.07444 10.9224 9.30633 11.3648 9.30633 12.0413C9.30633 13.0102 9.29742 13.7922 9.29742 14.0299C9.29742 14.2239 9.42828 14.4496 9.79591 14.3788C12.6746 13.4179 14.75 10.7025 14.75 7.50024C14.75 3.49593 11.5036 0.25 7.49933 0.25Z1d:T49a,M7.49933 0.25C3.49635 0.25 0.25 3.49593 0.25 7.50024C0.25 10.703 2.32715 13.4206 5.2081 14.3797C5.57084 14.446 5.70302 14.2222 5.70302 14.0299C5.70302 13.8576 5.69679 13.4019 5.69323 12.797C3.67661 13.235 3.25112 11.825 3.25112 11.825C2.92132 10.9874 2.44599 10.7644"])</script>
6<script>self.__next_f.push([1," 2.44599 10.7644C1.78773 10.3149 2.49584 10.3238 2.49584 10.3238C3.22353 10.375 3.60629 11.0711 3.60629 11.0711C4.25298 12.1788 5.30335 11.8588 5.71638 11.6732C5.78225 11.205 5.96962 10.8854 6.17658 10.7043C4.56675 10.5209 2.87415 9.89918 2.87415 7.12104C2.87415 6.32925 3.15677 5.68257 3.62053 5.17563C3.54576 4.99226 3.29697 4.25521 3.69174 3.25691C3.69174 3.25691 4.30015 3.06196 5.68522 3.99973C6.26337 3.83906 6.8838 3.75895 7.50022 3.75583C8.1162 3.75895 8.73619 3.83906 9.31523 3.99973C10.6994 3.06196 11.3069 3.25691 11.3069 3.25691C11.7026 4.25521 11.4538 4.99226 11.3795 5.17563C11.8441 5.68257 12.1245 6.32925 12.1245 7.12104C12.1245 9.9063 10.4292 10.5192 8.81452 10.6985C9.07444 10.9224 9.30633 11.3648 9.30633 12.0413C9.30633 13.0102 9.29742 13.7922 9.29742 14.0299C9.29742 14.2239 9.42828 14.4496 9.79591 14.3788C12.6746 13.4179 14.75 10.7025 14.75 7.50024C14.75 3.49593 11.5036 0.25 7.49933 0.25Z1e:T8d9,"])</script>
6<script>self.__next_f.push([1,"M7.23336 4.69629C7.23336 2.96884 8.63335 1.56857 10.36 1.56857C11.3736 1.56857 12.183 2.04804 12.7254 2.74385C13.3079 2.62467 13.8557 2.40913 14.3513 2.11508C14.1559 2.72598 13.7424 3.2396 13.2033 3.56463C13.2038 3.56568 13.2042 3.56674 13.2047 3.56779C13.7334 3.50361 14.2364 3.36302 14.7048 3.15546L14.7037 3.15715C14.3667 3.66183 13.9431 4.10736 13.4561 4.47034C13.4823 4.64672 13.4956 4.82427 13.4956 5.00079C13.4956 8.6871 10.6873 12.9746 5.52122 12.9746C3.93906 12.9746 2.46544 12.511 1.22505 11.7152C0.992632 11.5661 0.925108 11.2568 1.07423 11.0244C1.0874 11.0038 1.10183 10.9846 1.11734 10.9666C1.20582 10.8202 1.37438 10.7309 1.5554 10.7522C2.47066 10.8601 3.38568 10.7485 4.19219 10.3962C3.39226 10.0434 2.77129 9.35975 2.50204 8.51974C2.45359 8.3686 2.48835 8.20311 2.59351 8.08422C2.59716 8.0801 2.60087 8.07606 2.60464 8.0721C1.96391 7.50819 1.55973 6.68208 1.55973 5.76143V5.72759C1.55973 5.56814 1.64411 5.42059 1.78155 5.33974C1.82671 5.31317 1.87537 5.29511 1.92532 5.28558C1.70549 4.86154 1.58116 4.37984 1.58116 3.86958C1.58116 3.40165 1.58384 2.81192 1.91332 2.28081C1.98718 2.16175 2.10758 2.08915 2.2364 2.07195C2.42588 2.01237 2.64087 2.06969 2.77406 2.23302C3.86536 3.57126 5.44066 4.49583 7.23366 4.73961L7.23336 4.69629ZM5.52122 11.9746C4.73387 11.9746 3.97781 11.8435 3.27248 11.6023C4.13012 11.4538 4.95307 11.1159 5.66218 10.5602C5.81211 10.4427 5.87182 10.2435 5.81126 10.0629C5.7507 9.88234 5.583 9.75943 5.39255 9.75607C4.68968 9.74366 4.06712 9.39716 3.67793 8.86845C3.86828 8.85306 4.05428 8.82039 4.23445 8.77167C4.43603 8.71716 4.57363 8.53114 4.56674 8.32243C4.55985 8.11372 4.41029 7.93718 4.20555 7.89607C3.42694 7.73977 2.79883 7.16764 2.56169 6.42174C2.76255 6.47025 2.97102 6.4991 3.18482 6.5061C3.38563 6.51267 3.56646 6.38533 3.62795 6.19405C3.68943 6.00277 3.61666 5.79391 3.44963 5.68224C2.86523 5.29155 2.48116 4.62464 2.48116 3.86958C2.48116 3.70213 2.48352 3.55268 2.49355 3.41719C3.85115 4.79913 5.70873 5.68931 7.77588 5.79338C7.93225 5.80126 8.08328 5.73543 8.18395 5.61553C8.28463 5.49562 8.32332 5.33548 8.28851 5.18284C8.25255 5.02517 8.23336 4.86284 8.23336 4.69629C8.23336 3.52085 9.18591 2.56857 10.36 2.56857C11.5943 2.56857 12.4956 3.71208 12.4956 5.00079C12.4956 8.25709 10.0202 11.9746 5.52122 11.9746Z"])</script>
6<script>self.__next_f.push([1,"27:[]\n"])</script>
6<script>self.__next_f.push([1,"0:[\"$\",\"$L13\",null,{\"buildId\":\"RYtksmsRhyKv-jM66SR0v\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L14\",[\"$\",\"div\",null,{\"className\":\"h-auto w-screen bg-[#4338ca]\",\"children\":[[\"$\",\"$L15\",null,{}],[\"$\",\"div\",null,{\"className\":\"fixed left-0 top-0 z-[30] flex h-screen w-screen items-center justify-end\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/devshinthant/motion-scape.git\",\"aria-label\":\"github-repo\",\"target\":\"_blank\",\"className\":\"awward-name flex h-fit w-10 flex-col items-center justify-between gap-8 bg-[#a3e635] px-2 py-4\",\"rel\":\"noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"width\":20,\"height\":20,\"viewBox\":\"0 0 15 15\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"awward-text\",\"children\":[\"$\",\"path\",null,{\"d\":\"$16\",\"fill\":\"currentColor\",\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\"}]}],[\"$\",\"p\",null,{\"className\":\"awward-text text-sm font-semibold tracking-tighter text-black [writing-mode:vertical-lr]\",\"children\":\"ShinThant\"}]]}]}],[\"$\",\"$L17\",null,{}],[\"$\",\"$L18\",null,{}],[\"$\",\"$L19\",null,{}],[\"$\",\"section\",null,{\"id\":\"space-section\",\"className\":\"relative h-[200vh] w-screen bg-black\",\"children\":\"White Section\"}],[\"$\",\"$L1a\",null,{}],[\"$\",\"$L1b\",null,{}],[\"$\",\"$L1c\",null,{}],[\"$\",\"section\",null,{\"id\":\"end-section\",\"className\":\"__className_dfb6b7 relative z-[32] h-auto w-screen bg-indigo-800\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex h-full w-full flex-col justify-between gap-10 px-2 pb-3 pt-[8%]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-6 gap-10 lg:grid-cols-12 lg:gap-0 lg:px-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xl tracking-tight text-white\",\"children\":\"Motion Scape is a website focused on animations.\"}],[\"$\",\"div\",null,{\"className\":\"tracking-tight text-white\",\"children\":\"@2024 Motion Scape\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"col-span-6 md:col-span-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-xs text-white\",\"children\":\"Some of the transitions are inspired by awwward website.And take credit for all.\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-6 md:col-span-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-row items-start justify-between gap-5 lg:flex-col lg:pl-[60%]\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/in/shinn-thant-b90533231/\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"15\",\"height\":\"15\",\"viewBox\":\"0 0 15 15\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"text-white\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2 1C1.44772 1 1 1.44772 1 2V13C1 13.5523 1.44772 14 2 14H13C13.5523 14 14 13.5523 14 13V2C14 1.44772 13.5523 1 13 1H2ZM3.05 6H4.95V12H3.05V6ZM5.075 4.005C5.075 4.59871 4.59371 5.08 4 5.08C3.4063 5.08 2.925 4.59871 2.925 4.005C2.925 3.41129 3.4063 2.93 4 2.93C4.59371 2.93 5.075 3.41129 5.075 4.005ZM12 8.35713C12 6.55208 10.8334 5.85033 9.67449 5.85033C9.29502 5.83163 8.91721 5.91119 8.57874 6.08107C8.32172 6.21007 8.05265 6.50523 7.84516 7.01853H7.79179V6.00044H6V12.0047H7.90616V8.8112C7.8786 8.48413 7.98327 8.06142 8.19741 7.80987C8.41156 7.55832 8.71789 7.49825 8.95015 7.46774H9.02258C9.62874 7.46774 10.0786 7.84301 10.0786 8.78868V12.0047H11.9847L12 8.35713Z\",\"fill\":\"currentColor\",\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\"}]}],[\"$\",\"div\",null,{\"className\":\"text-xs text-white\",\"children\":\"Linkedin\"}]]}],[\"$\",\"a\",null,{\"href\":\"https://github.com/devshinthant\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"15\",\"height\"
6:\"15\",\"viewBox\":\"0 0 15 15\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"text-white\",\"children\":[\"$\",\"path\",null,{\"d\":\"$1d\",\"fill\":\"currentColor\",\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\"}]}],[\"$\",\"div\",null,{\"className\":\"text-xs text-white\",\"children\":\"Github\"}]]}],[\"$\",\"a\",null,{\"href\":\"https://x.com/dev_shinnthant\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"15\",\"height\":\"15\",\"viewBox\":\"0 0 15 15\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"text-white\",\"children\":[\"$\",\"path\",null,{\"d\":\"$1e\",\"fill\":\"currentColor\",\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\"}]}],[\"$\",\"div\",null,{\"className\":\"text-xs text-white\",\"children\":\"Twitter\"}]]}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"text-5xl font-bold uppercase leading-[1] tracking-tighter text-gray-200 md:text-8xl lg:text-[200px]\",\"children\":\"Motion Scape\"}]]}]}]]}],null],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/69012511703dfd79.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/9b14f03c373a7a69.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/9456970d814bccc7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/340d823f3fdc6cab.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f539aa36f9fd8ff9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__variable_1e4310 __variable_c3aa02 antialiased\",\"children\":[[\"$\",\"$L1f\",null,{}],[\"$\",\"$L20\",null,{}],[\"$\",\"$L21\",null,{}],[\"$\",\"$L22\",null,{}],[\"$\",\"$L23\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L24\",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.\"}]}]]}]}]],\"notFoundStyles\":[]}]]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L25\"],\"globalErrorComponent\":\"$26\",\"missingSlots\":\"$W27\"}]\n"])</script>
6<script>self.__next_f.push([1,"25:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"MotionScape\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Motion Scape is a visually dynamic website dedicated to the art of animations and transitions in web design. Created to inspire designers and developers, it showcases a variety of smooth, immersive motion effects that add elegance and interactivity to digital experiences.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"application-name\",\"content\":\"Motion Scape\"}],[\"$\",\"link\",\"5\",{\"rel\":\"author\",\"href\":\"https://devshinthant.vercel.app/\"}],[\"$\",\"meta\",\"6\",{\"name\":\"author\",\"content\":\"devshinthant\"}],[\"$\",\"meta\",\"7\",{\"name\":\"generator\",\"content\":\"Next.js\"}],[\"$\",\"meta\",\"8\",{\"name\":\"keywords\",\"content\":\"Next.js,React,JavaScript,TypeScript,GSAP,Transitions,Animations\"}],[\"$\",\"meta\",\"9\",{\"name\":\"referrer\",\"content\":\"origin-when-cross-origin\"}],[\"$\",\"meta\",\"10\",{\"name\":\"creator\",\"content\":\"devshinthant\"}],[\"$\",\"meta\",\"11\",{\"name\":\"publisher\",\"content\":\"devshinthant\"}],[\"$\",\"meta\",\"12\",{\"name\":\"category\",\"content\":\"technology\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:title\",\"content\":\"Motion Scape Gsap\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:description\",\"content\":\"Motion Scape is a visually dynamic website dedicated to the art of animations and transitions in web design. Created to inspire designers and developers, it showcases a variety of smooth, immersive motion effects that add elegance and interactivity to digital experiences.\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:url\",\"content\":\"https://motion-gsap.vercel.app\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:site_name\",\"content\":\"Motion Scape\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image\",\"content\":\"https://i.postimg.cc/4yGnps76/Screenshot-2024-10-29-at-11-07-25-AM.png\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:alt\",\"content\":\"Motion Scape\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:creator\",\"content\":\"devshinthant\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"Motion Scape\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"Motion Scape is a visually dynamic website dedicated to the art of animations and transitions in web design. Created to inspire designers and developers, it showcases a variety of smooth, immersive motion effects that add elegance and interactivity to digital experiences.\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image\",\"content\":\"https://i.postimg.cc/4yGnps76/Screenshot-2024-10-29-at-11-07-25-AM.png\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:alt\",\"content\":\"Motion Scape\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"256x256\"}],[\"$\",\"meta\",\"28\",{\"name\":\"next-size-adjust\"}]]\n"])</script>
6<script>self.__next_f.push([1,"14:null\n"])</script>
6</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.