-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
5 lines (5 loc) · 39 KB
/
Copy pathindex.html
File metadata and controls
5 lines (5 loc) · 39 KB
1
2
3
4
5
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><title>Eggspot | We help build and manage a team of world-class developers to bring your vision to life.</title><meta name="description" content="We help build and manage a team of world-class developers to bring your vision to life."><link rel="stylesheet" href="/assets/contact.DosgWMjh.css">
<style>.eg-workspace[data-astro-cid-ytry5c3c]{position:relative;width:100%;aspect-ratio:1.3 / 1}@media(min-width:1024px){.eg-workspace[data-astro-cid-ytry5c3c]{aspect-ratio:auto;height:min(90vh,860px)}}.eg-workspace[data-astro-cid-ytry5c3c] canvas:active{cursor:grabbing}
</style></head> <body> <div class="relative overflow-hidden font-en font-content"> <div class="hero-bg"> <header class="relative z-20 py-6"> <div class="container relative z-10 px-4 lg:mx-auto"> <div class="flex items-center justify-between"> <a href="/"><svg width="168" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="overflow-hidden" role="img" aria-label="Eggspot"><title>Eggspot</title> <path class="logo-svg" fill-rule="evenodd" clip-rule="evenodd" d="M12.4779 6.59873V10.509L6.23153 14L2.74336 12.0505L12.4779 6.59873ZM8.36572 3.92357V3.92637L8.35529 3.93218L8.3035 5.93641L10 6.93847L1.78262 11.5032L0 10.515V8.57059L8.36572 3.92357ZM6.29532 0L9.82301 1.95269L0 7.40127V3.48468L6.29532 0ZM10.7889 2.58599L12.1769 3.35248L12.5664 3.58158V3.66989L12.5172 5.56508L10.6492 6.59873L8.93805 5.59192L8.99021 3.58127L10.7889 2.58599Z" fill="#F08C00"></path> <path class="text-svg" d="M21.4003 10.9682V9.21258H17.8305V7.8332H21.1197V6.07763H17.8305V4.69825H21.4159V2.94268H15.6637V10.9682H21.4003ZM26.534 11.0573C27.2243 11.0573 27.8366 10.9202 28.3711 10.646C28.9056 10.3717 29.3254 9.97661 29.6307 9.46062C29.9359 8.94463 30.0885 8.32272 30.0885 7.59488V6.48752H26.5803V8.03158H28.0169L28.0166 8.04722C28.0096 8.24552 27.9638 8.42148 27.8793 8.57511L27.8553 8.61646C27.7471 8.79322 27.5842 8.92969 27.3666 9.02587C27.1489 9.12205 26.8765 9.17014 26.5494 9.17014C26.1785 9.17014 25.8681 9.08176 25.6183 8.90499C25.3684 8.72823 25.1804 8.47349 25.0542 8.14076C24.928 7.80803 24.8649 7.40772 24.8649 6.93982C24.8649 6.47712 24.9312 6.082 25.0638 5.75448C25.1965 5.42695 25.3897 5.1761 25.6434 5.00194C25.8971 4.82778 26.2043 4.7407 26.5649 4.7407C26.7323 4.7407 26.8862 4.75954 27.0266 4.79723C27.1669 4.83492 27.2906 4.89081 27.3975 4.9649C27.5044 5.03898 27.5939 5.12866 27.666 5.23394C27.7381 5.33922 27.7909 5.46074 27.8244 5.59851H29.9958C29.9546 5.1982 29.8386 4.83038 29.648 4.49505C29.4574 4.15972 29.2069 3.86923 28.8966 3.62359C28.5862 3.37794 28.2294 3.18818 27.8263 3.05431C27.4232 2.92044 26.9873 2.8535 26.5185 2.8535C25.9853 2.8535 25.4856 2.94383 25.0194 3.1245C24.5532 3.30516 24.1424 3.5716 23.7869 3.92382C23.4315 4.27605 23.1539 4.7069 22.9543 5.21639C22.7547 5.72588 22.6549 6.31076 22.6549 6.97101C22.6549 7.81323 22.8178 8.53977 23.1436 9.15064C23.4695 9.76151 23.9234 10.232 24.5056 10.5621C25.0877 10.8923 25.7638 11.0573 26.534 11.0573ZM35.2065 11.0573C35.8968 11.0573 36.5092 10.9202 37.0437 10.646C37.5781 10.3717 37.998 9.97661 38.3032 9.46062C38.6085 8.94463 38.7611 8.32272 38.7611 7.59488V6.48752H35.2529V8.03158H36.6894L36.6892 8.04722C36.6822 8.24552 36.6364 8.42148 36.5519 8.57511L36.5279 8.61646C36.4197 8.79322 36.2568 8.92969 36.0391 9.02587C35.8215 9.12205 35.5491 9.17014 35.222 9.17014C34.8511 9.17014 34.5407 9.08176 34.2908 8.90499C34.041 8.72823 33.853 8.47349 33.7268 8.14076C33.6005 7.80803 33.5374 7.40772 33.5374 6.93982C33.5374 6.47712 33.6038 6.082 33.7364 5.75448C33.8691 5.42695 34.0622 5.1761 34.316 5.00194C34.5697 4.82778 34.8768 4.7407 35.2374 4.7407C35.4049 4.7407 35.5588 4.75954 35.6991 4.79723C35.8395 4.83492 35.9632 4.89081 36.07 4.9649C36.1769 5.03898 36.2664 5.12866 36.3386 5.23394C36.4107 5.33922 36.4635 5.46074 36.497 5.59851H38.6683C38.6271 5.1982 38.5112 4.83038 38.3206 4.49505C38.13 4.15972 37.8795 3.86923 37.5691 3.62359C37.2588 3.37794 36.902 3.18818 36.4989 3.05431C36.0958 2.92044 35.6599 2.8535 35.1911 2.8535C34.6579 2.8535 34.1582 2.94383 33.692 3.1245C33.2258 3.30516 32.8149 3.5716 32.4595 3.92382C32.104 4.27605 31.8265 4.7069 31.6269 5.21639C31.4272 5.72588 31.3274 6.31076 31.3274 6.97101C31.3274 7.81323 31.4904 8.53977 31.8162 9.15064C32.142 9.76151 32.596 10.232 33.1781 10.5621C33.7602 10.8923 34.4364 11.0573 35.2065 11.0573ZM43.1537 11.0573C43.8241 11.0573 44.3985 10.9623 44.8768 10.7721C45.3551 10.582 45.7232 10.3047 45.981 9.94004C46.2389 9.57543 46.3691 9.13008 46.3717 8.60399C46.3691 8.29928 46.3208 8.01801 46.2266 7.76017C46.1325 7.50234 45.9862 7.2699 45.7876 7.06285C45.5891 6.8558 45.3338 6.67544 45.0218 6.52179C44.7098 6.36813 44.3346 6.24442 43.8963 6.15066L43.2465 6.01002C43.0583 5.97096 42.8958 5.92668 42.7591 5.8772C42.6225 5.82772 42.5103 5.77237 42.4226 5.71117C42.335 5.64997 42.2712 5.58095 42.2312 5.50412C42.1912 5.42729 42.1738 5.34069 42.179 5.24433C42.1816 5.12714 42.2164 5.02296 42.2834 4.93181C42.3504 4.84065 42.4542 4.76838 42.5948 4.71499C42.7353 4.6616 42.9164 4.63491 43.1382 4.63491C43.4863 4.63491 43.7461 4.70783 43.9176 4.85367C44.089 4.99952 44.1851 5.20266 44.2057 5.4631H46.2634C46.2608 4.93962 46.1325 4.4819 45.8785 4.08994C45.6245 3.69798 45.2642 3.39391 44.7975 3.17775C44.3308 2.96159 43.7777 2.8535 43.1382 2.8535C42.5116 2.8535 41.9566 2.96028 41.4731 3.17384C40.9896 3.3874 40.6119 3.68495 40.3398 4.0665C40.0678 4.44804 39.9331 4.89274 39.9356 5.4006C39.9331 6.02565 40.1335 6.51853 40.5371 6.87924C40.9406 7.23994 41.4931 7.49713 42.1944 7.65079L42.9835 7.82268C43.2774 7.88779 43.5108 7.95745 43.6836 8.03168C43.8563 8.1059 43.9807 8.18924 44.0568 8.2817C44.1329 8.37416 44.1722 8.48159 44.1748 8.60399C44.1722 8.73421 44.1309 8.85011 44.051 8.95168C43.9711 9.05325 43.8537 9.13268 43.699 9.18998C43.5443 9.24728 43.3522 9.27593 43.1227 9.27593C42.8494 9.27593 42.6141 9.23295 42.4168 9.14701C42.2196 9.06106 42.0668 8.93475 41.9585 8.76807C41.8502 8.60139 41.7896 8.39564 41.7767 8.15083H39.7345C39.7371 8.82016 39.8796 9.36903 40.1619 9.79745C40.4443 10.2259 40.8414 10.543 41.3532 10.7487C41.865 10.9545 42.4652 11.0573 43.1537 11.0573ZM49.5885 10.9682V8.58566L50.7823 8.58559C51.3581 8.58559 51.8653 8.48251 52.3041 8.27636L52.3694 8.24466C52.8228 8.01738 53.1755 7.69344 53.4274 7.27283C53.6794 6.85222 53.8053 6.35455 53.8053 5.77981C53.8053 5.21029 53.6826 4.71262 53.4371 4.28679C53.1917 3.86096 52.848 3.53048 52.4062 3.29536C51.9643 3.06024 51.4489 2.94268 50.8598 2.94268H47.4336V10.9682H49.5885ZM49.5575 4.63694H50.3087C50.5591 4.63694 50.7731 4.68108 50.9506 4.76935C51.1282 4.85762 51.2649 4.9841 51.3607 5.14878C51.4565 5.31346 51.5044 5.51174 51.5044 5.74362C51.5044 5.97286 51.4565 6.1718 51.3607 6.34043C51.2649 6.50907 51.1282 6.63884 50.9506 6.72975C50.7731 6.82065 50.5591 6.8661 50.3087 6.8661L49.5575 6.86624V4.63694ZM58.6283 11.0573C59.3446 11.0573 59.994 10.9007 60.5763 10.5875C61.1586 10.2742 61.6211 9.81285 61.9638 9.20328C62.3065 8.59371 62.4779 7.84442 62.4779 6.95542C62.4779 6.06641 62.3065 5.31712 61.9638 4.70755C61.6211 4.09798 61.1586 3.63658 60.5763 3.32335C59.994 3.01012 59.3446 2.8535 58.6283 2.8535C57.9069 2.8535 57.2556 3.01012 56.6746 3.32335C56.0935 3.63658 55.6323 4.09798 55.2909 4.70755C54.9495 5.31712 54.7788 6.06641 54.7788 6.95542C54.7788 7.83922 54.9495 8.58591 55.2909 9.19548C55.6323 9.80505 56.0935 10.2677 56.6746 10.5836C57.2556 10.8994 57.9069 11.0573 58.6283 11.0573ZM58.6283 9.18471C58.2731 9.18471 57.9738 9.09902 57.7306 8.92764C57.4873 8.75626 57.3033 8.50507 57.1784 8.17407C57.0536 7.84308 56.9912 7.43686 56.9912 6.95542C56.9912 6.47397 57.0536 6.06775 57.1784 5.73676C57.3033 5.40576 57.4873 5.15458 57.7306 4.98319C57.9738 4.81181 58.2731 4.72612 58.6283 4.72612C58.9836 4.72612 59.2828 4.81181 59.5261 4.98319C59.7693 5.15458 59.9534 5.40576 60.0782 5.73676C60.2031 6.06775 60.2655 6.47397 60.2655 6.95542C60.2655 7.43686 60.2031 7.84308 60.0782 8.17407C59.9534 8.50507 59.7693 8.75626 59.5261 8.92764C59.2828 9.09902 58.9836 9.18471 58.6283 9.18471ZM67.6112 10.9682V4.69825H70V2.94268H63.0973V4.69825H65.4861V10.9682H67.6112Z" fill="#F08C00"></path> </svg> <script type="module" src="/assets/Logo.astro_astro_type_script_index_0_lang.Bq0ktLQt.js"></script></a> <div> <div id="menu-overlay" class="fixed top-0 left-0 z-10 hidden w-full h-full bg-white"> <div class="container relative z-10 px-4 lg:mx-auto"> <ul class="mt-12 text-3xl font-bold text-center lg:mt-20 lg:text-5xl font-heading"> <li class="mt-4 hover:text-brand"> <a href="/" class="menu-link">Home</a> </li><li class="mt-4 hover:text-brand"> <a href="/templates" class="menu-link">Templates</a> </li><li class="mt-4 hover:text-brand"> <a href="/games" class="menu-link">Games</a> </li><li class="mt-4 hover:text-brand"> <a href="/contact" class="menu-link">Contact</a> </li><li class="mt-4 hover:text-brand"> <a href="/privacy" class="menu-link">Privacy</a> </li> </ul> </div> </div> <!-- solid dark button so it reads on both the white header and the amber blob;
the short amber bar ties it to the brand mark --> <button id="hamburger-button" type="button" aria-label="Menu" aria-expanded="false" class="relative z-10 flex items-center justify-center transition-transform duration-300 cursor-pointer w-14 h-14 rounded-2xl bg-[#2e2a46] hover:-translate-y-0.5 focus:outline-none focus-visible:ring-4 focus-visible:ring-brand/40"> <svg id="hamburger-icon" width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <line x1="1" y1="1" x2="23" y2="1" stroke="#ffffff" stroke-width="2" stroke-linecap="round"></line> <line x1="1" y1="7" x2="23" y2="7" stroke="#ffffff" stroke-width="2" stroke-linecap="round"></line> <line x1="1" y1="13" x2="12" y2="13" stroke="#ffb61a" stroke-width="2" stroke-linecap="round"></line> </svg> <svg id="close-icon" class="hidden text-white" width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <script type="module">const e=document.getElementById("menu-overlay"),n=document.getElementById("hamburger-button"),t=document.getElementById("hamburger-icon"),d=document.getElementById("close-icon"),i=document.querySelectorAll(".menu-link");let s=!1;function a(){s=!s,n?.setAttribute("aria-expanded",String(s)),s?(e?.classList.remove("hidden"),e?.classList.add("block"),t?.classList.add("hidden"),d?.classList.remove("hidden")):(e?.classList.remove("block"),e?.classList.add("hidden"),t?.classList.remove("hidden"),d?.classList.add("hidden"))}n?.addEventListener("click",a);i.forEach(c=>{c.addEventListener("click",()=>{s=!1,n?.setAttribute("aria-expanded","false"),e?.classList.remove("block"),e?.classList.add("hidden"),t?.classList.remove("hidden"),d?.classList.add("hidden")})});</script> </div> </div> </header> <section id class=" bg-transparent"> <div class="container relative z-10 px-4 lg:mx-auto"> <div class="relative z-10 flex flex-col-reverse justify-center py-12 lg:min-h-[calc(100vh-80px)] lg:flex-row lg:items-center lg:justify-between lg:py-0"> <div class="lg:w-[43%]"> <!-- fluid size + nowrap keeps each headline line unbroken ("Great software"
stays on one line) from 1024px up --> <h1 class="mb-6 text-4xl font-bold leading-none text-[#2e2a46] md:mb-10 md:text-5xl lg:text-[clamp(2.75rem,5.1vw,4.75rem)] font-heading" id="text-welcome"> <span class="block pb-1 overflow-hidden leading-[1.2] whitespace-nowrap"> <span class="block">Great software</span> </span><span class="block pb-1 overflow-hidden leading-[1.2] whitespace-nowrap"> <span class="block font-normal text-[#565073]">is built by</span> </span><span class="block pb-1 overflow-hidden leading-[1.2] whitespace-nowrap"> <span class="inline-block hero-accent">great teams</span> </span> </h1> <p class="mb-6 text-xl font-normal leading-relaxed text-[#4b4766] md:mb-10 lg:text-[1.35rem] font-content" id="text-welcome-des">We help build and manage a team of world‑class developers to bring your vision to life</p> <div id="button-hero"><a href="/contact" target="_self" class="bg-brand rounded-lg font-semibold hover:shadow-lg leading-none inline-block focus:outline-none focus-visible:ring-4 focus-visible:ring-brand/40 mr-2 font-medium text-[#2e2a46] transition-transform duration-500 transform hover:-translate-y-1 text-md py-6 px-8">Get started</a></div> <div class="mt-12 md:mt-16"> <a href="#why-us" class="flex items-center text-[#4b4766] hover:text-[#2e2a46] group"> <span class="flex items-center justify-center w-10 h-10 mr-3 transition-transform duration-300 rounded-full bg-white/70 ring-1 ring-[#2e2a46]/10 group-hover:-translate-y-0.5"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2L12 9" stroke="#27272E" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9 5L12 2L15 5" stroke="#27272E" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12 22L12 15" stroke="#27272E" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9 19L12 22L15 19" stroke="#27272E" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M21 15L6 15C4.34315 15 3 13.6569 3 12C3 10.3432 4.34314 9 6 9L21 9" stroke="#27272E" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <span class="text-lg font-light font-content">Scroll to explore</span> </a> </div> </div> <div class="flex justify-center mb-12 lg:w-[57%] lg:mb-0"> <!-- lifted on desktop so the machine sits higher in the frame --> <div class="w-full lg:-translate-y-[7%]" style="max-width: 1000px"> <div id="eg-workspace" class="eg-monitor eg-workspace" role="img" aria-label="Eggspot workspace illustration" data-astro-cid-ytry5c3c></div> <script type="module" src="/assets/Workspace.astro_astro_type_script_index_0_lang.UENe7PW8.js"></script> </div> </div> </div> <div id="s-hero-main-circle" class="absolute hidden lg:block hero-blob"></div> <div class="absolute hero-orb hero-orb--violet" id="hero-circle" style="left: -86px; top: 145px; width: 74px; height: 74px"></div> <div class="absolute hero-orb hero-orb--pink" id="hero-circle1" style="right: 40%; bottom: -200px; width: 150px; height: 150px; opacity: 0.55"></div> <div class="absolute hidden lg:block hero-ring" id="hero-circle2" style="left: -94px; bottom: -58px; width: 128px; height: 128px"></div> <div class="absolute hidden lg:block hero-orb hero-orb--amber" id="hero-dot" style="left: 33%; top: 9%; width: 22px; height: 22px"></div> <div class="absolute hidden lg:block hero-orb hero-orb--emerald" id="hero-dot1" style="left: 26%; bottom: 15%; width: 14px; height: 14px"></div> </div> </section> <script type="module" src="/assets/Hero.astro_astro_type_script_index_0_lang.C2gsfbd2.js"></script> </div> <section id="why-us" class="py-10 lg:py-32 bg-black text-white relative who-are-you overflow-hidden"> <div class="container relative z-10 px-4 lg:mx-auto"> <h4 class="mb-10 text-xl font-bold font-heading">Who We are?</h4> <div class="flex"> <div class="hidden w-1/6 lg:block"></div> <div class="lg:w-5/6"> <div> <h2 class="mb-8 text-4xl font-bold leading-tight lg:w-3/4 md:text-5xl font-heading wrap-break-word" style="word-break: break-word;">Eggspot is a software company located in Vietnam</h2> <p class="text-lg leading-relaxed lg:w-3/5 font-content">We help grow your business by bringing your ideas into actions. Technology without hatred is a blessing and hence we strive to make this world a better place through our services.</p> </div><div> <div class="flex"> <div class="w-3/5 my-16 border-t border-gray-600 lg:my-20"></div> </div> <h2 class="mb-8 text-4xl font-bold leading-tight lg:w-3/4 md:text-5xl font-heading wrap-break-word" style="word-break: break-word;">Our vision</h2> <p class="text-lg leading-relaxed lg:w-3/5 font-content">At Eggspot, we are ambitious in long-term client relationships and never compromise when it comes to quality for we are a small team that does big things! We are always venturing to be an out-of-the-box agency and completing each project on-time with efficiency is our priority.</p> </div> </div> </div> </div> <div class="absolute bottom-0 left-0 w-full" id="vision-combile-circle"> <svg viewBox="0 0 1240 721" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle opacity="0.5" cx="139" cy="578" r="45" fill="#525260"></circle> <line x1="-1.35355" y1="720.646" x2="459.68" y2="259.613" stroke="#42424A"></line> <circle cx="1106" cy="248" r="134" fill="#525260"></circle> <circle cx="460" cy="260" r="259.5" stroke="#42424A"></circle> <circle opacity="0.2" cx="360" cy="98" r="20" fill="#525260"></circle> </svg> </div> </section> <script type="module" src="/assets/Vision.astro_astro_type_script_index_0_lang.ltJbN0xh.js"></script> <section id class="py-10 lg:py-32 bg-white"> <div class="container relative z-10 px-4 lg:mx-auto"> <div class="flex flex-col items-center pb-20 lg:flex-row lamp"> <div class="lg:w-7/12"> <h4 class="mb-10 text-xl font-bold text-pink-500 font-heading">Our Services</h4> <h3 class="text-4xl font-bold leading-tight md:text-6xl font-heading">How We Bring Your Ideas Into Action</h3> </div> <div class="justify-end hidden lg:flex lg:w-5/12"> <img id="service-lamp" style="max-width: 453px" src="/services/lamp.png" class="w-full"> </div> </div> <div class="absolute bottom-0 left-0 w-10/12" style="z-index: -1"> <svg id="service-curve" viewBox="0 0 1048 701" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M855.646 700.354L155.646 0.353516M501 449.5C501 587.847 389.071 700 251 700C112.929 700 1 587.847 1 449.5C1 311.153 112.929 199 251 199C389.071 199 501 311.153 501 449.5ZM1047 565C1047 639.558 986.558 700 912 700C837.442 700 777 639.558 777 565C777 490.442 837.442 430 912 430C986.558 430 1047 490.442 1047 565Z" stroke="#E3E6E9"></path> </svg> </div> </div> <div class="py-16 border-t border-gray-300 lg:py-20 group"> <div class="container relative z-10 px-4 lg:mx-auto"> <div class="flex flex-col items-start lg:flex-row"> <div class="flex-none"> <img width="157" alt="IT Consultations" src="/services/chatbox.png" class="mx-auto"> </div> <div class="lg:ml-8"> <h5 class="mb-6 text-3xl font-bold leading-tight font-heading">IT Consultations</h5> <p class="text-lg font-light text-gray-700 font-content">Our consultations aim to help your business keep up with the ever-changing digital landscape. We understand that not all business have a core in information technology and often come across many tech related hurdles which can be very costly. With years of experience in the field, we offer custom-tailored consultancy to formulate a digital strategy and empower your business with the power of IT.</p> </div> </div> </div> </div><div class="py-16 border-t border-gray-300 lg:py-20 group"> <div class="container relative z-10 px-4 lg:mx-auto"> <div class="flex flex-col items-start lg:flex-row"> <div class="flex-none"> <img width="157" alt="Software Development" src="/services/cube.png" class="mx-auto"> </div> <div class="lg:ml-8"> <h5 class="mb-6 text-3xl font-bold leading-tight font-heading">Software Development</h5> <p class="text-lg font-light text-gray-700 font-content">We employ industry best practices to build robust and scalable custom software. Our software go through regulated testing from our expert analysts to ensure that your software application runs smoothly on all browsers or platforms. In addition, if you want to migrate your existing software to other platforms or upgrade it present version, we can help with that as well. Our team is currently working on building plugins for Hubspot, Jira and Shopify.</p> </div> </div> </div> </div><div class="py-16 border-t border-gray-300 lg:py-20 group"> <div class="container relative z-10 px-4 lg:mx-auto"> <div class="flex flex-col items-start lg:flex-row"> <div class="flex-none"> <img width="157" alt="Website Development" src="/services/cursor.png" class="mx-auto"> </div> <div class="lg:ml-8"> <h5 class="mb-6 text-3xl font-bold leading-tight font-heading">Website Development</h5> <p class="text-lg font-light text-gray-700 font-content">Every impression counts when it comes to capturing customers online. We build magnificent websites that makes the best impression about your business and adds to your brand reputation. We don’t only equip your websites with a fancy design but also ensure that its user friendly and responsive. Your online image is now, more than ever, essential to your business’s success and we help you achieve that.</p> </div> </div> </div> </div><div class="py-16 border-t border-gray-300 lg:py-20 group"> <div class="container relative z-10 px-4 lg:mx-auto"> <div class="flex flex-col items-start lg:flex-row"> <div class="flex-none"> <img width="157" alt="DevOps" src="/services/coffee.png" class="mx-auto"> </div> <div class="lg:ml-8"> <h5 class="mb-6 text-3xl font-bold leading-tight font-heading">DevOps</h5> <p class="text-lg font-light text-gray-700 font-content">DevOps is an approach to bridge the gap between ‘Development’ and ‘Operation’. It is essential to eliminate long app development cycles to gain a competitive edge. Our Dev-Ops team uses best-in-class development tools and operations to scale up your business and bring you the best of both worlds. We strive to increase efficiency and add value to your organization as an out-of-the box DevOps Service Provider.</p> </div> </div> </div> </div><div class="py-16 border-t border-gray-300 lg:py-20 group"> <div class="container relative z-10 px-4 lg:mx-auto"> <div class="flex flex-col items-start lg:flex-row"> <div class="flex-none"> <img width="157" alt="Automated testing" src="/services/clock.png" class="mx-auto"> </div> <div class="lg:ml-8"> <h5 class="mb-6 text-3xl font-bold leading-tight font-heading">Automated testing</h5> <p class="text-lg font-light text-gray-700 font-content">Automated testing comes as a relief for validation during various phases of a software project. This improves communication among coders, designers and product owners, and allows potential glitches to be immediately rectified. With Agile testing and DevOps methodologies being widely followed in the IT industry, we guarantee that you can initiate automate the testing even with a minimum viable product.</p> </div> </div> </div> </div> </section> <script type="module" src="/assets/Service.astro_astro_type_script_index_0_lang.CJ_5y8ao.js"></script> <section id class=" bg-white"> <div class="container relative z-10 px-4 lg:mx-auto"> <div class="px-6 py-16 bg-gray-300 lg:px-24 lg:py-32 rounded-xl"> <div class="flex justify-center mb-20"> <div class="lg:w-3/5"> <svg class="inllustration-tablet" style="width: 100%" viewBox="-59 0 840 724" id="circle-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <circle id="tablet-circle-1" cx="362" cy="362" r="362" stroke-width="0" fill="white" fill-opacity="0.3"></circle> <circle id="tablet-circle-2" cx="362" cy="362" r="301" stroke-width="0" fill="white" fill-opacity="0.3"></circle> <circle id="tablet-circle-3" cx="362" cy="362" r="238" stroke-width="0" fill="#5956E9"></circle> <image id="tablet-tablet" href="/tablet/tablet.png" x="202" y="150" width="388"></image> <image id="tablet-media" href="/tablet/media-tablet.png" x="445" y="100" width="220"></image> <image id="tablet-profile" href="/tablet/profile.png" x="105" y="253" width="206"></image> <image id="tablet-cloud-big" href="/tablet/cloud-big.png" x="-59" y="150" width="175"></image> <image id="tablet-cloud-small" href="/tablet/cloud.png" x="664" y="444" width="114"></image> <image id="tablet-ball" href="/tablet/ball.png" x="570" y="362" width="81"></image> </svg> <script type="module" src="/assets/Tablet.astro_astro_type_script_index_0_lang.Be3EaaJG.js"></script> </div> </div> <h4 class="mb-10 text-xl font-bold text-blue-500 font-heading">Our Team</h4> <h3 class="mb-10 text-4xl font-bold leading-tight lg:w-9/12 md:text-5xl font-heading">The digital magicians behind our success</h3> <p class="text-lg font-light text-gray-600 font-content group-hover:text-gray-700">Although small, our team is a compilation of dedicated individuals who are enigmas in their respective fields of software services. These people are some of the freshest minds in Vietnam who skip the fleeting noise of trends by always choosing to make data-driven decisions for the best results. Our consultants and developers have all the skills, tools and resources required to help our clients adapt to technological demands in the market and build up revenue through digital transformations. They optimize a 3-step method for every project that involves Planning, Implementing and Maintenance.</p> </div> </div> </section> <section id class="py-10 lg:py-32 bg-white"> <div class="container relative z-10 px-4 lg:mx-auto"> <h4 class="mb-10 text-xl font-bold text-pink-500 font-heading">Why us?</h4> <h3 class="w-9/12 mb-10 text-4xl font-bold leading-tight md:text-5xl font-heading">A software firm by the dreamers for the deamers</h3> <div class="grid gap-8 mt-20 lg:grid-cols-3"> <div class="border-pink-500 border-t-2"> <h4 class="pt-12 mb-8 text-xl font-semibold text-pink-500 font-heading">Affordable charges</h4> <p class="text-lg font-light">At Eggspot, we understand that sometimes businesses have to make do with a small IT budget and we never let that affect the quality of our services because we believe that less is more and we strive to provide high quality services at affordable costs.</p> </div><div class="border-blue-500 border-t-2"> <h4 class="pt-12 mb-8 text-xl font-semibold text-pink-500 font-heading">Fresh minds</h4> <p class="text-lg font-light">Being a start-up firm, we are always inspired to go beyond what is orthodox and implement modern solutions for modern problems.</p> </div><div class="border-yellow-500 border-t-2"> <h4 class="pt-12 mb-8 text-xl font-semibold text-pink-500 font-heading">Quality</h4> <p class="text-lg font-light">With softwares, it is very important that the end product is top notch because while we are well equipped in IT, all of our clients are not and they won’t be able to tell if something is wrong until it backfires. Hence, we spend a good portion of our time in quality assurance and trial runs</p> </div> </div> </div> </section> <section id class=" bg-white"> <div class="container relative z-10 px-4 lg:mx-auto"> <div class="relative px-6 py-20 text-center text-white bg-blue-500 lg:px-24 rounded-xl call-action"> <div class="relative z-10"> <h3 class="mx-auto mb-10 text-4xl font-bold leading-tight lg:w-7/12 md:text-5xl font-heading">Ready to use the our service?</h3> <p class="mb-10 text-lg font-light">We offer flexible pricing options for freelancing and design teams.</p> <div id="button-footer"><a href="/contact" target="_self" class="bg-white rounded-lg font-semibold hover:shadow-lg leading-none inline-block focus:outline-none focus-visible:ring-4 focus-visible:ring-brand/40 mr-2 font-medium text-blue-500 transition-transform duration-500 transform hover:-translate-y-1 text-md py-6 px-8">Contact Us Now</a></div> <div class="w-full lg:h-32"></div> <div class="mt-12 lg:absolute lg:w-3/5 lg:mt-0 illus-desktop"> <svg style="width: 100%" viewBox="0 0 1018 492" id="circle-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/desktop/chatbox.png" x="0" y="273" width="138"></image> <image href="/desktop/bell.png" x="874" y="168" width="158"></image> <image href="/desktop/desktop.png" x="207" y="0" width="700"></image> <image href="/desktop/keyboard.png" x="300" y="446" width="430"></image> <image href="/desktop/mouse.png" x="729" y="448" width="118"></image> <image href="/desktop/message.png" x="700" y="18" width="318"></image> </svg> </div> </div> <div class="absolute w-1/3" style="z-index: 0; left: 50%; transform: translateX(-50%); top: 0"> <div style="width: 100%"><svg viewBox="0 300 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="300" cy="300" r="300" stroke-width="0" fill="#6865FF" fill-opacity="0.5"></circle></svg></div> </div> <div id="callaction-circle-1" class="absolute" style="z-index: 0; right: 23%; top: 31%; width: 140px"> <div style="width: 100%"><svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="300" cy="300" r="300" stroke-width="0" fill="#6865FF"></circle></svg></div> </div> <div id="callaction-circle-2" class="absolute" style="z-index: 0; right: 12%; top: 40%; width: 24px"> <div style="width: 100%"><svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="300" cy="300" r="300" stroke-width="0" fill="#FFFFFF"></circle></svg></div> </div> <div id="callaction-circle-3" class="absolute" style="z-index: 0; left: 12%; bottom: 20%; width: 24px"> <div style="width: 100%"><svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="300" cy="300" r="300" stroke-width="0" fill="#FFFFFF"></circle></svg></div> </div> <div id="callaction-circle-4" class="absolute" style="z-index: 0; left: 22%; bottom: 40%; width: 75px"> <div style="width: 100%"><svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="300" cy="300" r="300" stroke-width="0" fill="#6865FF" fill-opacity="0.4"></circle></svg></div> </div> <div id="callaction-circle-5" class="absolute" style="z-index: 0; left: 10%; top: 10%; width: 24px"> <div style="width: 100%"><svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="300" cy="300" r="300" stroke-width="0" fill="#FFFFFF" fill-opacity="0.5"></circle></svg></div> </div> <div id="callaction-circle-6" class="absolute" style="z-index: 0; right: 20%; top: -25px; width: 50px"> <div style="width: 100%"><svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="300" cy="300" r="300" stroke-width="0" fill="#FAB8C4"></circle></svg></div> </div> <div id="callaction-circle-7" class="absolute" style="z-index: 0; left: 31%; bottom: 102px; width: 80px"> <div style="width: 100%"><svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="300" cy="300" r="300" stroke-width="0" fill="#FAB8C4"></circle></svg></div> </div> <div id="callaction-circle-8" class="absolute" style="z-index: 0; right: 15%; bottom: 80px"> <img src="/cube.png" width="265"> </div> </div> </div> </section> <script type="module" src="/assets/CallAction.astro_astro_type_script_index_0_lang.CDT0OPI9.js"></script> <footer class="py-6 mt-16 border-t border-gray-300 lg:mt-64"> <div class="container relative z-10 px-4 lg:mx-auto"> <div class="md:flex md:justify-between"> <div> <a href="/"> <svg width="100" height="20" viewBox="0 0 70 14" class="text-gray-400 fill-current hover:text-brand" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4779 6.59873V10.509L6.23153 14L2.74336 12.0505L12.4779 6.59873ZM8.36572 3.92357V3.92637L8.35529 3.93218L8.3035 5.93641L10 6.93847L1.78262 11.5032L0 10.515V8.57059L8.36572 3.92357ZM6.29532 0L9.82301 1.95269L0 7.40127V3.48468L6.29532 0ZM10.7889 2.58599L12.1769 3.35248L12.5664 3.58158V3.66989L12.5172 5.56508L10.6492 6.59873L8.93805 5.59192L8.99021 3.58127L10.7889 2.58599Z"></path> <path d="M21.4004 10.9682V9.21259H17.8306V7.83321H21.1198V6.07764H17.8306V4.69826H21.416V2.94269H15.6638V10.9682H21.4004ZM26.5341 11.0573C27.2244 11.0573 27.8367 10.9202 28.3712 10.646C28.9057 10.3717 29.3255 9.97662 29.6308 9.46063C29.936 8.94465 30.0886 8.32273 30.0886 7.59489V6.48753H26.5804V8.03159H28.017L28.0167 8.04724C28.0097 8.24553 27.9639 8.42149 27.8794 8.57512L27.8554 8.61647C27.7472 8.79323 27.5843 8.9297 27.3667 9.02588C27.149 9.12206 26.8766 9.17015 26.5495 9.17015C26.1786 9.17015 25.8682 9.08177 25.6184 8.905C25.3685 8.72824 25.1805 8.4735 25.0543 8.14077C24.9281 7.80804 24.865 7.40773 24.865 6.93983C24.865 6.47713 24.9313 6.08202 25.0639 5.75449C25.1966 5.42696 25.3898 5.17611 25.6435 5.00195C25.8972 4.82779 26.2044 4.74071 26.565 4.74071C26.7324 4.74071 26.8863 4.75955 27.0267 4.79724C27.167 4.83494 27.2907 4.89082 27.3976 4.96491C27.5045 5.03899 27.594 5.12867 27.6661 5.23395C27.7382 5.33923 27.791 5.46075 27.8245 5.59852H29.9959C29.9547 5.19821 29.8387 4.83039 29.6481 4.49506C29.4575 4.15973 29.207 3.86925 28.8967 3.6236C28.5863 3.37795 28.2295 3.18819 27.8264 3.05432C27.4233 2.92045 26.9874 2.85352 26.5186 2.85352C25.9854 2.85352 25.4857 2.94385 25.0195 3.12451C24.5533 3.30517 24.1425 3.57161 23.787 3.92383C23.4316 4.27606 23.154 4.70691 22.9544 5.2164C22.7548 5.72589 22.655 6.31077 22.655 6.97102C22.655 7.81324 22.8179 8.53978 23.1437 9.15065C23.4696 9.76152 23.9235 10.232 24.5056 10.5621C25.0878 10.8923 25.7639 11.0573 26.5341 11.0573ZM35.2066 11.0573C35.8969 11.0573 36.5093 10.9202 37.0438 10.646C37.5782 10.3717 37.9981 9.97662 38.3033 9.46063C38.6086 8.94465 38.7612 8.32273 38.7612 7.59489V6.48753H35.253V8.03159H36.6895L36.6893 8.04724C36.6823 8.24553 36.6365 8.42149 36.552 8.57512L36.528 8.61647C36.4198 8.79323 36.2569 8.9297 36.0392 9.02588C35.8216 9.12206 35.5492 9.17015 35.2221 9.17015C34.8512 9.17015 34.5408 9.08177 34.2909 8.905C34.0411 8.72824 33.8531 8.4735 33.7269 8.14077C33.6006 7.80804 33.5375 7.40773 33.5375 6.93983C33.5375 6.47713 33.6039 6.08202 33.7365 5.75449C33.8692 5.42696 34.0623 5.17611 34.3161 5.00195C34.5698 4.82779 34.8769 4.74071 35.2375 4.74071C35.405 4.74071 35.5589 4.75955 35.6992 4.79724C35.8396 4.83494 35.9632 4.89082 36.0701 4.96491C36.177 5.03899 36.2665 5.12867 36.3387 5.23395C36.4108 5.33923 36.4636 5.46075 36.4971 5.59852H38.6684C38.6272 5.19821 38.5113 4.83039 38.3207 4.49506C38.1301 4.15973 37.8796 3.86925 37.5692 3.6236C37.2589 3.37795 36.9021 3.18819 36.499 3.05432C36.0959 2.92045 35.66 2.85352 35.1912 2.85352C34.658 2.85352 34.1583 2.94385 33.6921 3.12451C33.2259 3.30517 32.815 3.57161 32.4596 3.92383C32.1041 4.27606 31.8266 4.70691 31.627 5.2164C31.4273 5.72589 31.3275 6.31077 31.3275 6.97102C31.3275 7.81324 31.4905 8.53978 31.8163 9.15065C32.1421 9.76152 32.5961 10.232 33.1782 10.5621C33.7603 10.8923 34.4365 11.0573 35.2066 11.0573ZM43.1538 11.0573C43.8242 11.0573 44.3986 10.9623 44.8769 10.7722C45.3552 10.582 45.7233 10.3047 45.9811 9.94006C46.239 9.57544 46.3692 9.13009 46.3718 8.604C46.3692 8.29929 46.3209 8.01802 46.2267 7.76018C46.1326 7.50235 45.9863 7.26991 45.7877 7.06286C45.5892 6.85581 45.3339 6.67546 45.0219 6.5218C44.7099 6.36814 44.3347 6.24443 43.8964 6.15067L43.2466 6.01003C43.0584 5.97097 42.8959 5.92669 42.7592 5.87721C42.6226 5.82773 42.5104 5.77238 42.4227 5.71118C42.3351 5.64998 42.2713 5.58096 42.2313 5.50413C42.1913 5.4273 42.1739 5.34071 42.1791 5.24434C42.1817 5.12715 42.2165 5.02297 42.2835 4.93182C42.3505 4.84066 42.4543 4.76839 42.5949 4.715C42.7354 4.66161 42.9165 4.63492 43.1383 4.63492C43.4864 4.63492 43.7462 4.70784 43.9177 4.85369C44.0891 4.99953 44.1852 5.20267 44.2058 5.46311H46.2635C46.2609 4.93963 46.1326 4.48191 45.8786 4.08995C45.6246 3.69799 45.2643 3.39393 44.7976 3.17776C44.3309 2.9616 43.7778 2.85352 43.1383 2.85352C42.5117 2.85352 41.9567 2.9603 41.4732 3.17386C40.9897 3.38742 40.612 3.68497 40.3399 4.06651C40.0679 4.44805 39.9332 4.89275 39.9357 5.40061C39.9332 6.02566 40.1336 6.51854 40.5372 6.87925C40.9407 7.23996 41.4932 7.49714 42.1945 7.6508L42.9836 7.82269C43.2775 7.8878 43.5109 7.95747 43.6837 8.03169C43.8564 8.10592 43.9808 8.18926 44.0569 8.28171C44.133 8.37417 44.1723 8.4816 44.1749 8.604C44.1723 8.73422 44.131 8.85012 44.0511 8.95169C43.9712 9.05326 43.8538 9.1327 43.6991 9.18999C43.5444 9.24729 43.3523 9.27594 43.1228 9.27594C42.8495 9.27594 42.6142 9.23296 42.4169 9.14702C42.2197 9.06107 42.0669 8.93476 41.9586 8.76808C41.8503 8.6014 41.7897 8.39565 41.7768 8.15084H39.7346C39.7372 8.82017 39.8797 9.36904 40.162 9.79747C40.4444 10.2259 40.8415 10.543 41.3533 10.7487C41.8651 10.9545 42.4653 11.0573 43.1538 11.0573ZM49.5886 10.9682V8.58567L50.7824 8.5856C51.3582 8.5856 51.8654 8.48253 52.3042 8.27637L52.3695 8.24468C52.8229 8.01739 53.1756 7.69345 53.4275 7.27284C53.6795 6.85223 53.8054 6.35456 53.8054 5.77982C53.8054 5.2103 53.6827 4.71263 53.4372 4.2868C53.1918 3.86097 52.8481 3.53049 52.4063 3.29537C51.9644 3.06025 51.449 2.94269 50.8599 2.94269H47.4337V10.9682H49.5886ZM49.5576 4.63696H50.3088C50.5592 4.63696 50.7732 4.68109 50.9507 4.76936C51.1283 4.85763 51.265 4.98411 51.3608 5.14879C51.4566 5.31348 51.5045 5.51176 51.5045 5.74363C51.5045 5.97287 51.4566 6.17181 51.3608 6.34044C51.265 6.50908 51.1283 6.63885 50.9507 6.72976C50.7732 6.82066 50.5592 6.86611 50.3088 6.86611L49.5576 6.86625V4.63696ZM58.6284 11.0573C59.3447 11.0573 59.9941 10.9007 60.5764 10.5875C61.1587 10.2743 61.6212 9.81286 61.9639 9.20329C62.3066 8.59372 62.478 7.84443 62.478 6.95543C62.478 6.06642 62.3066 5.31713 61.9639 4.70756C61.6212 4.098 61.1587 3.6366 60.5764 3.32336C59.9941 3.01013 59.3447 2.85352 58.6284 2.85352C57.907 2.85352 57.2557 3.01013 56.6747 3.32336C56.0936 3.6366 55.6324 4.098 55.291 4.70756C54.9496 5.31713 54.7789 6.06642 54.7789 6.95543C54.7789 7.83924 54.9496 8.58592 55.291 9.19549C55.6324 9.80506 56.0936 10.2678 56.6747 10.5836C57.2557 10.8994 57.907 11.0573 58.6284 11.0573ZM58.6284 9.18473C58.2732 9.18473 57.9739 9.09903 57.7307 8.92765C57.4874 8.75627 57.3034 8.50508 57.1785 8.17408C57.0537 7.84309 56.9913 7.43687 56.9913 6.95543C56.9913 6.47398 57.0537 6.06776 57.1785 5.73677C57.3034 5.40578 57.4874 5.15459 57.7307 4.9832C57.9739 4.81182 58.2732 4.72613 58.6284 4.72613C58.9837 4.72613 59.2829 4.81182 59.5262 4.9832C59.7694 5.15459 59.9535 5.40578 60.0783 5.73677C60.2032 6.06776 60.2656 6.47398 60.2656 6.95543C60.2656 7.43687 60.2032 7.84309 60.0783 8.17408C59.9535 8.50508 59.7694 8.75627 59.5262 8.92765C59.2829 9.09903 58.9837 9.18473 58.6284 9.18473ZM67.6113 10.9682V4.69826H70.0001V2.94269H63.0974V4.69826H65.4862V10.9682H67.6113Z"></path> </svg> </a> <ul class="mt-4 text-sm text-gray-500"> <li class="mb-1">EGGSPOT COMPANY LIMITED</li> <li class="mb-1">Address: 27 Tan Thoi Nhat 1B Street, Dong Hung Thuan, Ho Chi Minh City, Vietnam</li> <li class="mb-1">Business licenses: 0316092550</li> <li class="mb-1">Company establishment: 2020</li> <li class="mb-1"> <a href="mailto:hi@eggspot.app" class="hover:text-brand" target="_blank"> hi@eggspot.app </a> </li> <li class="mb-1">Phone: +84 965051305</li> </ul> </div> <div class="mt-10 md:mt-0"> <a class="flex items-center text-gray-500 hover:text-gray-600" href="#top"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2L12 9" stroke="#27272E" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9 5L12 2L15 5" stroke="#27272E" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12 22L12 15" stroke="#27272E" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9 19L12 22L15 19" stroke="#27272E" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M21 15L6 15C4.34315 15 3 13.6569 3 12C3 10.3432 4.34314 9 6 9L21 9" stroke="#27272E" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="ml-2 text-sm font-light font-content"> Back to top </span> </a> </div> </div> </div> </footer> </div> </body></html>