Skip to content

Instantly share code, notes, and snippets.

@RickCogley

RickCogley/1. index.html

Last active May 21, 2025 05:30
Show Gist options
  • Save RickCogley/41128ee576911f1aec1d6e04147fc860 to your computer and use it in GitHub Desktop.
Save RickCogley/41128ee576911f1aec1d6e04147fc860 to your computer and use it in GitHub Desktop.
Download ZIP
Pagefind subsection search test
Raw
1. index.html
<!DOCTYPE html>
<html lang="en" class="bg-sky-600"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home Top - Comp. Overview Top</title>
<meta name="supported-color-schemes" content="light dark">
<meta name="theme-color" content="hsl(33.38 100% 70%)" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="hsl(237.79 38% 28.000000000000004%)" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="/pagefind/pagefind-ui.css"><link rel="stylesheet" href="/styles.css?cb=1747793055952" type="text/css">
<link rel="alternate" href="/feed.xml" type="application/atom+xml" title="Comp. Overview Top">
<link rel="alternate" href="/feed.json" type="application/json" title="Comp. Overview Top">
<link rel="canonical" href="http://localhost:3000/en/">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/scroll-timeline.js"></script>
<script src="/js/main.js?cb=1747793055952" type="module" defer=""></script>
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
<script type="application/ld+json">{"@type":"WebSite","inLanguage":"en-US","isFamilyFriendly":true,"url":"http://localhost:3000/en/","headline":"Home Top","name":"Comp. Overview Top","description":"eSolia is your Japan local IT partner, providing a full range of IT professional services to support your business success in Japan.","author":{"@type":"Organization","name":"eSolia"},"editor":{"@type":"Organization","name":"eSolia"},"@context":"https://schema.org"}</script>
<meta property="og:type" content="website">
<meta property="og:site_name" content="Comp. Overview Top">
<meta property="og:locale" content="en">
<meta property="og:title" content="Home Top">
<meta property="og:description" content="eSolia is your Japan local IT partner, providing a full range of IT professional services to support your business success in Japan.">
<meta property="og:url" content="http://localhost:3000/en/">
<meta property="og:image" content="http://localhost:3000/assets/esolia-main-site-default-en.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@esolia_inc">
<meta name="fediverse:creator" content="@[email protected]">
<meta name="description" content="eSolia is your Japan local IT partner, providing a full range of IT professional services to support your business success in Japan.">
<meta name="keywords" content="Japan IT Support, Japan IT Consulting, Japan Project Management, Bilingual Web Development, Bilingual Web Localization, SaaS Database, Cloud Services, Procurement Processing and Inventory Control, Information Security, IT Asset Management, Helpdesk, Multilingual Support, Japan KK Corporation">
<meta name="robots" content="index, follow">
<meta name="generator" content="Lume v3.0.1">
<meta name="author" content="eSolia">
<meta name="twitter:label1" content="Written by">
<meta name="twitter:data1" content="Team eSolia">
<meta name="twitter:label2" content="Reading Time">
<meta name="twitter:data2" content="2 min">
<link rel="alternate" hreflang="ja" href="http://localhost:3000/">
<link rel="alternate" hreflang="en" href="http://localhost:3000/en/">
<script type="text/javascript" src="/pagefind/pagefind-ui.js"></script><script type="text/javascript">window.addEventListener('DOMContentLoaded',()=>{new PagefindUI({"element":"#search","showImages":false,"excerptLength":0,"showEmptyFilters":true,"showSubResults":false,"resetStyles":true,"bundlePath":"/pagefind/","baseUrl":"/"});});</script><link rel="icon" sizes="48x48" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" sizes="512x512" href="/android-chrome-512x512.png">
<link rel="icon" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" sizes="any" href="/favicon.svg" type="image/svg+xml">
</head>
<body class="bg-accent-200 lg:p-10 lg:pb-0 mx-auto relative overflow-x-hidden">
<div class="scroll-watcher"></div>
<!-- ===== skiplink.vto TEMPLATE START ===== -->
<a href="#main-content" class="absolute top-0 left-0 transform -translate-x-full z-[9999] focus-visible:translate-x-0 focus-visible:p-4 focus-visible:bg-sky-600 focus-visible:text-white focus-visible:border-2 focus-visible:border-sky-800 focus-visible:rounded-md focus-visible:underline focus-visible:font-semibold focus-visible:transition-all focus-visible:duration-300 focus-visible:ease-in-out focus:outline-none" id="skip-to-content" role="link" aria-label="Skip to main content skip link" title="Skip to main content" tabindex="0">
Skip to main content
</a>
<!-- ===== skiplink.vto TEMPLATE END ===== -->
<div class="flex flex-col min-h-dvh xl:max-w-[100rem] mx-auto">
<!-- inner start -->
<!-- ===== home.vto LAYOUT START ===== -->
<!-- ===== top-nav.vto TEMPLATE START ===== -->
<section class="bg-white/80 sticky top-0 z-20 rounded-t-md backdrop-blur shadow-sm">
<div class="2xl:max-w-7xl mx-auto px-4 sm:px-6 md:px-16 max-w-6xl py-2 lg:py-3">
<div class="flex justify-between items-center">
<a aria-label="Return to Site Top" type="button" class="pointer-events-auto block origin-left" href="/en/"><img id="large-logo" alt="eSolia full size logo linking to site top" loading="lazy" fetchpriority="high" decoding="async" class="ml-2 w-32 2xs:w-38 1xs:w-40 xs:w-44 sm:ml-1 sm:w-48 md:-ml-10 md:w-57 lg:w-64 object-cover dark:grayscale dark:invert dark:saturate-[.1] transition-opacity duration-300 scale-110" src="/assets/logo_horiz_darkblue_bgtransparent_2.svg"></a>
<div class="flex items-center space-x-1">
<nav class="pointer-events-auto hidden md:block">
<ul class="flex rounded-full bg-white/90 px-3 py-1 text-sm font-medium ring-1 shadow-lg shadow-accent-800/5 ring-accent-900/5 backdrop-blur-sm dark:bg-accent-800/90 dark:ring-white/10 divide-x-1 divide-accent-200 dark:divide-accent-200/50" role="menubar" aria-label="Navigation menu links"> <li>
<a class="group relative block whitespace-nowrap px-3 py-1 transition text-sky-600 dark:text-accent-200 hover:text-esoliaamber-700 dark:hover:text-esoliaamber-500 dark:group-hover:text-accent-100 after:content-['_↗']" href="https://blog.esolia.pro/en" target="_blank" rel="noopener" role="menuitem" aria-label="External link" title="Link to eSolia Inc. blog site">Blog<span class="absolute inset-x-1 -bottom-px h-px bg-linear-to-r from-esoliaamber-500/0 via-esoliaamber-500/40 to-esoliaamber-500/0 dark:from-accent-200/0 dark:via-accent-200/40 dark:to-accent-200/0 opacity-0 group-hover:opacity-100 transition duration-300"></span>
<span class="sr-only">(External link)</span></a>
</li>
</ul>
</nav>
<div class="pointer-events-auto md:hidden">
<button type="button" id="mobile-menu-button" aria-label="Menu" class="rounded-full bg-white/90 px-3 py-2 ring-1 shadow-lg shadow-accent-800/5 hover:bg-esoliaamber-700 ring-accent-900/5 backdrop-blur-sm transition dark:bg-accent-800/90 dark:ring-white/10 dark:hover:ring-white/20 text-sm font-medium text-sky-600 dark:text-accent-200 hover:text-white dark:hover:text-esoliaamber-500">
Menu
</button>
</div>
<div class="flex justify-end md:flex-1 z-50 space-x-1 items-center">
<div class="pointer-events-auto hidden md:block"> <a class="group rounded-full bg-white/90 px-3 py-2 ring-1 shadow-lg shadow-accent-800/5 hover:bg-esoliaamber-700 ring-accent-900/5 backdrop-blur-sm transition dark:bg-accent-800/90 dark:ring-white/10 dark:hover:ring-white/20 text-sm font-medium text-sky-600 dark:text-accent-200 hover:text-white dark:hover:text-esoliaamber-500 dark:group-hover:text-accent-100" href="/" title="ホーム トップ">
日本語<span class="absolute inset-x-1 -bottom-px h-px bg-linear-to-r from-accent-500/0 via-accent-500/40 to-accent-500/0 dark:from-accent-400/0 dark:via-accent-400/40 dark:to-accent-400/0 opacity-0 group-hover:opacity-100 transition duration-300"></span>
</a>
</div>
<div class="pointer-events-auto z-50 relative group">
<button type="button" id="search-button" aria-label="Popup Search" class="group rounded-full bg-white/90 px-3 py-2 ring-1 shadow-lg shadow-accent-800/5 ring-accent-900/5 backdrop-blur-sm transition dark:bg-zinaccentc-800/90 dark:ring-white/10 dark:hover:ring-white/20 z-50">
<span>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="h-5 w-5 fill-sky-500 stroke-sky-800 dark:fill-sky-300 dark:stroke-sky-500 transition group-hover:fill-esoliaamber-600 group-hover:stroke-esoliaamber-900 dark:group-hover:fill-sky-400 dark:group-hover:stroke-sky-600 hover:scale-110"><path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2"></path><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"></path></svg>
</span>
</button>
<div class="absolute top-full mt-2 px-2 py-1 bg-accent-200 text-accent-900 dark:bg-accent-700 dark:text-accent-200 text-sm rounded-md opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-300 pointer-events-none z-[9999] whitespace-nowrap before:content-[''] before:absolute before:bottom-full before:border-8 before:border-x-transparent before:border-t-0 before:border-b-accent-200 dark:before:border-b-accent-700 right-0 left-auto transform-none md:left-1/2 md:right-auto md:transform md:-translate-x-1/2 before:right-3 before:left-auto before:transform-none md:before:left-1/2 md:before:right-auto md:before:transform md:before:-translate-x-1/2" role="tooltip">
<kbd>Cmd</kbd>+<kbd>k</kbd> (Mac) or <br><kbd>Ctrl</kbd>+<kbd>k</kbd> (Win/Linux) <br>to Search
</div>
</div>
</div>
</div>
</div>
</div></section>
<!-- ===== top-nav.vto TEMPLATE END ===== -->
<main id="main-content" class="grow" data-pagefind-body="">
<!-- ===== top-hero-text.vto TEMPLATE START ===== -->
<section class="bg-white overflow-hidden relative z-10">
<div class="2xl:max-w-7xl mx-auto px-8 pb-0 py-6 lg:pt-8">
<div class="grid items-top gap-4 lg:grid-cols-4 max-w-5xl mx-auto">
<div class="lg:col-span-2">
<h1 class="text-2xl xs:text-3xl sm:text-4xl md:text-5xl tracking-tighter font-display text-esoliablue-800 text-shadow-2xs text-balance">
Your Japan IT Professional Services Partner
</h1>
</div>
<p class="prose prose-zinc prose-base prose-p:text-accent-900 lg:col-span-2 text-pretty lg:-mt-2">
eSolia works as a team, bringing to bear all the skills a typical IT department has, to resolve your Japan challenges. We are multilingual professionals who communicate effectively with both the HQ and Japan teams, negotiating on your behalf with local vendors. We work hard to exceed your mandate, using our well-developed support systems to document and communicate clearly.
</p>
</div>
</div>
</section>
<!-- ===== top-hero-text.vto TEMPLATE END ===== -->
<!-- ===== top-hero-ticker-image.vto TEMPLATE START ===== -->
<section class="bg-white overflow-hidden relative">
<div class="2xl:max-w-7xl mx-auto px-8 py-2 lg:py-4 m-4">
<picture><source srcset="/assets/chase-chappell-HLS3XGNS4Z8-unsplash-1280w.avif, /assets/[email protected] 2x" type="image/avif"><source srcset="/assets/chase-chappell-HLS3XGNS4Z8-unsplash-1280w.webp, /assets/[email protected] 2x" type="image/webp"><source srcset="/assets/chase-chappell-HLS3XGNS4Z8-unsplash-1280w.png, /assets/[email protected] 2x" type="image/png"><img src="/assets/chase-chappell-HLS3XGNS4Z8-unsplash-1280w.jpeg" alt="Image by Chase Chappell on Unsplash" width="1200" height="630" loading="lazy" decoding="async" class="w-full max-h-[80vh] rounded-2xl relative object-cover object-middle mt-12 shadow-md ring-1 ring-accent-900/5" srcset="/assets/[email protected] 2x"></picture>
</div>
</section>
<!-- ===== top-hero-ticker-image.vto TEMPLATE END ===== -->
<!-- ===== top-infoalert.vto TEMPLATE START ===== -->
<section role="note" class="relative isolate bg-sky-700 border-accent-300 border-b px-2 py-1.5 text-center text-[11px] sm:text-sm flex">
<div class="absolute top-1/2 left-[-1rem] lg:left-[max(-7rem,calc(50%-52rem))] -z-10 -translate-y-1/2 transform-gpu blur-2xl scale-15 sm:scale-30 md:scale-70 lg:scale-100" aria-hidden="true">
<div class="aspect-577/310 w-[36.0625rem] bg-linear-to-r from-[#00a6f4] to-[#ffbc68] opacity-30" style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"></div>
</div>
<div class="absolute top-1/2 left-[max(45rem,calc(50%+8rem))] -z-10 -translate-y-1/2 transform-gpu blur-2xl hidden xl:block scale-100" aria-hidden="true">
<div class="aspect-577/310 w-[36.0625rem] bg-linear-to-r from-[#ffbc68] to-[#0069a8] opacity-30" style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"></div>
</div>
<aside class="block max-w-9/10 mx-auto flex items-center text-center sm:text-left" role="status">
<div class="inline-block">
<span class="text-yellow-300 font-medium inline-flex items-center mr-1 align-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="size-5 fill-yellow-300 align-text-bottom mr-1 animate-pulse"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"></path><path d="M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z"></path></svg>
Update
2025-May-07:</span>
<span class="text-accent-50 font-base align-middle">We are back in the office after Golden Week! 🎏🇯🇵</span>
</div>
</aside>
</section>
<!-- ===== top-infoalert.vto TEMPLATE END ===== -->
<!-- ===== top-partners.vto TEMPLATE START ===== -->
<section class="bg-accent-50 overflow-hidden relative border-t-1 border-b-1 border-accent-200">
<div class="2xl:max-w-7xl mx-auto px-4 sm:px-6 md:px-16 max-w-6xl py-12">
<div class="grid grid-cols-1 gap-12 items-center lg:grid-cols-4 md:grid-cols-2">
<div class="col-span-full lg:col-span-1 lg:max-w-none lg:mr-auto mx-auto">
<h3 class="prose prose-zinc text-sm text-balance">
We partner with industry leaders to deliver the best services.
</h3>
</div>
<div class="md:col-span-3">
<div class="flex flex-wrap justify-around items-center gap-1">
<!-- Logos used under fair use, copyrighted to their respective owners -->
<img src="/assets/AmazonWebservices_Logo.svg" alt="#_" loading="lazy" decoding="async" class="h-6 2xl:h-8 grayscale">
<img src="/assets/Epson_logo.svg" alt="#_" loading="lazy" decoding="async" class="h-4 2xl:h-6 grayscale">
<img src="/assets/Fortinet-logo-rgb-black-red.svg" alt="#_" loading="lazy" decoding="async" class="h-11 2xl:h-13 grayscale">
<img src="/assets/softbank-itex-logo.png" alt="#_" loading="lazy" decoding="async" class="h-5 2xl:h-7 grayscale">
<img src="/assets/Microsoft_365_Copilot.svg" alt="#_" loading="lazy" decoding="async" class="h-6 2xl:h-8 grayscale">
<img src="/assets/foresoft-dbflex-logo.svg" alt="#_" loading="lazy" decoding="async" class="h-4 2xl:h-6 grayscale">
</div>
</div>
</div>
</div>
</section>
<!-- ===== top-partners.vto TEMPLATE END ===== -->
<!-- ===== top-services.vto TEMPLATE START ===== -->
<section class="bg-white overflow-hidden relative">
<div class="2xl:max-w-7xl mx-auto px-4 sm:px-6 md:px-16 max-w-6xl py-24">
<div class="w-full max-w-xl">
<div class="relative">
<div class="absolute inset-0 flex items-center" aria-hidden="true">
<div class="w-3/4 md:hidden ml-6">
<div class="h-0.5 bg-gradient-to-r from-yellow-500 to-transparent opacity-100 dark:from-yellow-400"></div>
</div>
<div class="w-full hidden md:block">
<div class="h-0.5 bg-gradient-to-r from-transparent via-yellow-500 to-transparent opacity-100 dark:via-yellow-400"></div>
</div>
</div>
<div class="relative flex justify-left md:justify-center">
<h2 id="services" class="bg-white pl-0 pr-2 md:pl-2 text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-wider text-yellow-500 font-light [font-variant:small-caps]"><a class="text-yellow-500 hover:text-sky-500" href="#services">Our Services</a></h2>
</div>
</div>
<h3 class="relative text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-tighter font-display text-sky-900 text-shadow-2xs text-balance mt-4 md:mt-6 z-10 md:inline-block before:content-[''] before:absolute before:-left-4 before:top-0 before:bottom-0 before:w-40 before:bg-gradient-to-r before:from-accent-100 before:to-transparent before:-z-10">
Your Challenges are our Service Mandates
</h3>
<p class="prose prose-zinc prose-base prose-p:text-accent-900 sm:prose-md md:prose-xl mt-6 md:mt-8 text-balance">
eSolia provides a full range of IT services based in Tokyo, supporting your Japan business success.
</p>
</div>
<div class="flex flex-col flex-shrink-0 gap-8 md:flex-row md:gap-12 mt-12 md:items-center no-external-icon">
<ul role="list" class="list-disc marker:text-sky-400 flex flex-col gap-y-2 max-w-xl w-full ml-4">
<li class="prose prose-zinc prose-base prose-li:text-accent-700"> IT Consulting </li>
<li class="prose prose-zinc prose-base prose-li:text-accent-700"> Web Development and Localization </li>
<li class="prose prose-zinc prose-base prose-li:text-accent-700"> Procurement and Inventory Processing </li>
<li class="prose prose-zinc prose-base prose-li:text-accent-700"> Helpdesk </li>
<li class="prose prose-zinc prose-base prose-li:text-accent-700"> Project Management </li>
<li class="prose prose-zinc prose-base prose-li:text-accent-700"> Remote and Onsite IT Support </li>
<li class="prose prose-zinc prose-base prose-li:text-accent-700"> IT Asset Management </li>
<li class="prose prose-zinc prose-base prose-li:text-accent-700"> Information Security </li>
<li class="prose prose-zinc prose-base prose-li:text-accent-700"> Reliable PaaS Cloud Database PROdb </li>
</ul>
<a href="https://esolia.com/services" target="_blank" rel="noopener" title="Learn more" aria-label="Learn more button" class="flex flex-col size-32 text-sm md:text-base lg:text-2xl xl:text-3xl text-center md:size-32 shrink-0 lg:size-52 2xl:size-64
text-white hover:bg-yellow-600 hover:text-accent-200 duration-300 items-center justify-center rounded-full
bg-yellow-500/[0.7]
bg-[url('/assets/leaf.svg')] bg-repeat bg-fixed bg-[size:50px_25px] inset-shadow-sm/50">
<span>Learn</span> <span>More</span>
</a>
</div>
</div>
</section>
<!-- ===== top-services.vto TEMPLATE END ===== -->
<!-- ===== top-certs.vto TEMPLATE START ===== -->
<section class="bg-accent-50 overflow-hidden relative border-t-1 border-accent-200">
<div class="2xl:max-w-7xl mx-auto px-4 sm:px-6 md:px-16 max-w-6xl pt-8 pb-8">
<div class="grid grid-cols-1 gap-12 items-center lg:grid-cols-4 md:grid-cols-2">
<div class="col-span-full lg:col-span-1 lg:max-w-none lg:mr-auto mx-auto">
<h3 class="prose prose-zinc text-sm text-balance">
Our experienced bilingual professionals achieve not just industry certifications, but sharpen their knowledge continually via extensive internal training and testing.
</h3>
</div>
<div class="md:col-span-3">
<div class="flex flex-wrap justify-around items-center gap-1">
<!-- Logos used under fair use, copyrighted to their respective owners -->
<img src="/assets/logo_horiz_darkblue_bgtransparent.svg" alt="#_" loading="lazy" decoding="async" class="h-6 2xl:h-8 grayscale">
<img src="/assets/joho-gakushu_logo2.jpg" alt="#_" loading="lazy" decoding="async" class="h-4 2xl:h-6 grayscale">
<img src="/assets/Microsoft_365_Copilot.svg" alt="#_" loading="lazy" decoding="async" class="h-6 2xl:h-8 grayscale">
<img src="/assets/ipa-it-passport-exam-logo-symbol.png" alt="#_" loading="lazy" decoding="async" class="h-6 2xl:h-8 grayscale">
<img src="/assets/Fortinet-logo-rgb-black-red.svg" alt="#_" loading="lazy" decoding="async" class="h-11 2xl:h-13 grayscale">
<img src="/assets/Comptia-logo.svg" alt="#_" loading="lazy" decoding="async" class="h-5 2xl:h-7 grayscale">
<img src="/assets/ideo-u-logo.png" alt="#_" loading="lazy" decoding="async" class="h-6 2xl:h-8 grayscale">
</div>
</div>
</div>
</div>
</section>
<!-- ===== top-certs.vto TEMPLATE END ===== -->
<!-- ===== top-trackrecord.vto TEMPLATE START ===== -->
<section class="relative bg-white border-t-1 border-b-1 border-accent-200 overflow-hidden">
<picture><source srcset="/assets/javier-allegue-barros-i5Kx0P8A0d4-unsplash-1280w.avif, /assets/[email protected] 2x" type="image/avif"><source srcset="/assets/javier-allegue-barros-i5Kx0P8A0d4-unsplash-1280w.webp, /assets/[email protected] 2x" type="image/webp"><source srcset="/assets/javier-allegue-barros-i5Kx0P8A0d4-unsplash-1280w.png, /assets/[email protected] 2x" type="image/png"><img class="h-56 w-full bg-accent-50 object-cover lg:absolute lg:inset-y-0 lg:left-0 lg:h-full lg:w-1/2" src="/assets/javier-allegue-barros-i5Kx0P8A0d4-unsplash-1280w.jpeg" alt="Image by Javier Allegue Barros via Unsplash" loading="lazy" decoding="async" srcset="/assets/[email protected] 2x"></picture>
<div class="mx-auto grid max-w-7xl lg:grid-cols-2">
<div class="px-6 pt-16 pb-24 sm:pt-20 sm:pb-32 lg:col-start-2 lg:px-8 lg:pt-32">
<div class="mx-auto max-w-2xl lg:mr-0 lg:max-w-lg">
<div class="relative">
<div class="absolute inset-0 flex items-center" aria-hidden="true">
<div class="w-3/4 md:hidden ml-6">
<div class="h-0.5 bg-gradient-to-r from-yellow-500 to-transparent opacity-100 dark:from-yellow-400"></div>
</div>
<div class="w-full hidden md:block">
<div class="h-0.5 bg-gradient-to-r from-transparent via-yellow-500 to-transparent opacity-100 dark:via-yellow-400"></div>
</div>
</div>
<div class="relative flex justify-left md:justify-center">
<h2 id="trackrecord" class="bg-white pl-0 pr-2 md:pl-2 text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-wider text-yellow-500 font-light [font-variant:small-caps]"><a class="text-yellow-500 hover:text-sky-500" href="#trackrecord">Our Track Record</a></h2>
</div>
</div>
<h3 class="relative text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-tighter font-display text-sky-900 text-shadow-2xs text-balance mt-4 md:mt-6 z-10 md:inline-block before:content-[''] before:absolute before:-left-4 before:top-0 before:bottom-0 before:w-40 before:bg-gradient-to-r before:from-accent-100 before:to-transparent before:-z-10">
A Trusted Team for Japan Project Success
</h3>
<p class="prose prose-zinc prose-base prose-p:text-accent-900 sm:prose-md md:prose-xl mt-6 md:mt-8 text-balance">
Because we have served a variety of blue-chip foreign and Japanese organizations in Japan for approaching <mark>26</mark> years, we have the experience to understand your needs and a real track record for delivering success for Japan projects. eSolia is itself a multi-cultural, multi-language organization, and we have the confidence to find solutions for all your system and process challenges.
</p>
<dl class="mt-16 grid max-w-xl grid-cols-1 gap-8 sm:mt-20 sm:grid-cols-2 xl:mt-16">
<div class="flex flex-col gap-y-3 border-l border-accent-900/10 pl-6">
<dt class="text-sm/6 text-accent-600">Pros per Account</dt>
<dd class="order-first text-3xl font-semibold tracking-tight text-esoliablue-600">2</dd>
</div>
<div class="flex flex-col gap-y-3 border-l border-accent-900/10 pl-6">
<dt class="text-sm/6 text-accent-600">Management Team Experience</dt>
<dd class="order-first text-3xl font-semibold tracking-tight text-pink-600">100+ years</dd>
</div>
<div class="flex flex-col gap-y-3 border-l border-accent-900/10 pl-6">
<dt class="text-sm/6 text-accent-600">Hours Booked over 5 Years</dt>
<dd class="order-first text-3xl font-semibold tracking-tight text-sky-700">60,000+</dd>
</div>
<div class="flex flex-col gap-y-3 border-l border-accent-900/10 pl-6">
<dt class="text-sm/6 text-accent-600">Tickets Resolved Annually</dt>
<dd class="order-first text-3xl font-semibold tracking-tight text-yellow-500">3,000+</dd>
</div>
</dl>
</div>
</div>
</div>
</section>
<!-- ===== top-trackrecord.vto TEMPLATE END ===== -->
<!-- ===== top-projects.vto TEMPLATE START ===== -->
<section class="bg-white overflow-hidden relative py-20 sm:py-20">
<div class="2xl:max-w-7xl mx-auto px-4 sm:px-6 md:px-16 max-w-6xl">
<div class="mx-auto max-w-2xl text-left md:text-center">
<div class="relative">
<div class="absolute inset-0 flex items-center" aria-hidden="true">
<div class="w-3/4 md:hidden ml-6">
<div class="h-0.5 bg-gradient-to-r from-yellow-500 to-transparent opacity-100 dark:from-yellow-400"></div>
</div>
<div class="w-full hidden md:block">
<div class="h-0.5 bg-gradient-to-r from-transparent via-yellow-500 to-transparent opacity-100 dark:via-yellow-400"></div>
</div>
</div>
<div class="relative flex justify-left md:justify-center">
<h2 id="projects" class="bg-white pl-0 pr-2 md:pl-2 text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-wider text-yellow-500 font-light [font-variant:small-caps]"><a class="text-yellow-500 hover:text-sky-500" href="#projects">Our Work</a></h2>
</div>
</div>
<h3 class="relative text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-tighter font-display text-sky-900 text-shadow-2xs text-balance mt-4 md:mt-6 z-10 md:inline-block before:content-[''] before:absolute before:-left-4 before:top-0 before:bottom-0 before:w-40 before:bg-gradient-to-r before:from-accent-100 before:to-transparent before:-z-10">
Recent Project Success
</h3>
<p class="prose prose-zinc prose-base prose-p:text-accent-900 sm:prose-md md:prose-xl mt-6 md:mt-8 text-balance">
We work with the HQ IT departments of our clients, to ensure project success, coordinating with local vendors in Japanese, and explaining to HQ IT management in English. Here are a couple recent achievements.
</p>
<div class="mt-6 flex items-center justify-start md:justify-center">
<a href="https://esolia.com/success-stories" target="_blank" rel="noopener" class="rounded-md bg-yellow-500 px-3.5 py-2.5 text-l 2xs:text-xl md:text-2xl font-base text-white shadow-xs hover:bg-yellow-600 hover:text-accent-200 duration-300 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white after:content-['_↗']">See all our projects</a>
</div>
</div>
<div class="mx-auto mt-1 grid max-w-2xl auto-rows-fr grid-cols-1 gap-8 mt-8 sm:mt-16 lg:mx-0 lg:max-w-none lg:grid-cols-3 flex-wrap">
<article class="relative isolate flex flex-col overflow-hidden rounded-2xl
bg-gradient-to-br from-sky-900 via-sky-600 to-sky-500 dark:bg-gradient-to-br dark:from-sky-900 dark:via-sky-700 dark:to-sky-600
grayscale opacity-90 shadow-md px-8 pt-8 pb-8 sm:pt-10 lg:pt-12">
<div class="absolute inset-0 -z-10 rounded-2xl bg-accent-100 blur opacity-50"></div>
<div class="absolute inset-0 -z-10 rounded-2xl ring-1 ring-accent-900/10 ring-inset blur opacity-25"></div>
<div class="flex flex-wrap items-center gap-y-1 overflow-hidden text-sm/6">
<time datetime="2024-05-13" class="mr-8 text-accent-700">2024-May-13</time>
</div>
<h3 class="mt-3 text-lg/6 font-semibold text-white">
<span class="absolute inset-0"></span>
Law Firm </h3>
<div class="text-white mt-5 text-sm/6 leading-6">
Handle all aspects of IT install or upgrade for office move in Tokyo, within the same building to consolidate space, performing project management and coordination of move vendors vis-à-vis IT, reporting to HQ IT.<br>
<br>
- Structured LAN cabling (floor and vertical)<br>
- Large, redundant UPS deployment<br>
- Wireless install and test<br>
- Network including site-to-site VPN to HQ and DC deployment<br>
- Phone system test after 3rd party migration<br>
- Multi-function printers install and test<br>
- Video conferencing system design, install and test<br>
- Physical security and CCTV system design, install and test<br>
- Various new peripherals for end-users and others </div>
</article>
<article class="relative isolate flex flex-col overflow-hidden rounded-2xl
bg-gradient-to-br from-sky-700 to-teal-500 dark:bg-gradient-to-br dark:from-sky-900 dark:to-teal-700
grayscale opacity-90 shadow-md px-8 pt-8 pb-8 sm:pt-10 lg:pt-12">
<div class="absolute inset-0 -z-10 rounded-2xl bg-accent-100 blur opacity-50"></div>
<div class="absolute inset-0 -z-10 rounded-2xl ring-1 ring-accent-900/10 ring-inset blur opacity-25"></div>
<div class="flex flex-wrap items-center gap-y-1 overflow-hidden text-sm/6">
<time datetime="2025-03-01" class="mr-8 text-accent-700">2025-Mar-01</time>
</div>
<h3 class="mt-3 text-lg/6 font-semibold text-white">
<span class="absolute inset-0"></span>
Finance Firm </h3>
<div class="text-white mt-5 text-sm/6 leading-6">
Perform IT equipment shutdown and restart, during annual planned building power outage.<br>
<br>
- Equipment check and shutdown<br>
- Perform 2400VA PBX replacement<br>
- Reconnection and startup<br>
- Old equipment removal from rack and decommissioning </div>
</article>
<article class="relative isolate flex flex-col overflow-hidden rounded-2xl
bg-gradient-to-br from-sky-900 via-sky-600 to-sky-500 dark:bg-gradient-to-br dark:from-sky-900 dark:via-sky-700 dark:to-sky-600
grayscale opacity-90 shadow-md px-8 pt-8 pb-8 sm:pt-10 lg:pt-12">
<div class="absolute inset-0 -z-10 rounded-2xl bg-accent-100 blur opacity-50"></div>
<div class="absolute inset-0 -z-10 rounded-2xl ring-1 ring-accent-900/10 ring-inset blur opacity-25"></div>
<div class="flex flex-wrap items-center gap-y-1 overflow-hidden text-sm/6">
<time datetime="2024-10-15" class="mr-8 text-accent-700">2024-Oct-15</time>
</div>
<h3 class="mt-3 text-lg/6 font-semibold text-white">
<span class="absolute inset-0"></span>
Finance Firm </h3>
<div class="text-white mt-5 text-sm/6 leading-6">
Handle all aspects of IT for an urgent office move for a Tokyo-based startup, performing PM and vendor coordination.<br>
<br>
- Infra design emphasizing security but with superior cost-performance<br>
- Structured cable, system rack with environment monitoring and, redundant UPS and Internet<br>
- Fortinet firewalls, switches, and wireless<br>
- Poly IP desk phones connect to a voice gateway<br>
- Several conference rooms kitted with a Logitech VC system for Zoom meetings<br>
- Various end-user systems built and installed<br>
<br> </div>
</article>
</div>
</div>
</section>
<!-- ===== top-projects.vto TEMPLATE END ===== -->
<!-- ===== top-why.vto TEMPLATE START ===== -->
<section class="relative overflow-hidden min-h-[60vh] flex items-center justify-center [background-image:url('/assets/ryoji-iwata-T1FvAeD59o0-unsplash.jpg')] [background-attachment:fixed] bg-cover bg-center bg-accent-700">
<div class="absolute inset-0 bg-accent-500/95 z-0"></div>
<div class="2xl:max-w-7xl mx-auto px-4 sm:px-6 md:px-16 max-w-6xl py-12 relative z-10">
<div class="px-8 py-12 mx-auto max-w-8xl md:px-16">
<div class="flex flex-col max-w-2xl lg:ml-auto">
<div class="relative max-w-xl">
<div class="absolute inset-0 flex items-center" aria-hidden="true">
<div class="w-3/4 md:hidden ml-6">
<div class="h-0.5 bg-gradient-to-r from-yellow-500 to-transparent opacity-100 dark:from-yellow-400"></div>
</div>
<div class="w-full hidden md:block">
<div class="h-0.5 bg-gradient-to-r from-transparent via-yellow-500 to-transparent opacity-100 dark:via-yellow-400"></div>
</div>
</div>
<div class="relative flex justify-left md:justify-center">
<h2 id="whyesolia" class="bg-yellow-500 rounded pl-0 pr-2 md:pl-2 text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-wider text-white font-light [font-variant:small-caps]"><a class="hover:text-sky-500" href="#whyesolia">Why eSolia</a></h2>
</div>
</div>
<h3 class="relative text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-tighter font-display text-sky-500 text-shadow-2xs text-balance mt-4 md:mt-6 z-10 md:inline-block before:content-[''] before:absolute before:-left-4 before:top-0 before:bottom-0 before:w-40 before:bg-gradient-to-r before:from-sky-950/20 before:to-transparent before:-z-10">
What are the reasons to choose eSolia?
</h3>
<p class="prose prose-zinc text-white prose-base sm:prose-md md:prose-xl mt-6 md:mt-8 text-balance">
Client requirements are our first in our minds as we deliver our services. We use a range of tools and techniques to accommodate your directives, standards and mandate, in the most flexible manner possible. Please get in touch for a discussion, and we will be happy to provide a proposal and quote for your consideration.
</p>
</div>
<dl class="grid gap-12 lg:grid-cols-2 mt-8 lg:mt-12 lg:max-w-2xl lg:ml-auto">
<div class="flex flex-col">
<dt class="flex items-center gap-x-2 font-display text-sky-500 text-shadow-2xs text-lg sm:text-lg md:text-xl lg:text-2xl tracking-tighter">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="size-6 fill-accent-200"><path d="M224,56V90.06h0a44,44,0,1,0-56,67.88h0V192H40a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z" opacity="0.2"></path><path d="M128,136a8,8,0,0,1-8,8H72a8,8,0,0,1,0-16h48A8,8,0,0,1,128,136Zm-8-40H72a8,8,0,0,0,0,16h48a8,8,0,0,0,0-16Zm112,65.47V224A8,8,0,0,1,220,231l-24-13.74L172,231A8,8,0,0,1,160,224V200H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216a16,16,0,0,1,16,16V86.53a51.88,51.88,0,0,1,0,74.94ZM160,184V161.47A52,52,0,0,1,216,76V56H40V184Zm56-12a51.88,51.88,0,0,1-40,0v38.22l16-9.16a8,8,0,0,1,7.94,0l16,9.16Zm16-48a36,36,0,1,0-36,36A36,36,0,0,0,232,124Z"></path></svg>
Expertise
</dt>
<dd class="prose prose-zinc text-accent-50 text-base mt-4 text-pretty">
Our team comprises multilingual certified professionals possessing real-world experience in a wide range of IT disciplines.
</dd>
</div>
<div class="flex flex-col">
<dt class="flex items-center gap-x-2 font-display text-sky-500 text-shadow-2xs text-lg sm:text-lg md:text-xl lg:text-2xl tracking-tighter">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="size-6 fill-accent-200"><path d="M224,56v60c-19.89,17.23-38.23,18.39-56,13.48v-60C185.76,74.39,204.11,73.23,224,56ZM104,102.52v-60C86.24,37.61,67.89,38.77,48,56v60c19.89-17.22,38.23-18.39,56-13.48v60c21.62,6,42.38,21,64,27v-60c-21.62-6-42.38-21-64-27Z" opacity="0.2"></path><path d="M227.32,48.75A8,8,0,0,0,218.76,50c-28,24.22-51.72,12.48-79.21-1.13C111.07,34.76,78.78,18.79,42.76,50A8,8,0,0,0,40,56V224a8,8,0,0,0,16,0V179.77c26.79-21.16,49.87-9.75,76.45,3.41,28.49,14.09,60.77,30.06,96.79-1.13a8,8,0,0,0,2.76-6V56A8,8,0,0,0,227.32,48.75ZM216,71.6v40.65c-14,11.06-27,13.22-40,10.88V79.34A60.05,60.05,0,0,0,216,71.6Zm-56,3.76v43c-6.66-2.67-13.43-6-20.45-9.48-8.82-4.37-18-8.91-27.55-12.18v-43c6.66,2.66,13.43,6,20.45,9.48C141.27,67.55,150.46,72.09,160,75.36ZM96,48.91V92.69a60.06,60.06,0,0,0-40,7.75V59.78C70,48.72,83,46.57,96,48.91ZM86.58,152A60.06,60.06,0,0,0,56,160.43V119.78c14-11.06,27-13.22,40-10.88v43.8A65.61,65.61,0,0,0,86.58,152ZM112,156.67v-43c6.66,2.66,13.43,6,20.45,9.48,8.82,4.37,18,8.9,27.55,12.17v43c-6.66-2.67-13.43-6-20.45-9.48C130.73,164.47,121.54,159.94,112,156.67Zm64,26.45v-43.8a65.61,65.61,0,0,0,9.42.72A60.11,60.11,0,0,0,216,131.57v40.68C202,183.31,189,185.46,176,183.12Z"></path></svg>
Proven Track Record
</dt>
<dd class="prose prose-zinc text-accent-50 text-base mt-4 text-pretty">
We have a proven track record of success in delivering IT solutions to clients in Japan for over a quarter century since 1999, with a steadfast focus on quality and customer satisfaction.
</dd>
</div>
<div class="flex flex-col">
<dt class="flex items-center gap-x-2 font-display text-sky-500 text-shadow-2xs text-lg sm:text-lg md:text-xl lg:text-2xl tracking-tighter">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="size-6 fill-accent-200"><path d="M16,152H48v56H16a8,8,0,0,1-8-8V160A8,8,0,0,1,16,152ZM192.54,40A39.12,39.12,0,0,0,156,64a39.12,39.12,0,0,0-36.54-24C97.67,40,80,58.31,80,80c0,14.56,7,27.71,16.73,40H140a20,20,0,0,1,0,40h4l37.78-8.68C203.82,135.07,232,109.23,232,80,232,58.31,214.33,40,192.54,40Z" opacity="0.2"></path><path d="M230.33,141.06a24.34,24.34,0,0,0-18.61-4.77C230.5,117.33,240,98.48,240,80c0-26.47-21.29-48-47.46-48A47.58,47.58,0,0,0,156,48.75,47.58,47.58,0,0,0,119.46,32C93.29,32,72,53.53,72,80c0,11,3.24,21.69,10.06,33a31.87,31.87,0,0,0-14.75,8.4L44.69,144H16A16,16,0,0,0,0,160v40a16,16,0,0,0,16,16H120a7.93,7.93,0,0,0,1.94-.24l64-16a6.94,6.94,0,0,0,1.19-.4L226,182.82l.44-.2a24.6,24.6,0,0,0,3.93-41.56ZM119.46,48A31.15,31.15,0,0,1,148.6,67a8,8,0,0,0,14.8,0,31.15,31.15,0,0,1,29.14-19C209.59,48,224,62.65,224,80c0,19.51-15.79,41.58-45.66,63.9l-11.09,2.55A28,28,0,0,0,140,112H100.68C92.05,100.36,88,90.12,88,80,88,62.65,102.41,48,119.46,48ZM16,160H40v40H16Zm203.43,8.21-38,16.18L119,200H56V155.31l22.63-22.62A15.86,15.86,0,0,1,89.94,128H140a12,12,0,0,1,0,24H112a8,8,0,0,0,0,16h32a8.32,8.32,0,0,0,1.79-.2l67-15.41.31-.08a8.6,8.6,0,0,1,6.3,15.9Z"></path></svg>
Professionalism
</dt>
<dd class="prose prose-zinc text-accent-50 text-base mt-4 text-pretty">
We are committed to professionalism in all our work, ensuring that we maintain the highest standards of conduct and ethics. Our members pledge to honor security and confidentiality, protect privacy, share knowledge, listen and learn actively, and improve iteratively.
</dd>
</div>
<div class="flex flex-col">
<dt class="flex items-center gap-x-2 font-display text-sky-500 text-shadow-2xs text-lg sm:text-lg md:text-xl lg:text-2xl tracking-tighter">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="size-6 fill-accent-200"><path d="M232,120v72a8,8,0,0,1-8,8H32a8,8,0,0,1-8-8V120Z" opacity="0.2"></path><path d="M224,64H176V56a24,24,0,0,0-24-24H104A24,24,0,0,0,80,56v8H32A16,16,0,0,0,16,80V192a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V80A16,16,0,0,0,224,64ZM96,56a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96ZM32,80H224v32H192v-8a8,8,0,0,0-16,0v8H80v-8a8,8,0,0,0-16,0v8H32ZM224,192H32V128H64v8a8,8,0,0,0,16,0v-8h96v8a8,8,0,0,0,16,0v-8h32v64Z"></path></svg>
Tools &amp; Techniques
</dt>
<dd class="prose prose-zinc text-accent-50 text-base mt-4 text-pretty">
Experience has let us design, assemble or develop various tools and techniques used in our professional practice, from work instructions and templates, to database applications built in our PaaS PROdb for time and expense, work logging for helpdesk and projects, and ongoing learning.
</dd>
</div>
<div class="flex flex-col">
<dt class="flex items-center gap-x-2 font-display text-sky-500 text-shadow-2xs text-lg sm:text-lg md:text-xl lg:text-2xl tracking-tighter">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="size-6 fill-accent-200"><path d="M216,56v56c0,96-88,120-88,120S40,208,40,112V56a8,8,0,0,1,8-8H208A8,8,0,0,1,216,56Z" opacity="0.2"></path><path d="M208,40H48A16,16,0,0,0,32,56v56c0,52.72,25.52,84.67,46.93,102.19,23.06,18.86,46,25.26,47,25.53a8,8,0,0,0,4.2,0c1-.27,23.91-6.67,47-25.53C198.48,196.67,224,164.72,224,112V56A16,16,0,0,0,208,40Zm0,72c0,37.07-13.66,67.16-40.6,89.42A129.3,129.3,0,0,1,128,223.62a128.25,128.25,0,0,1-38.92-21.81C61.82,179.51,48,149.3,48,112l0-56,160,0ZM82.34,141.66a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32l-56,56a8,8,0,0,1-11.32,0Z"></path></svg>
Secure &amp; Private
</dt>
<dd class="prose prose-zinc text-accent-50 text-base mt-4 text-pretty">
We follow ISO 27001 and other standards to prioritize information security and privacy in all our services, practices and developed systems, ensuring that your data is protected at all times.
</dd>
</div>
<div class="flex flex-col">
<dt class="flex items-center gap-x-2 font-display text-sky-500 text-shadow-2xs text-lg sm:text-lg md:text-xl lg:text-2xl tracking-tighter">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="size-6 fill-accent-200"><path d="M128,200c-15.37,0-40.77-.18-70-17.64S19.31,143,16.28,131.82A7.94,7.94,0,0,1,21.74,122a69.59,69.59,0,0,1,30.82-.64h0c-7.63-23.88-4-42.44-1-51.71A8.2,8.2,0,0,1,61,64.18C68.56,65.79,81.28,70,94.6,80.8v0A108.49,108.49,0,0,0,88,119.18C88,178,128,200,128,200Zm106.26-78a69.59,69.59,0,0,0-30.82-.64h0c7.63-23.88,4-42.44,1-51.71A8.2,8.2,0,0,0,195,64.18c-7.52,1.61-20.24,5.8-33.56,16.62v0A108.49,108.49,0,0,1,168,119.18C168,178,128,200,128,200c15.37,0,40.77-.18,70-17.64s38.69-39.34,41.72-50.54A7.94,7.94,0,0,0,234.26,122Z" opacity="0.2"></path><path d="M245.83,121.63a15.53,15.53,0,0,0-9.52-7.33,73.51,73.51,0,0,0-22.17-2.22c4-19.85,1-35.55-2.06-44.86a16.15,16.15,0,0,0-18.79-10.88,85.53,85.53,0,0,0-28.55,12.12,94.58,94.58,0,0,0-27.11-33.25,16.05,16.05,0,0,0-19.26,0A94.48,94.48,0,0,0,91.26,68.46,85.53,85.53,0,0,0,62.71,56.34,16.15,16.15,0,0,0,43.92,67.22c-3,9.31-6,25-2.06,44.86a73.51,73.51,0,0,0-22.17,2.22,15.53,15.53,0,0,0-9.52,7.33,16,16,0,0,0-1.6,12.27c3.39,12.57,13.8,36.48,45.33,55.32S113.13,208,128.05,208s42.67,0,74-18.78c31.53-18.84,41.94-42.75,45.33-55.32A16,16,0,0,0,245.83,121.63ZM59.14,72.14a.2.2,0,0,1,.23-.15A70.43,70.43,0,0,1,85.18,83.66,118.65,118.65,0,0,0,80,119.17c0,18.74,3.77,34,9.11,46.28A123.59,123.59,0,0,1,69.57,140C51.55,108.62,55.3,84,59.14,72.14Zm3,103.35C35.47,159.57,26.82,140.05,24,129.7a59.82,59.82,0,0,1,22.5-1.17,129.08,129.08,0,0,0,9.15,19.41,142.28,142.28,0,0,0,34,39.56A114.92,114.92,0,0,1,62.1,175.49ZM128,190.4c-9.33-6.94-32-28.23-32-71.23C96,76.7,118.38,55.24,128,48c9.62,7.26,32,28.72,32,71.19C160,162.17,137.33,183.46,128,190.4ZM170.82,83.66A70.43,70.43,0,0,1,196.63,72a.2.2,0,0,1,.23.15C200.7,84,204.45,108.62,186.43,140a123.32,123.32,0,0,1-19.54,25.48c5.34-12.26,9.11-27.54,9.11-46.28A118.65,118.65,0,0,0,170.82,83.66ZM232,129.72c-2.77,10.25-11.4,29.81-38.09,45.77a114.92,114.92,0,0,1-27.55,12,142.28,142.28,0,0,0,34-39.56,129.08,129.08,0,0,0,9.15-19.41A59.69,59.69,0,0,1,232,129.71Z"></path></svg>
Service Value
</dt>
<dd class="prose prose-zinc text-accent-50 text-base mt-4 text-pretty">
We are not a temp staff company, and our value is achieved because we strive as a team on behalf of our clients, responsibly performing the services consigned to us.
</dd>
</div>
</dl>
</div>
</div>
</section>
<!-- ===== top-why.vto TEMPLATE END ===== -->
<!-- ===== top-testimonials.vto TEMPLATE START ===== -->
<section class="bg-white overflow-hidden relative">
<div class="2xl:max-w-7xl mx-auto px-4 sm:px-6 md:px-16 max-w-6xl py-16">
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div>
<div class="relative">
<div class="absolute inset-0 flex items-center" aria-hidden="true">
<div class="w-3/4 md:hidden ml-6">
<div class="h-0.5 bg-gradient-to-r from-yellow-500 to-transparent opacity-100 dark:from-yellow-400"></div>
</div>
<div class="w-full hidden md:block">
<div class="h-0.5 bg-gradient-to-r from-transparent via-yellow-500 to-transparent opacity-100 dark:via-yellow-400"></div>
</div>
</div>
<div class="relative flex justify-left md:justify-center">
<h2 id="testimonials" class="bg-white pl-0 pr-2 md:pl-2 text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-wider text-yellow-500 font-light [font-variant:small-caps]"><a class="text-yellow-500 hover:text-sky-500" href="#testimonials">Testimonials</a></h2>
</div>
</div>
<h3 class="relative text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-tighter font-display text-sky-900 text-shadow-2xs text-balance mt-4 md:mt-6 z-10 md:inline-block before:content-[''] before:absolute before:-left-4 before:top-0 before:bottom-0 before:w-40 before:bg-gradient-to-r before:from-accent-100 before:to-transparent before:-z-10">
What our clients say
</h3>
<p class="prose prose-zinc prose-base prose-p:text-accent-900 sm:prose-md md:prose-xl mt-6 md:mt-8 text-balance">
We are fortunate to have received positive feedback (and repeat business!) from our clients. Here's what they have to say:
</p>
</div>
</div>
</div>
<div class="2xl:max-w-7xl mx-auto px-4 sm:px-6 md:px-16 max-w-6xl pb-16">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<div class="flex flex-col pb-10 sm:pb-16 lg:pr-8 lg:pb-0 xl:pr-20 rounded-2xl bg-sky-50 p-6 shadow-lg ring-1 ring-accent-900/5">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="size-24 fill-sky-600"><path d="M108,72v72H40a8,8,0,0,1-8-8V72a8,8,0,0,1,8-8h60A8,8,0,0,1,108,72Zm108-8H156a8,8,0,0,0-8,8v64a8,8,0,0,0,8,8h68V72A8,8,0,0,0,216,64Z" opacity="0.2"></path><path d="M100,56H40A16,16,0,0,0,24,72v64a16,16,0,0,0,16,16h60v8a32,32,0,0,1-32,32,8,8,0,0,0,0,16,48.05,48.05,0,0,0,48-48V72A16,16,0,0,0,100,56Zm0,80H40V72h60ZM216,56H156a16,16,0,0,0-16,16v64a16,16,0,0,0,16,16h60v8a32,32,0,0,1-32,32,8,8,0,0,0,0,16,48.05,48.05,0,0,0,48-48V72A16,16,0,0,0,216,56Zm0,80H156V72h60Z"></path></svg>
<aside class="flex flex-auto flex-col justify-between">
<blockquote class="prose prose-zinc text-accent-950 font-thin text-xl sm:text-2xl md:text-3xl text-pretty">
<p class="pb-8">eSolia's technical knowledge was second-to-none, and they could explain difficult solutions in layman's terms so that everyone understood every detail.</p>
</blockquote>
</aside>
</div>
<div class="flex flex-col pb-10 sm:pb-16 lg:pr-8 lg:pb-0 xl:pr-20 rounded-2xl bg-yellow-50 p-6 shadow-lg ring-1 ring-accent-900/5">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="size-24 fill-yellow-600"><path d="M108,72v72H40a8,8,0,0,1-8-8V72a8,8,0,0,1,8-8h60A8,8,0,0,1,108,72Zm108-8H156a8,8,0,0,0-8,8v64a8,8,0,0,0,8,8h68V72A8,8,0,0,0,216,64Z" opacity="0.2"></path><path d="M100,56H40A16,16,0,0,0,24,72v64a16,16,0,0,0,16,16h60v8a32,32,0,0,1-32,32,8,8,0,0,0,0,16,48.05,48.05,0,0,0,48-48V72A16,16,0,0,0,100,56Zm0,80H40V72h60ZM216,56H156a16,16,0,0,0-16,16v64a16,16,0,0,0,16,16h60v8a32,32,0,0,1-32,32,8,8,0,0,0,0,16,48.05,48.05,0,0,0,48-48V72A16,16,0,0,0,216,56Zm0,80H156V72h60Z"></path></svg>
<aside class="flex flex-auto flex-col justify-between">
<blockquote class="prose prose-zinc text-accent-950 font-thin text-xl sm:text-2xl md:text-3xl text-pretty">
<p class="pb-8">eSolia helped us to see the light at the end of the tunnel, when they successfully managed our complex, multi-year project.</p>
</blockquote>
</aside>
</div>
</div>
</div>
</section>
<!-- ===== top-testimonials.vto TEMPLATE END ===== -->
<!-- ===== top-hireus.vto TEMPLATE START ===== -->
<section class="bg-accent-500">
<div class="2xl:max-w-7xl mx-auto px-4 sm:px-6 md:px-16 max-w-6xl py-12">
<div class="flex flex-col flex-shrink-0 gap-8 md:flex-row md:gap-12 md:items-end no-external-icon">
<div>
<div class="relative max-w-xs">
<div class="absolute inset-0 flex items-center" aria-hidden="true">
<div class="w-3/4 md:hidden ml-6">
<div class="h-0.5 bg-gradient-to-r from-yellow-500 to-transparent opacity-100 dark:from-yellow-400"></div>
</div>
<div class="w-full hidden md:block">
<div class="h-0.5 bg-gradient-to-r from-transparent via-yellow-500 to-transparent opacity-100 dark:via-yellow-400"></div>
</div>
</div>
<div class="relative flex justify-left md:justify-center">
<h2 id="hireus" class="bg-yellow-500 rounded pl-0 pr-2 md:pl-2 text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-wider text-white font-light [font-variant:small-caps]"><a class="hover:text-sky-500" href="#hireus">Hire eSolia</a></h2>
</div>
</div>
<h3 class="relative text-xl sm:text-xl md:text-2xl lg:text-3xl tracking-tighter font-display text-sky-500 text-shadow-2xs text-balance mt-4 md:mt-6 z-10 md:inline-block before:content-[''] before:absolute before:-left-4 before:top-0 before:bottom-0 before:w-40 before:bg-gradient-to-r before:from-sky-950/20 before:to-transparent before:-z-10">
Ready to Succeed in Japan?
</h3>
<p class="prose prose-zinc text-white prose-base sm:prose-md md:prose-xl mt-6 md:mt-8 text-balance">
If you want to explore further, the next steps are:
</p>
<div class="mt-6 border-t border-accent-400">
<dl class="divide-y divide-accent-400">
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
<dt class="text-sm/6 font-medium text-white">1. Contact Us</dt>
<dd class="mt-1 text-sm/6 text-accent-100 sm:col-span-2 sm:mt-0">We will discuss your needs and how we can help.</dd>
</div>
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
<dt class="text-sm/6 font-medium text-white">2. Proposal</dt>
<dd class="mt-1 text-sm/6 text-accent-100 sm:col-span-2 sm:mt-0">We will prepare a proposal and estimate for your consideration.</dd>
</div>
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
<dt class="text-sm/6 font-medium text-white">3. Agreement</dt>
<dd class="mt-1 text-sm/6 text-accent-100 sm:col-span-2 sm:mt-0">We will finalize the agreement and get started.</dd>
</div>
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
<dt class="text-sm/6 font-medium text-white">4. Kickoff</dt>
<dd class="mt-1 text-sm/6 text-accent-100 sm:col-span-2 sm:mt-0">We will start working together to achieve your goals.</dd>
</div>
</dl>
</div>
</div>
<a title="Get Started!" aria-label="Get Started button" href="https://esolia.com/info-request/" target="_blank" rel="noopener" class="flex size-32 text-sm md:text-base lg:text-2xl xl:text-3xl text-center md:size-32 shrink-0 lg:size-52 2xl:size-64 text-white hover:bg-yellow-600 hover:text-accent-200 duration-300 items-center justify-center rounded-full bg-yellow-500/[0.8] bg-[url('/assets/leaf.svg')] bg-repeat bg-fixed bg-[size:50px_25px] inset-shadow-sm/50">
Get Started!
</a>
</div>
</div>
</section>
<!-- ===== top-hireus.vto TEMPLATE END ===== -->
<!-- ===== top-biglogo.vto TEMPLATE START ===== -->
<section class="bg-white overflow-hidden relative">
<div class="2xl:max-w-7xl mx-auto px-4 sm:px-6 md:px-16 max-w-6xl pb-28 xs:pb-30 sm:pb-42 md:pb-48 lg:pb-64 xl:pb-80 2xl:pb-100">
<div class="max-w-sm mt-16">
<h2 class="text-4xl sm:text-4xl md:text-5xl lg:text-6xl tracking-tighter font-display text-sky-900 text-shadow-2xs text-balance">
Your next Japan IT partner
</h2>
</div>
</div>
<svg viewbox="0 0 454 111" version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" class="fill-accent-200 absolute origin-bottom-left w-114 scale-75 2xs:scale-87 1xs:scale-102 xs:scale-110 sm:scale-150 md:scale-183 lg:scale-230 xl:scale-285 1xl:scale-321 2xl:scale-343 2xlb:scale-357 3xl:scale-372 4xl:scale-375 -bottom-6 2xs:-bottom-7 1xs:-bottom-8 xs:-bottom-9 sm:-bottom-12 md:-bottom-15 lg:-bottom-19 xl:-bottom-23 1xl:-bottom-27 2xl:-bottom-29 2xlb:-bottom-30 3xl:-bottom-32 4xl:-bottom-32 -left-5 sm:-left-10 md:-left-15 lg:-left-23">
<title>logo_horiz_grey_bgtransparent</title>
<defs>
<polygon id="path-1" points="0 0 80.7099981 0 80.7099981 109.483298 0 109.483298"></polygon>
<polygon id="path-3" points="0 120 453.571394 120 453.571394 0 0 0"></polygon>
</defs>
<g id="logo_horiz_grey_bgtransparent" stroke="none" stroke-width="1" fill-rule="evenodd">
<g id="Group-4-Copy" transform="translate(-0, 0)">
<path d="M43.4682886,5.83077451 L41.4670133,4.41222348 L40.8018836,6.62539854 C31.9668416,36.0735763 48.9894541,49.711679 56.7179085,54.2027763 L58.3836759,55.1739834 L59.125325,53.5317604 C66.9538431,36.1265512 61.1030559,18.2975426 43.4682886,5.83077451" id="Fill-3"></path>
<g id="Group-7" transform="translate(68.3362, 0)">
<mask id="mask-2">
<use href="#path-1"></use>
</mask>
<g id="Clip-6"></g>
<path d="M31.7081832,101.172119 C22.4728862,104.845048 14.8915844,105.157012 10.959667,104.686124 C11.0303002,102.443518 11.3363776,100.171482 11.7484049,97.8994457 C17.4108368,97.4285574 27.4584162,91.9191642 35.722506,82.6308922 C37.4824511,80.6531613 39.1423324,78.5341639 40.6550611,76.3386472 C44.7517894,70.3995684 48.8249733,62.2532006 51.2029593,51.6405553 C58.607678,48.7033894 66.5244877,47.1141414 74.6708555,47.0670525 C64.6291622,81.5772796 45.8701491,95.5391181 31.7081832,101.172119 M45.7524271,54.1127189 C43.7805823,61.2761073 40.8551886,67.8803159 36.8408658,73.7075587 C35.4340869,75.7441507 33.8919277,77.7101094 32.2555908,79.5465738 C25.0627719,87.6399666 17.1165316,91.9603669 12.8726507,93.04341 C15.6685501,83.2253887 21.4369319,73.5662922 29.5597553,65.678913 C34.4452215,60.9347133 39.9075259,57.0852014 45.7524271,54.1127189 M8.36389516,46.131162 C14.703229,27.8606955 27.9469628,13.7575906 45.6700216,6.37641634 C49.0957341,21.7626919 49.4665586,35.8893412 47.0591421,48.4090842 C39.5131569,51.7465051 32.4792628,56.3729828 26.3282842,62.3532643 C18.2290053,70.2229852 12.2722681,79.7761318 9.04668321,89.6235837 C3.49020114,77.0390935 3.14880711,61.1407269 8.36389516,46.131162 M52.2035969,46.3607201 C53.9576559,35.1476922 53.8222755,21.5095894 50.1316884,5.06970128 L48.9956703,-0.00412027272 L44.1867234,1.97361063 C25.0804302,9.83155933 10.8007422,24.9765046 3.98463387,44.6066611 C-2.20754743,62.4180115 -1.13039041,81.5360769 6.85116646,95.7451317 L7.29262425,96.5279835 C6.63926672,99.9242655 6.26255607,103.320547 6.3096449,106.652082 L6.33907542,108.417913 L8.04604555,108.859371 C9.38219113,109.212537 11.4482136,109.483298 14.0851881,109.483298 C18.9176794,109.483298 25.6690406,108.565066 33.4210394,105.480748 C48.9544676,99.3062246 69.6382367,83.8669741 79.9565768,45.4012851 L80.7099981,42.5936136 L77.8081489,42.4817776 C68.9554486,42.1403836 60.3264203,43.523618 52.2035969,46.3607201" id="Fill-5" mask="url(#mask-2)"></path>
</g>
<path d="M0,37.6963751 C5.03850493,69.1399421 32.9033207,97.3814686 61.1801638,95.9982342 C60.6092118,68.733801 32.0321774,38.9442292 0,37.6963751" id="Fill-8"></path>
<path d="M192.310786,55.6266248 C193.340854,48.7928582 197.555305,46.0793643 202.234757,46.0793643 C207.661745,46.0793643 211.405307,50.2938147 211.68784,55.6266248 L192.310786,55.6266248 Z M202.046402,32.6001864 C186.789621,32.6001864 176.871536,43.8308726 176.871536,58.9934762 C176.871536,76.4987492 188.567224,85.8576544 206.91421,85.8576544 C212.435375,85.8576544 217.491539,85.2042969 221.982636,83.6150488 L220.764212,72.1018296 C217.397361,73.3202531 213.842154,73.879433 209.533526,73.879433 C200.733801,73.879433 194.930103,70.9775838 193.064208,64.5205278 L224.884485,64.5205278 C225.25531,62.831216 225.355374,60.5886104 225.355374,58.528474 C225.355374,44.7667631 217.585716,32.6001864 202.046402,32.6001864 L202.046402,32.6001864 Z" id="Fill-10"></path>
<path d="M260.156374,44.7691176 C252.386717,42.9915142 250.049934,41.3022024 250.049934,38.2178839 C250.049934,34.5684995 253.322608,32.4141855 259.873841,32.4141855 C265.960073,32.4141855 271.104527,33.5384314 276.443224,35.2218571 L277.284936,19.3117183 C272.040418,17.1574042 267.360965,16.0331584 259.032128,16.0331584 C241.903566,16.0331584 234.51062,25.2037082 234.51062,37.3761711 C234.51062,49.9194585 241.903566,55.0639133 254.817678,57.8715848 C262.310688,59.5550105 265.583362,61.2443224 265.583362,65.0820621 C265.583362,69.1022711 261.8398,71.4449404 254.258498,71.4449404 C247.053907,71.4449404 240.408496,69.8556924 236.00569,67.9839113 L235.258155,82.1164468 C240.873498,84.2648747 245.647128,85.8600088 255.194389,85.8600088 C273.258841,85.8600088 281.122676,76.6835729 281.122676,64.7053514 C281.122676,52.3504194 273.353019,47.6709668 260.156374,44.7691176" id="Fill-12"></path>
<path d="M316.017266,72.4738314 C309.466032,72.4738314 304.598224,67.6060234 304.598224,60.0247216 C304.598224,52.7259528 309.371855,47.4814342 316.017266,47.4814342 C322.5685,47.4814342 327.530485,52.7259528 327.530485,60.0247216 C327.530485,67.6060234 322.662677,72.4738314 316.017266,72.4738314 M316.017266,32.6013636 C300.289596,32.6013636 289.341443,43.7378722 289.341443,59.1830088 C289.341443,74.5339677 300.383774,85.8588316 316.017266,85.8588316 C331.833227,85.8588316 342.693089,74.5339677 342.693089,59.1830088 C342.693089,43.7378722 331.833227,32.6013636 316.017266,32.6013636" id="Fill-14"></path>
<mask id="mask-4">
<use href="#path-3"></use>
</mask>
<g id="Clip-17"></g>
<polygon id="Fill-16" mask="url(#mask-4)" points="354.184529 84.6421739 368.693775 84.6421739 368.693775 13.5086084 354.184529 13.5086084"></polygon>
<path d="M390.120959,11.7268848 C384.976505,11.7268848 381.227056,15.0996223 381.227056,20.3382548 C381.227056,25.5768872 385.064796,28.9496248 390.120959,28.9496248 C395.177123,28.9496248 399.014862,25.5768872 399.014862,20.3382548 C399.014862,15.0996223 395.365478,11.7268848 390.120959,11.7268848" id="Fill-18" mask="url(#mask-4)"></path>
<polygon id="Fill-19" mask="url(#mask-4)" points="382.914602 84.6421739 397.423849 84.6421739 397.423849 33.821553 382.914602 33.821553"></polygon>
<path d="M438.787266,70.7892284 C437.380488,73.879433 434.384461,76.4045715 430.264188,76.4045715 C426.714867,76.4045715 423.90131,74.8153235 423.90131,71.442586 C423.90131,67.2340217 426.897337,66.0155982 431.765144,64.8913523 C434.855349,64.2379948 437.28631,63.3021043 438.787266,62.5545691 L438.787266,70.7892284 Z M430.829254,32.6001864 C423.059597,32.6001864 416.414186,34.4719674 412.017266,36.8146368 L413.047334,51.3238829 C417.538431,49.2637465 423.247952,47.480257 429.328297,47.480257 C435.602884,47.480257 438.598911,49.3579242 438.598911,52.3480649 C438.598911,53.6606661 438.2222,54.4082013 436.632952,55.0615588 C434.666994,55.8149801 432.418502,56.37416 428.304115,57.1216952 C417.444254,58.9051847 408.738706,62.0836808 408.738706,72.9376563 C408.738706,81.4607348 414.824937,85.8576544 423.247952,85.8576544 C430.735076,85.8576544 435.043704,82.9558052 438.787266,78.4647079 L438.787266,84.6392309 L453.573159,84.6392309 L453.573159,53.6606661 C453.573159,39.9931329 446.745279,32.6001864 430.829254,32.6001864 L430.829254,32.6001864 Z" id="Fill-20" mask="url(#mask-4)"></path>
</g>
</g>
</svg>
</section>
<!-- ===== top-biglogo.vto TEMPLATE END ===== -->
</main>
<!-- ===== home.vto LAYOUT END ===== -->
<!-- inner end -->
<!-- Current page: /en/ -->
<!-- ===== footer.vto TEMPLATE START ===== -->
<footer class="mt-32 flex-none bg-sky-800 dark:bg-sky-800 rounded-t-md">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="py-16">
<a aria-label="Return to Site Top" class="pointer-events-auto block origin-left" href="/en/"><img id="large-logo" alt="eSolia full size logo linking to site top" loading="lazy" fetchpriority="high" decoding="async" class="mx-auto h-12 w-auto object-cover dark:grayscale dark:invert dark:saturate-[.1] transition-opacity duration-300" src="/assets/logo_horiz_white_bgtransparent 2.svg"></a>
<nav class="mt-10 text-sm" aria-label="quick links">
<div class="-my-1 flex justify-center gap-x-6 flex-wrap"> <a class="text-accent-50 inline-block rounded-lg px-2 py-1 text-sm" href="/sitemap.xml" aria_label="Site internal link" title="Link to the Sitemap" target="_self" role="menuitem">
Sitemap
<span class="sr-only">(Site internal link)</span></a>
<a class="text-accent-50 inline-block rounded-lg px-2 py-1 text-sm after:content-['_↗']" href="https://esolia.com/privacy" aria_label="Site internal link" title="Link to the Privacy Policy" target="_blank" rel="noopener" role="menuitem">
Privacy Policy
<span class="sr-only">(Site internal link)</span></a>
<a class="text-accent-50 inline-block rounded-lg px-2 py-1 text-sm after:content-['_↗']" href="https://github.com/eSolia/esolia-2025" aria_label="External link" title="Link to the GitHub Repository for this site" target="_blank" rel="noopener" role="menuitem">
Github Repo
<span class="sr-only">(External link)</span></a>
<a class="text-accent-50 inline-block rounded-lg px-2 py-1 text-sm after:content-['_↗']" href="https://blog.esolia.pro/en" aria_label="External link" title="Link to eSolia Inc. blog site" target="_blank" rel="noopener" role="menuitem">
Blog
<span class="sr-only">(External link)</span></a>
</div>
</nav>
</div>
<div class="flex flex-col items-center border-t border-accent-100/20 py-10 sm:flex-row-reverse sm:justify-between no-external-icon">
<div class="mt-6 flex flex-wrap gap-6">
<a class="group -m-1 p-1" aria-label="Follow on LinkedIn" href="https://www.linkedin.com/company/esolia-inc" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="h-6 w-6 fill-blue-200 dark:fill-blue-600 transition hover:scale-110"><path d="M224,40V216a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8H216A8,8,0,0,1,224,40Z" opacity="0.2"></path><path d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24Zm0,192H40V40H216V216ZM96,112v64a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0Zm88,28v36a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140ZM100,84A12,12,0,1,1,88,72,12,12,0,0,1,100,84Z"></path></svg></a>
<a class="group -m-1 p-1" aria-label="Follow on Bluesky" href="https://bsky.app/profile/esolia.com" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="h-6 w-6 fill-sky-400 dark:fill-sky-300 transition hover:scale-110"><path d="M225.12,119.71c-7.86,30.94-29.31,32.71-37.36,32.23h-1A36,36,0,1,1,128,180a36,36,0,1,1-58.72-28.06h-1c-8,.48-29.5-1.29-37.36-32.23C22.79,87.84,15.78,48,47.07,48S128,95.8,128,127.67C128,95.8,177.64,48,208.93,48S233.21,87.84,225.12,119.71Z" opacity="0.2"></path><path d="M232.7,50.48C229,45.7,221.84,40,209,40c-16.85,0-38.46,11.28-57.81,30.16A140.07,140.07,0,0,0,136,87.53V56a8,8,0,0,0-16,0V87.53a140.07,140.07,0,0,0-15.15-17.37C85.49,51.28,63.88,40,47,40,34.16,40,27,45.7,23.3,50.48c-6.82,8.77-12.18,24.08-.21,71.2,6.05,23.83,19.51,33,30.63,36.42A44,44,0,0,0,128,205.27a44,44,0,0,0,74.28-47.17c11.12-3.4,24.57-12.59,30.63-36.42C239.63,95.24,244.85,66.1,232.7,50.48ZM92,208A28.12,28.12,0,0,1,88.86,152a8,8,0,1,0-1.76-15.9A43.64,43.64,0,0,0,66.36,144c-8.43.09-22-3.57-27.76-26.26C35.72,106.39,27,71.86,35.94,60.3,37.37,58.46,40.09,56,47,56c27.27,0,73,44.88,73,71.67V180A28,28,0,0,1,92,208ZM217.4,117.74c-5.77,22.69-19.33,26.34-27.77,26.26a43.6,43.6,0,0,0-20.74-7.95,8,8,0,1,0-1.76,15.9A28.11,28.11,0,1,1,136,180V127.67C136,100.88,181.69,56,209,56c6.95,0,9.66,2.46,11.1,4.3C229.05,71.86,220.28,106.39,217.4,117.74Z"></path></svg></a>
<a class="group -m-1 p-1" aria-label="Follow on X Twitter" href="https://x.com/esolia_inc" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="h-6 w-6 fill-accent-400 dark:fill-stone-50 transition hover:scale-110"><path d="M208,216H160L48,40H96Z" opacity="0.2"></path><path d="M214.75,211.71l-62.6-98.38,61.77-67.95a8,8,0,0,0-11.84-10.76L143.24,99.34,102.75,35.71A8,8,0,0,0,96,32H48a8,8,0,0,0-6.75,12.3l62.6,98.37-61.77,68a8,8,0,1,0,11.84,10.76l58.84-64.72,40.49,63.63A8,8,0,0,0,160,224h48a8,8,0,0,0,6.75-12.29ZM164.39,208,62.57,48h29L193.43,208Z"></path></svg></a>
<a class="group -m-1 p-1" aria-label="GitHub profile" href="https://github.com/esolia" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" fill="currentColor" class="h-6 w-6 fill-green-600 dark:fill-green-500 transition hover:scale-110"><path d="M208,104v8a48,48,0,0,1-48,48H136a32,32,0,0,1,32,32v40H104V192a32,32,0,0,1,32-32H112a48,48,0,0,1-48-48v-8a49.28,49.28,0,0,1,8.51-27.3A51.92,51.92,0,0,1,76,32a52,52,0,0,1,43.83,24h32.34A52,52,0,0,1,196,32a51.92,51.92,0,0,1,3.49,44.7A49.28,49.28,0,0,1,208,104Z" opacity="0.2"></path><path d="M208.3,75.68A59.74,59.74,0,0,0,202.93,28,8,8,0,0,0,196,24a59.75,59.75,0,0,0-48,24H124A59.75,59.75,0,0,0,76,24a8,8,0,0,0-6.93,4,59.78,59.78,0,0,0-5.38,47.68A58.14,58.14,0,0,0,56,104v8a56.06,56.06,0,0,0,48.44,55.47A39.8,39.8,0,0,0,96,192v8H72a24,24,0,0,1-24-24A40,40,0,0,0,8,136a8,8,0,0,0,0,16,24,24,0,0,1,24,24,40,40,0,0,0,40,40H96v16a8,8,0,0,0,16,0V192a24,24,0,0,1,48,0v40a8,8,0,0,0,16,0V192a39.8,39.8,0,0,0-8.44-24.53A56.06,56.06,0,0,0,216,112v-8A58,58,0,0,0,208.3,75.68ZM200,112a40,40,0,0,1-40,40H112a40,40,0,0,1-40-40v-8a41.74,41.74,0,0,1,6.9-22.48A8,8,0,0,0,80,73.83a43.81,43.81,0,0,1,.79-33.58,43.88,43.88,0,0,1,32.32,20.06A8,8,0,0,0,119.82,64h32.35a8,8,0,0,0,6.74-3.69,43.87,43.87,0,0,1,32.32-20.06A43.81,43.81,0,0,1,192,73.83a8.09,8.09,0,0,0,1,7.65A41.76,41.76,0,0,1,200,104Z"></path></svg></a>
</div>
<p class="mt-6 text-sm text-stone-200 sm:mt-0 text-center sm:text-left">
©2025
eSolia Inc. All rights reserved.<br>
<span class="text-xs text-stone-100">Shiodome City Center 5F (Work Styling), 1-5-2 Higashi-Shimbashi, Minato-ku, Tokyo, Japan, 105-7105</span>
</p>
</div>
</div>
</footer>
<!-- ===== footer.vto TEMPLATE END ===== -->
<!-- ===== modal-search.vto TEMPLATE START ===== -->
<div id="searchModal" class="fixed top-0 left-0 z-1000 w-full h-full overflow-auto hidden">
<div class="relative w-3/4 h-3/4 mx-auto mt-24 overflow-auto p-5 bg-white/95 dark:bg-stone-800/95 border border-stone-100 dark:border-stone-700/40 rounded-lg shadow-md">
<div class="block text-right items-right font-bold text-sm">
<a id="modal-close" href="#">Close (Esc)</a>
<div id="search" class="text-left mt-6" tabindex="0"></div>
</div>
</div>
</div>
<!-- ===== modal-search.vto TEMPLATE END ===== -->
<!-- ===== modal-mobilemenu.vto TEMPLATE START ===== -->
<div id="mobile-menu-modal-overlay" class="fixed inset-0 bg-black/50 z-[9998] hidden"></div>
<div id="mobile-menu-modal-panel" class="fixed top-0 right-0 bottom-0 w-64 bg-white z-[9999] overflow-y-auto p-4 hidden">
<button id="mobile-menu-close-button" class="absolute top-2 right-2 text-accent-600 hover:text-accent-800">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" 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 class="mt-6">
<ul class="flex flex-col space-y-4" role="menubar" aria-label="Main menu">
<li>
<a href="/" title="ホーム トップ" class="text-white bg-sky-500 hover:text-accent-50 hover:bg-sky-600">日本語 </a>
</li>
<li>
<a href="https://blog.esolia.pro/en" class="text-accent-800 hover:text-sky-600 after:content-['_↗']" rel="noopener" role="menuitem" aria-label="External link" title="Link to eSolia Inc. blog site">BLOG
<span class="sr-only"> (External link) </span>
</a>
</li>
</ul>
</div>
</div>
<!-- ===== modal-mobilemenu.vto TEMPLATE END ===== -->
</div>
<script src="/js/fathom-post-list-event.js"></script>
</body><!-- ===== base.vto LAYOUT END ===== --></html><script type="module" id="lume-live-reload" integrity="sha384-tvZdPiMmEyG8JzlKe1tHpmdEjfLFJZ31mL+s30zvQZDkiskbxrKDa7bGcL72T0uT">function liveReload(
initRevision,
basepath,
statusCode,
debugbarUrl,
) {
let ws;
let wasClosed = false;
let revision = initRevision;
let debugbar;
const debugbarModule = debugbarUrl ? import(debugbarUrl) : null;
function socket() {
if (ws && ws.readyState !== 3) {
return;
}
const protocol = document.location.protocol === "https:"
? "wss://"
: "ws://";
ws = new WebSocket(protocol + document.location.host + basepath);
ws.onopen = () => {
console.log("Lume live reloading is ready. Listening for changes...");
// Reload after reconnect
if (wasClosed) {
location.reload();
return;
}
const files = read();
if (files) {
refresh(files);
}
};
ws.onmessage = (e) => {
const message = JSON.parse(e.data);
if (message.type === "init") {
if (message.revision > revision) {
location.reload();
return;
}
updateDebugbar(message.data);
}
// Always update revision
revision = message.revision;
if (message.type === "update") {
if (statusCode !== 200) {
location.reload();
return;
}
const files = message.files;
if (!Array.isArray(message.files)) {
console.log(e.data);
return;
}
refresh(files);
updateDebugbar(message.data);
}
};
ws.onclose = () => {
wasClosed = true;
// Socket connection closed. Will attempt to reconnect in 5 seconds.
setTimeout(socket, 5000);
};
ws.onerror = (err) => console.error("Lume webSocket error observed:", err);
}
addEventListener("pagehide", () => {
if (ws) {
ws.close();
}
});
socket();
function refresh(files) {
let path = decodeURI(document.location.pathname);
if (!path.endsWith(".html")) {
path += path.endsWith("/") ? "index.html" : "/index.html";
}
const index = files.indexOf(path);
// Reload the entire page if the HTML changes
if (index !== -1) {
files.splice(index, 1);
save(files);
location.reload();
return;
}
for (const file of files) {
const url = createUrl(file);
const format = url.pathname.split(".").pop().toLowerCase();
switch (format) {
case "css":
{
for (const style of Array.from(document.styleSheets)) {
if (style.href) {
if (isSame(url, style.href)) {
reloadStylesheet(style.ownerNode);
continue;
}
}
// The file is @import'ed in a stylesheet
if (styleIsImported(url, style)) {
location.reload();
break;
}
}
}
break;
case "apng":
case "avif":
case "gif":
case "jpeg":
case "jpg":
case "png":
case "svg":
case "webp":
{
for (const image of Array.from(document.images)) {
if (isSame(url, image.src)) {
reloadSource(image);
continue;
}
}
}
break;
case "js":
// Reload the entire page for JavaScript changes
location.reload();
return;
}
}
}
function styleIsImported(url, style) {
if (style.href === url.href) {
return true;
}
if (style.origin !== url.origin) {
return false;
}
for (let i = 0; i < style.cssRules.length; i++) {
const rule = style.cssRules[i];
if (!(rule instanceof CSSImportRule)) {
continue;
}
if (!rule.styleSheet.href.startsWith(url.origin)) {
continue;
}
if (styleIsImported(url, rule.styleSheet)) {
return true;
}
}
return false;
}
function reloadSource(element) {
const src = new URL(element.src);
src.searchParams.set("_cache", Date.now());
element.src = src.href;
}
function reloadStylesheet(element) {
const url = new URL(element.href);
url.searchParams.set("_cache", Date.now());
const newElement = element.cloneNode();
newElement.href = url.href;
element.after(newElement);
setTimeout(() => element.remove(), 500);
}
function save(data) {
sessionStorage.setItem("lume-reload", JSON.stringify(data));
}
function read() {
const data = sessionStorage.getItem("lume-reload");
sessionStorage.removeItem("lume-reload");
if (data) {
return JSON.parse(data);
}
}
function createUrl(href) {
// Remove search and hash
const url = new URL(href, document.location.href);
url.search = "";
url.hash = "";
return url;
}
function isSame(currentUrl, href) {
const newUrl = createUrl(href);
if (currentUrl.origin !== newUrl.origin) {
return false;
}
// To handle cache busting urls (e.g. /v234/styles.css -> /styles.css)
return newUrl.pathname.endsWith(currentUrl.pathname);
}
async function updateDebugbar(data) {
if (!debugbarModule) {
return;
}
if (!debugbar) {
if (data === undefined) {
return;
}
const { default: DebugBar } = await debugbarModule;
debugbar = new DebugBar();
document.body.appendChild(debugbar);
}
debugbar.update(data);
}
}; liveReload(0, "/", 200, "https://cdn.jsdelivr.net/gh/lumeland/[email protected]/lume-bar.js");;</script>
Raw
2. console-entry.js
const pf = await import("/pagefind/pagefind.js");
const search = await pf.search("Service");
const hydrated = await search.results[0].data();
console.log(hydrated);
console.log(hydrated.sub_results);
Raw
3. console-result-1.js
{
"url": "/en/",
"content": "Your Japan IT Professional Services Partner eSolia works as a team, bringing to bear all the skills a typical IT department has, to resolve your Japan challenges. We are multilingual professionals who communicate effectively with both the HQ and Japan teams, negotiating on your behalf with local vendors. We work hard to exceed your mandate, using our well-developed support systems to document and communicate clearly. Update 2025-May-07: We are back in the office after Golden Week! 🎏🇯🇵 We partner with industry leaders to deliver the best services. Our Services. Your Challenges are our Service Mandates eSolia provides a full range of IT services based in Tokyo, supporting your Japan business success. IT Consulting Procurement and Inventory Processing IT Asset Management Web Development and Localization Remote and Onsite IT Support Information Security Helpdesk Reliable PaaS Cloud Database PROdb Project Management Learn More Our experienced bilingual professionals achieve not just industry certifications, but sharpen their knowledge continually via extensive internal training and testing. Our Track Record. A Trusted Team for Japan Project Success Because we have served a variety of blue-chip foreign and Japanese organizations in Japan for approaching 26 years, we have the experience to understand your needs and a real track record for delivering success for Japan projects. eSolia is itself a multi-cultural, multi-language organization, and we have the confidence to find solutions for all your system and process challenges. Tickets Resolved Annually 3,000+ Pros per Account 2 Hours Booked over 5 Years 60,000+ Management Team Experience 100+ years Our Work. Recent Project Success We work with the HQ IT departments of our clients, to ensure project success, coordinating with local vendors in Japanese, and explaining to HQ IT management in English. Here are a couple recent achievements. See all our projects 2025-Mar-01 Finance Firm Perform IT equipment shutdown and restart, during annual planned building power outage. - Equipment check and shutdown - Perform 2400VA PBX replacement - Reconnection and startup - Old equipment removal from rack and decommissioning 2024-May-13 Law Firm Handle all aspects of IT install or upgrade for office move in Tokyo, within the same building to consolidate space, performing project management and coordination of move vendors vis-à-vis IT, reporting to HQ IT. - Structured LAN cabling (floor and vertical) - Large, redundant UPS deployment - Wireless install and test - Network including site-to-site VPN to HQ and DC deployment - Phone system test after 3rd party migration - Multi-function printers install and test - Video conferencing system design, install and test - Physical security and CCTV system design, install and test - Various new peripherals for end-users and others 2024-Oct-15 Finance Firm Handle all aspects of IT for an urgent office move for a Tokyo-based startup, performing PM and vendor coordination. - Infra design emphasizing security but with superior cost-performance - Structured cable, system rack with environment monitoring and, redundant UPS and Internet - Fortinet firewalls, switches, and wireless - Poly IP desk phones connect to a voice gateway - Several conference rooms kitted with a Logitech VC system for Zoom meetings - Various end-user systems built and installed Why eSolia. What are the reasons to choose eSolia? Client requirements are our first in our minds as we deliver our services. We use a range of tools and techniques to accommodate your directives, standards and mandate, in the most flexible manner possible. Please get in touch for a discussion, and we will be happy to provide a proposal and quote for your consideration. Tools & Techniques Experience has let us design, assemble or develop various tools and techniques used in our professional practice, from work instructions and templates, to database applications built in our PaaS PROdb for time and expense, work logging for helpdesk and projects, and ongoing learning. Professionalism We are committed to professionalism in all our work, ensuring that we maintain the highest standards of conduct and ethics. Our members pledge to honor security and confidentiality, protect privacy, share knowledge, listen and learn actively, and improve iteratively. Expertise Our team comprises multilingual certified professionals possessing real-world experience in a wide range of IT disciplines. Secure & Private We follow ISO 27001 and other standards to prioritize information security and privacy in all our services, practices and developed systems, ensuring that your data is protected at all times. Proven Track Record We have a proven track record of success in delivering IT solutions to clients in Japan for over a quarter century since 1999, with a steadfast focus on quality and customer satisfaction. Service Value We are not a temp staff company, and our value is achieved because we strive as a team on behalf of our clients, responsibly performing the services consigned to us. Testimonials. What our clients say We are fortunate to have received positive feedback (and repeat business!) from our clients. Here's what they have to say: eSolia helped us to see the light at the end of the tunnel, when they successfully managed our complex, multi-year project. eSolia's technical knowledge was second-to-none, and they could explain difficult solutions in layman's terms so that everyone understood every detail. Hire eSolia. Ready to Succeed in Japan? If you want to explore further, the next steps are: 1. Contact Us We will discuss your needs and how we can help. 2. Proposal We will prepare a proposal and estimate for your consideration. 3. Agreement We will finalize the agreement and get started. 4. Kickoff We will start working together to achieve your goals. Get Started! Your next Japan IT partner",
"word_count": 916,
"filters": {},
"meta": {
"image": "/assets/chase-chappell-m29D0DvAhF0-unsplash.jpg",
"image_alt": "Image by Chase Chappell on Unsplash",
"title": "Your Japan IT Professional Services Partner"
},
"anchors": [
{
"element": "h2",
"id": "services",
"text": "Our Services",
"location": 87
},
{
"element": "h2",
"id": "trackrecord",
"text": "Our Track Record",
"location": 161
},
{
"element": "h2",
"id": "projects",
"text": "Our Work",
"location": 249
},
{
"element": "h2",
"id": "whyesolia",
"text": "Why eSolia",
"location": 513
},
{
"element": "h2",
"id": "testimonials",
"text": "Testimonials",
"location": 780
},
{
"element": "h2",
"id": "hireus",
"text": "Hire eSolia",
"location": 846
}
],
"weighted_locations": [
{
"weight": 7,
"balanced_score": 25095.023,
"location": 4
},
{
"weight": 5,
"balanced_score": 12803.584,
"location": 86
},
{
"weight": 6,
"balanced_score": 18437.16,
"location": 88
},
{
"weight": 5,
"balanced_score": 12803.584,
"location": 93
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 102
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 534
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 699
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 748
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 776
}
],
"locations": [
4,
86,
88,
93,
102,
534,
699,
748,
776
],
"raw_content": "Your Japan IT Professional Services Partner eSolia works as a team, bringing to bear all the skills a typical IT department has, to resolve your Japan challenges. We are multilingual professionals who communicate effectively with both the HQ and Japan teams, negotiating on your behalf with local vendors. We work hard to exceed your mandate, using our well-developed support systems to document and communicate clearly. Update 2025-May-07: We are back in the office after Golden Week! 🎏🇯🇵 We partner with industry leaders to deliver the best services. Our Services. Your Challenges are our Service Mandates eSolia provides a full range of IT services based in Tokyo, supporting your Japan business success. IT Consulting Procurement and Inventory Processing IT Asset Management Web Development and Localization Remote and Onsite IT Support Information Security Helpdesk Reliable PaaS Cloud Database PROdb Project Management Learn More Our experienced bilingual professionals achieve not just industry certifications, but sharpen their knowledge continually via extensive internal training and testing. Our Track Record. A Trusted Team for Japan Project Success Because we have served a variety of blue-chip foreign and Japanese organizations in Japan for approaching 26 years, we have the experience to understand your needs and a real track record for delivering success for Japan projects. eSolia is itself a multi-cultural, multi-language organization, and we have the confidence to find solutions for all your system and process challenges. Tickets Resolved Annually 3,000+ Pros per Account 2 Hours Booked over 5 Years 60,000+ Management Team Experience 100+ years Our Work. Recent Project Success We work with the HQ IT departments of our clients, to ensure project success, coordinating with local vendors in Japanese, and explaining to HQ IT management in English. Here are a couple recent achievements. See all our projects 2025-Mar-01 Finance Firm Perform IT equipment shutdown and restart, during annual planned building power outage. - Equipment check and shutdown - Perform 2400VA PBX replacement - Reconnection and startup - Old equipment removal from rack and decommissioning 2024-May-13 Law Firm Handle all aspects of IT install or upgrade for office move in Tokyo, within the same building to consolidate space, performing project management and coordination of move vendors vis-à-vis IT, reporting to HQ IT. - Structured LAN cabling (floor and vertical) - Large, redundant UPS deployment - Wireless install and test - Network including site-to-site VPN to HQ and DC deployment - Phone system test after 3rd party migration - Multi-function printers install and test - Video conferencing system design, install and test - Physical security and CCTV system design, install and test - Various new peripherals for end-users and others 2024-Oct-15 Finance Firm Handle all aspects of IT for an urgent office move for a Tokyo-based startup, performing PM and vendor coordination. - Infra design emphasizing security but with superior cost-performance - Structured cable, system rack with environment monitoring and, redundant UPS and Internet - Fortinet firewalls, switches, and wireless - Poly IP desk phones connect to a voice gateway - Several conference rooms kitted with a Logitech VC system for Zoom meetings - Various end-user systems built and installed Why eSolia. What are the reasons to choose eSolia? Client requirements are our first in our minds as we deliver our services. We use a range of tools and techniques to accommodate your directives, standards and mandate, in the most flexible manner possible. Please get in touch for a discussion, and we will be happy to provide a proposal and quote for your consideration. Tools & Techniques Experience has let us design, assemble or develop various tools and techniques used in our professional practice, from work instructions and templates, to database applications built in our PaaS PROdb for time and expense, work logging for helpdesk and projects, and ongoing learning. Professionalism We are committed to professionalism in all our work, ensuring that we maintain the highest standards of conduct and ethics. Our members pledge to honor security and confidentiality, protect privacy, share knowledge, listen and learn actively, and improve iteratively. Expertise Our team comprises multilingual certified professionals possessing real-world experience in a wide range of IT disciplines. Secure & Private We follow ISO 27001 and other standards to prioritize information security and privacy in all our services, practices and developed systems, ensuring that your data is protected at all times. Proven Track Record We have a proven track record of success in delivering IT solutions to clients in Japan for over a quarter century since 1999, with a steadfast focus on quality and customer satisfaction. Service Value We are not a temp staff company, and our value is achieved because we strive as a team on behalf of our clients, responsibly performing the services consigned to us. Testimonials. What our clients say We are fortunate to have received positive feedback (and repeat business!) from our clients. Here's what they have to say: eSolia helped us to see the light at the end of the tunnel, when they successfully managed our complex, multi-year project. eSolia's technical knowledge was second-to-none, and they could explain difficult solutions in layman's terms so that everyone understood every detail. Hire eSolia. Ready to Succeed in Japan? If you want to explore further, the next steps are: 1. Contact Us We will discuss your needs and how we can help. 2. Proposal We will prepare a proposal and estimate for your consideration. 3. Agreement We will finalize the agreement and get started. 4. Kickoff We will start working together to achieve your goals. Get Started! Your next Japan IT partner",
"raw_url": "/en/",
"excerpt": "with industry leaders to deliver the best <mark>services.</mark> Our <mark>Services.</mark> Your Challenges are our <mark>Service</mark> Mandates eSolia provides a full range of IT <mark>services</mark> based in Tokyo, supporting your Japan",
"sub_results": [
{
"title": "Your Japan IT Professional Services Partner",
"url": "/en/",
"weighted_locations": [
{
"weight": 7,
"balanced_score": 25095.023,
"location": 4
},
{
"weight": 5,
"balanced_score": 12803.584,
"location": 86
}
],
"locations": [
4,
86
],
"excerpt": "IT Professional <mark>Services</mark> Partner eSolia works as a team, bringing to bear all the skills a typical IT department has, to resolve your Japan challenges. We are multilingual professionals who"
},
{
"title": "Our Services",
"url": "/en/#services",
"anchor": {
"element": "h2",
"id": "services",
"text": "Our Services",
"location": 87
},
"weighted_locations": [
{
"weight": 6,
"balanced_score": 18437.16,
"location": 88
},
{
"weight": 5,
"balanced_score": 12803.584,
"location": 93
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 102
}
],
"locations": [
88,
93,
102
],
"excerpt": "Our <mark>Services.</mark> Your Challenges are our <mark>Service</mark> Mandates eSolia provides a full range of IT <mark>services</mark> based in Tokyo, supporting your Japan business success. IT Consulting Procurement and Inventory Processing"
},
{
"title": "Why eSolia",
"url": "/en/#whyesolia",
"anchor": {
"element": "h2",
"id": "whyesolia",
"text": "Why eSolia",
"location": 513
},
"weighted_locations": [
{
"weight": 1,
"balanced_score": 512.1433,
"location": 534
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 699
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 748
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 776
}
],
"locations": [
534,
699,
748,
776
],
"excerpt": "satisfaction. <mark>Service</mark> Value We are not a temp staff company, and our value is achieved because we strive as a team on behalf of our clients, responsibly performing the <mark>services</mark>"
}
]
}
Raw
4. console-result-2.js
[
{
"title": "Your Japan IT Professional Services Partner",
"url": "/en/",
"weighted_locations": [
{
"weight": 7,
"balanced_score": 25095.023,
"location": 4
},
{
"weight": 5,
"balanced_score": 12803.584,
"location": 86
}
],
"locations": [
4,
86
],
"excerpt": "IT Professional <mark>Services</mark> Partner eSolia works as a team, bringing to bear all the skills a typical IT department has, to resolve your Japan challenges. We are multilingual professionals who"
},
{
"title": "Our Services",
"url": "/en/#services",
"anchor": {
"element": "h2",
"id": "services",
"text": "Our Services",
"location": 87
},
"weighted_locations": [
{
"weight": 6,
"balanced_score": 18437.16,
"location": 88
},
{
"weight": 5,
"balanced_score": 12803.584,
"location": 93
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 102
}
],
"locations": [
88,
93,
102
],
"excerpt": "Our <mark>Services.</mark> Your Challenges are our <mark>Service</mark> Mandates eSolia provides a full range of IT <mark>services</mark> based in Tokyo, supporting your Japan business success. IT Consulting Procurement and Inventory Processing"
},
{
"title": "Why eSolia",
"url": "/en/#whyesolia",
"anchor": {
"element": "h2",
"id": "whyesolia",
"text": "Why eSolia",
"location": 513
},
"weighted_locations": [
{
"weight": 1,
"balanced_score": 512.1433,
"location": 534
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 699
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 748
},
{
"weight": 1,
"balanced_score": 512.1433,
"location": 776
}
],
"locations": [
534,
699,
748,
776
],
"excerpt": "satisfaction. <mark>Service</mark> Value We are not a temp staff company, and our value is achieved because we strive as a team on behalf of our clients, responsibly performing the <mark>services</mark>"
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment