1<!DOCTYPE html><!--nisrfskT1nJXZ2p_RGrvS--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/aa5a5ec7a8ca887c.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/3fd1957cfb7248ee.js"/>
1<script src="/_next/static/chunks/236f7e5abd6f09ff.js" async=""></script>
1<script src="/_next/static/chunks/30ea11065999f7ac.js" async=""></script>
1<script src="/_next/static/chunks/17bb38bff44521fb.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-35e6f06e511ed5bc.js" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script>
1<script src="/_next/static/chunks/7340adf74ff47ec0.js" async=""></script>
1<script src="/_next/static/chunks/67107a51fa02dd1d.js" async=""></script>
1<script src="/_next/static/chunks/6393f204da1b6891.js" async=""></script>
1<script src="/_next/static/chunks/8ab88777544428c5.js" async=""></script>
1<link rel="preload" href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;700&family=Josefin+Sans:wght@200;400;600&display=swap" as="style"/><meta name="next-size-adjust" content=""/><link rel="icon" href="/favicon.ico" sizes="any"/><link rel="icon" href="/icon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/><meta name="theme-color" content="#6DBDB5"/><title>Tack'n K | Reservation Systems & Web App Development</title><meta name="description" content="Built by an engineer with barbershop management experience. Want a reservation system built exclusively for your business?"/><meta name="author" content="Tack'n K"/><meta name="keywords" content="web reservation system,booking system development,salon booking system,barbershop reservation,salon management,web app development,medical records system,electronic medical records,customer management,salon software,clinic booking,staff management"/><meta name="creator" content="Tack'n K"/><meta name="publisher" content="Tack'n K"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="category" content="technology"/><meta name="classification" content="Web Development Services"/><link rel="canonical" href="https://tack-and-k.com/en"/><link rel="alternate" hrefLang="ja" href="https://tack-and-k.com/ja"/><link rel="alternate" hrefLang="en" href="https://tack-and-k.com/en"/><meta property="og:title" content="Tack'n K | Web Reservation Systems & App Development"/><meta property="og:description" content="Building systems that work for your business."/><meta property="og:url" content="https://tack-and-k.com/en"/><meta property="og:site_name" content="Tack'n K"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://tack-and-k.com/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Tack'n K - Web Reservation Systems & App Development"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@steadycode42548"/><meta name="twitter:creator" content="@steadycode42548"/><meta name="twitter:title" content="Tack'n K | Web Reservation Systems & App Development"/><meta name="twitter:description" content="Built by an engineer with barbershop management experience. Want a reservation system built exclusively for your business?"/><meta name="twitter:image" content="https://tack-and-k.com/og-image.png"/><link rel="icon" href="/favicon.ico?favicon.3dcc7361.ico" sizes="48x48" type="image/x-icon"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Tack'n K","url":"https://tack-and-k.com","logo":"https://tack-and-k.com/logo.png","description":"Building systems that work for your business.","contactPoint":{"@type":"ContactPoint","email":"[email protected]","contactType":"customer service","availableLanguage":["Japanese","English"]},"sameAs":["https://x.com/steadycode42548"],"serviceArea":{"@type":"Country","name":"Japan"},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Web Development Services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Web Reservation System Development","description":"Booking management systems for salons and barbershops"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Web App Development","description":"Mobile-optimized web applications"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Medical Records System Development","description":"Centralized customer and treatment history management"}}]}}</script>
1<link href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;700&family=Josefin+Sans:wght@200;400;600&display=swap" rel="stylesheet"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="inter_5972bc34-module__OU16Qa__className"><div hidden=""><!--$--><!--/$--></div><div class="min-h-screen bg-[#E8E4E1]"><header class="flex justify-between items-center px-6 md:px-8 py-4 bg-[#E8E4E1]/90 backdrop-blur-sm sticky top-0 z-50" style="opacity:0;transform:translateY(-20px)"><a class="flex items-center gap-3 hover:opacity-80 transition-opacity" href="/en"><img alt="Tack'n K" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flogo.png&w=48&q=75 1x, /_next/image?url=%2Flogo.png&w=96&q=75 2x" src="/_next/image?url=%2Flogo.png&w=96&q=75"/><span class="text-2xl font-bold text-[#3D3D3D]">Tack'n K</span></a><nav class="hidden md:flex gap-3 items-center"><a href="/en/#services" class="px-4 py-2 font-medium rounded-full transition-colors text-[#3D3D3D] hover:bg-[#6DBDB5]/10">Services</a><a class="px-4 py-2 font-medium rounded-full transition-colors text-[#3D3D3D] hover:bg-[#6DBDB5]/10" href="/en/why-webapp">Why Web Apps</a><a class="px-4 py-2 font-medium rounded-full transition-colors text-[#6DBDB5] bg-[#6DBDB5]/10" href="/en/price">Pricing</a><a class="px-4 py-2 font-medium rounded-full transition-colors text-[#3D3D3D] hover:bg-[#6DBDB5]/10" href="/en/about">About</a><a href="/en/#contact" class="px-4 py-2 bg-[#6DBDB5] text-white rounded-full hover:bg-[#5AAA9F] transition-colors">Contact</a><a class="flex items-center gap-1.5 px-3 py-2 text-[#6B6B6B] hover:text-[#6DBDB5] rounded-full hover:bg-[#6DBDB5]/10 transition-colors text-sm font-medium" href="/ja"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>JA</a></nav><button class="md:hidden p-2 z-50 relative" aria-label="Open menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-6 h-6 text-[#3D3D3D]" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></header><section class="py-16 md:py-20 px-6 md:px-8 relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-[#6DBDB5]/5 via-transparent to-[#5B9BD5]/5 pointer-events-none"></div><div class="max-w-5xl mx-auto text-center relative"><div class="inline-flex items-center gap-2 px-4 py-2 bg-[#6DBDB5]/15 text-[#5AAA9F] rounded-full text-sm font-medium mb-6" style="opacity:0;transform:translateY(20px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-4 h-4" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg>Transparent pricing â no hidden fees</div><h1 class="text-3xl md:text-4xl lg:text-5xl font-bold text-[#3D3D3D] mb-6 leading-tight" style="opacity:0;transform:translateY(20px)"><span class="text-[#6DBDB5]">Pricing Plans</span> & <span class="text-[#5B9BD5]">Getting Started</span></h1><p class="text-lg text-[#6B6B6B] mb-4 leading-relaxed max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">We've prepared 4 plans to match your business size and needs.<br/><span class="font-semibold text-[#3D3D3D]">Every plan starts with a free prototype</span>.</p></div></section><section class="py-12 px-6 md:px-8 bg-gradient-to-r from-[#6DBDB5]/10 via-[#5B9BD5]/5 to-[#A89BC5]/10"><div class="max-w-5xl mx-auto"><div class="bg-white rounded-3xl p-8 md:p-10 shadow-xl relative overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute top-0 right-0 w-64 h-64 bg-gradient-to-br from-[#6DBDB5]/20 to-[#5B9BD5]/20 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2"></div><div class="absolute bottom-0 left-0 w-48 h-48 bg-gradient-to-tr from-[#A89BC5]/15 to-transparent roun
1ded-full blur-2xl translate-y-1/2 -translate-x-1/4"></div><div class="relative flex flex-col md:flex-row items-center gap-8"><div class="flex-shrink-0"><div class="w-24 h-24 bg-gradient-to-br from-[#FF6B6B] to-[#FF8E8E] rounded-3xl flex items-center justify-center shadow-lg shadow-[#FF6B6B]/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-12 h-12 text-white" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div></div><div class="text-center md:text-left flex-1"><div class="inline-flex items-center gap-2 px-3 py-1 bg-[#FF6B6B]/10 text-[#FF6B6B] text-sm font-bold rounded-full mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>Tack'n K's Edge</div><h2 class="text-2xl md:text-3xl font-bold text-[#3D3D3D] mb-3"><span class="text-[#FF6B6B]">In just 5 days</span>, see a demo with your store name on it</h2><p class="text-[#6B6B6B] leading-relaxed">Before signing any contract, we'll show you a working prototype you can try on your phone.<br class="hidden md:block"/>Confirm "This is what I wanted!" before moving to full production.</p></div><div class="flex-shrink-0 hidden lg:block"><div class="relative"><div class="w-40 h-80 bg-[#1a1a1a] rounded-[2rem] p-2 shadow-xl"><div class="absolute top-3 left-1/2 -translate-x-1/2 w-16 h-5 bg-black rounded-full z-10"></div><div class="w-full h-full bg-[#E8E4E1] rounded-[1.5rem] overflow-hidden"><div class="p-3 pt-8"><div class="flex items-center gap-2 mb-3"><div class="w-8 h-8 bg-gradient-to-br from-[#6DBDB5] to-[#5AAA9F] rounded-lg flex items-center justify-center"><svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></div><div><div class="text-[10px] font-bold text-[#3D3D3D]">Your Salon</div><div class="text-[8px] text-[#6B6B6B]">Book here</div></div></div><div class="bg-white rounded-xl p-2 mb-2"><div class="text-[8px] text-[#6DBDB5] font-bold">Select date</div><div class="grid grid-cols-7 gap-0.5 mt-1"><div class="text-[6px] text-center py-0.5 rounded text-[#6B6B6B]">20</div><div class="text-[6px] text-center py-0.5 rounded text-[#6B6B6B]">21</div><div class="text-[6px] text-center py-0.5 rounded text-[#6B6B6B]">22</div><div class="text-[6px] text-center py-0.5 rounded bg-[#6DBDB5] text-white">23</div><div class="text-[6px] text-center py-0.5 rounded text-[#6B6B6B]">24</div><div class="text-[6px] text-center py-0.5 rounded text-[#6B6B6B]">25</div><div class="text-[6px] text-center py-0.5 rounded text-[#6B6B6B]">26</div></div></div><div class="bg-white rounded-xl p-2"><div class="text-[8px] text-[#5B9BD5] font-bold">Menu</div><div class="text-[7px] text-[#3D3D3D] mt-1">ã«ãã Â¥4,000</div><div class="text-[7px] text-[#3D3D3D]">ã«ã©ã¼ Â¥6,000</div></div></div></div></div><div class="absolute -top-2 -right-4 bg-[#FF6B6B] text-white text-xs font-bold px-3 py-1 rounded-full shadow-lg" style="opacity:0;transform:translateX(20px)">Done in 5 days!</div></div></div></div></div></div></section><section class="py-20 px-6 md:px-8 relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-transparent via-[#5B9BD5]/3 to-transparent pointer-events-none"></div><div class="max-w-7xl mx-auto relative"><div class="text-center mb-12" style="opacity:0;transform:translateY(40px)"><h2 class="text-3xl font-bold text-[#3D3D3D] mb-4">Pricing Plans</h2><p class="text-[#6B6B6B] text-lg">Choose the plan that fits your business</p></div><div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-6" style="opacity:0"><div class=""><div class="relative bg-white rounded-3xl h-full flex flex-col overflow-hidden shadow-lg p-6" style="box-shadow:0 10px 40px -10px rgba(0,0,0,0.1);transform:none"><div class=""><div class="mb-2"><div class="inline-flex items-center gap-2 px-3 py-1 bg-gradient-to-r from-[#9
1CA3AF] to-[#6B7280] text-white text-sm font-bold rounded-full">Trial Plan</div></div><p class="text-sm text-[#6B6B6B] mb-3">Start with minimal cost</p><div class="mb-4"><span class="font-bold text-[#3D3D3D] text-3xl">Â¥30,000</span><span class="text-[#6B6B6B] ml-1"></span></div><p class="text-[#6B6B6B] text-sm mb-4 leading-relaxed">Instant deployment of an existing demo. For individual owners who want to minimize costs.</p><div class="flex items-center gap-2 mb-6 pb-6 border-b border-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4 text-[#6B6B6B]" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-sm text-[#6B6B6B]">Est. delivery: </span><span class="text-sm font-semibold text-[#3D3D3D]">5 days</span></div><ul class="space-y-3 flex-1"><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#9CA3AF] to-[#6B7280] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Instant deployment of existing demo</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#9CA3AF] to-[#6B7280] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Store name & logo initial setup</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#9CA3AF] to-[#6B7280] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Basic menu & staff configuration</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#9CA3AF] to-[#6B7280] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Operation manual included</span></li></ul><a class="mt-8 w-full py-4 rounded-full font-semibold text-center transition-all flex items-center justify-center gap-2 border-2 border-[#6DBDB5] text-[#6DBDB5] hover:bg-[#6DBDB5] hover:text-white" href="/en#contact">Inquire About This Plan<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div><div class=""><div class="relative bg-white rounded-3xl h-full flex flex-col overflow-hidden shadow-lg p-6" style="box-shadow:0 10px 40px -10px rgba(0,0,0,0.1);transform:none"><div class=""><div class="mb-2"><div class="inline-flex items-center gap-2 px-3 py-1 bg-gradient-to-r from-[#6DBDB5] to-[#5AAA9F] text-white text-sm font-bold rounded-full">Starter</div></div><p class="text-sm text-[#6B6B6B] mb-3">Value your brand</p><div class="mb-4"><span class="font-bold text-[#3D3D3D] text-3xl">Â¥100,000</span><span class="text-[#6B6B6B] ml-1"></span></div><p class="text-[#6B6B6B] text-sm mb-4 leading-relaxed">Design customization to match your store's color scheme. For those who value their brand image.</p><div class="flex items-center gap-2 mb-6 pb-6 border-b border-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4 text-[#6B6B6B]" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-sm text-[#6B6B6B]">Est. delivery: </span><span class="text-sm font-semibold text-[#3D3D3D]">2 weeks</span></div><ul class="space-y-3 flex-1"><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#6DBDB5] to-[#5AAA9F] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Design matching your store colors</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#6DBDB5] to-[#5AAA9F] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Logo & brand color integration</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#6DBDB5] to-[#5AAA9F] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Full reservation features</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#6DBDB5] to-[#5AAA9F] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Menu & staff setup (20 items)</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#6DBDB5] to-[#5AAA9F] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Cancellation & modification features</span></li></ul><a class="mt-8 w-full py-4 rounded-full font-semibold text-center transition-all flex items-center justify-center gap-2 border-2 border-[#6DBDB5] text-[#6DBDB5] hover:bg-[#6DBDB5] hover:text-white" href="/en#contact">Inquire About This Plan<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div><div class="xl:-mt-6 xl:mb-6"><div class="relative bg-white rounded-3xl h-full flex flex-col overflow-hidden ring-2 ring-[#5B9BD5] shadow-2xl shadow-[#5B9BD5]/20 p-8" style="box-shadow:0 10px 40px -10px rgba(0,0,0,0.1);transform:none"><div class="absolute -top-0 left-0 right-0"><div class="bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] text-white text-sm font-bold py-2 text-center flex items-center justify-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crown w-4 h-4" aria-hidden="true"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg>Most Popular<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
11.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div></div><div class="pt-8"><div class="mb-2"><div class="inline-flex items-center gap-2 px-3 py-1 bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] text-white text-sm font-bold rounded-full">Standard</div></div><p class="text-sm text-[#6B6B6B] mb-3">Serious customer acquisition</p><div class="mb-4"><span class="font-bold text-[#3D3D3D] text-4xl">Â¥300,000</span><span class="text-[#6B6B6B] ml-1"></span></div><p class="text-[#6B6B6B] text-sm mb-4 leading-relaxed">PWA-enabled for an app-like experience. For businesses serious about customer acquisition and retention.</p><div class="flex items-center gap-2 mb-6 pb-6 border-b border-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4 text-[#6B6B6B]" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-sm text-[#6B6B6B]">Est. delivery: </span><span class="text-sm font-semibold text-[#3D3D3D]">1 month</span></div><ul class="space-y-3 flex-1"><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">All Starter features included</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">PWA support (home screen icon)</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Push notification reminders</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Detailed customer management & visit history</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Custom input forms (surveys, etc.)</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Full mobile optimization</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Reservation data CSV export</span></li></ul><a class="mt-8 w-full py-4 rounded-full font-semibold text-center transition-all flex items-center justify-center gap-2 bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] text-white hover:shadow-lg hover:shadow-[#5B9BD5]/30" href="/en#contact">Inquire About This Plan<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div><div class=""><div class="relative bg-white rounded-3xl h-full flex flex-col overflow-hidden shadow-lg p-6" style="box-shadow:0 10px 40px -10px rgba(0,0,0,0.1);transform:none"><div class=""><div class="mb-2"><div class="inline-flex items-center gap-2 px-3 py-1 bg-gradient-to-r from-[#A89BC5] to-[#9588B5] text-white text-sm font-bold rounded-full">Custom / DX</div></div><p class="text-sm text-[#6B6B6B] mb-3">Transform your operations</p><div class="mb-4"><span class="font-bold text-[#3D3D3D] text-3xl">Â¥500,000</span><span class="text-[#6B6B6B] ml-1">~</span></div><p class="text-[#6B6B6B] text-sm mb-4 leading-relaxed">Fully custom-built. For businesses looking to fundamentally streamline their workflow.</p><div class="flex items-center gap-2 mb-6 pb-6 border-b border-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4 text-[#6B6B6B]" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-sm text-[#6B6B6B]">Est. delivery: </span><span class="text-sm font-semibold text-[#3D3D3D]">2+ months</span></div><ul class="space-y-3 flex-1"><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#A89BC5] to-[#9588B5] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">All Standard features included</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#A89BC5] to-[#9588B5] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">External system integration (payment, POS, etc.)</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#A89BC5] to-[#9588B5] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Advanced reservation logic</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#A89BC5] to-[#9588B5] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Data analytics dashboard</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#A89BC5] to-[#9588B5] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Multi-location & staff coordination</span></li><li class="flex items-start gap-2"><div class="w-5 h-5 rounded-full bg-gradient-to-r from-[#A89BC5] to-[#9588B5] flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[#3D3D3D] text-sm">Dedicated support team</span></li></ul><a class="mt-8 w-full py-4 rounded-full font-semibold text-center transition-all flex items-center justify-center gap-2 border-2 border-[#6DBDB5] text-[#6DBDB5] hover:bg-[#6DBDB5] hover:text-white" href="/en#contact">Inquire About This Plan<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><p class="text-center text-sm text-[#6B6B6B] mt-10" style="opacity:0">â» Prices include tax. Payment is due after project completion.</p></div></section><section class="py-12 px-6 md:px-8 bg-[#E8E4E1]"><div class="max-w-4xl mx-auto"><div class="bg-gradient-to-r from-[#6DBDB5]/10 via-[#5B9BD5]/10 to-[#6DBDB5]/10 border border-[#6DBDB5]/30 rounded-2xl p-6 md:p-8" style="opacity:0;transform:translateY(30px)"><div class="flex flex-col md:flex-row items-start gap-6"><div class="w-14 h-14 bg-gradient-to-br from-[#6DBDB5] to-[#5AAA9F] rounded-xl flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-7 h-7 text-white" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div><div class="flex items-center gap-2 mb-2"><h3 class="text-lg font-bold text-[#3D3D3D]">NDA (Non-Disclosure Agreement) Available</h3><span class="px-2 py-0.5 bg-[#6DBDB5]/20 text-[#5AAA9F] text-xs font-bold rounded-full">All plans</span></div><p class="text-[#6B6B6B] leading-relaxed">For all plans, we can <span class="font-semibold text-[#3D3D3D]">sign a confidentiality agreement upon request</span>. We strictly protect your valuable customer data and business know-how.</p></div></div></div></div></section><section class="py-16 px-6 md:px-8 bg-gradient-to-r from-[#6DBDB5]/10 via-[#5B9BD5]/10 to-[#A89BC5]/10"><div class="max-w-4xl mx-auto"><div class="bg-white rounded-3xl p-8 md:p-12 shadow-xl" style="opacity:0;transform:translateY(30px)"><div class="text-center mb-8"><div class="inline-flex items-center justify-center w-16 h-16 bg-gradient-to-br from-[#6DBDB5] to-[#5B9BD5] rounded-2xl mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones w-8 h-8 text-white" aria-hidden="true"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg></div><h3 class="text-2xl md:text-3xl font-bold text-[#3D3D3D] mb-4">Monthly Maintenance Support</h3><div class="mb-2"><span class="text-4xl md:text-5xl font-bold text-[#5B9BD5]">Â¥3,000</span><span class="text-xl text-[#6B6B6B]">~ / month</span></div><p class="text-sm text-[#6B6B6B]">â» Server & domain fees are separate (approx. Â¥500âÂ¥1,500/month)</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-8"><div class="flex items-start gap-3 p-4 bg-[#E8E4E1]/50 rounded-xl"><div class="w-10 h-10 bg-gradient-to-br from-[#6DBDB5]/20 to-[#5B9BD5]/20 rounded-lg flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server w-5 h-5 text-[#6DBDB5]" aria-hidden="true"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg></div><div><h4 class="font-bold text-[#3D3D3D] text-sm">24/7 uptime monitoring</h4><p class="text-xs text-[#6B6B6B]">We watch over your system around the clock</p></div></div><div class="flex items-start gap-3 p-4 bg-[#E8E4E1]/50 rounded-xl"><div class="w-10 h-10 bg-gradient-to-br from-[#6DBDB5]/20 to-[#5B9BD5]/20 rounded-lg flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database w-5 h-5 text-[#6DBDB5]" aria-hidden="true"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></div><div><h4 class="font-bold text-[#3D3D3D] text-sm">Regular data backups</h4><p class="text-xs text-[#6B6B6B]">Your important data, safely stored</p></div></div><div class="flex items-start gap-3 p-4 bg-[#E8E4E1]/50 rounded-xl"><div class="w-10 h-10 bg-gradient-to-br from-[#6DBDB5]/20 to-[#5B9BD5]/20 rounded-lg flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-5 h-5 text-[#6DBDB5]" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div><h4 class="font-bold text-[#3D3D3D] text-sm">Security updates</h4><p class="text-xs text-[#6B6B6B]">Always maintaining the latest security</p></div></div><div class="flex items-start gap-3 p-4 bg-[#E8E4E1]/50 rounded-xl"><div class="w-10 h-10 bg-gradient-to-br from-[#6DBDB5]/20 to-[#5B9BD5]/20 rounded-lg flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="
1round" class="lucide lucide-message-circle w-5 h-5 text-[#6DBDB5]" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></div><div><h4 class="font-bold text-[#3D3D3D] text-sm">Chat-based support</h4><p class="text-xs text-[#6B6B6B]">Help with usage and settings anytime</p></div></div></div><p class="text-[#6B6B6B] leading-relaxed text-center">Even after launch, you can count on us for operations, maintenance, and support â all in one place.</p></div></div></section><section class="py-20 px-6 md:px-8 bg-[#DED8D3]"><div class="max-w-5xl mx-auto"><div class="text-center mb-12" style="opacity:0;transform:translateY(40px)"><h2 class="text-3xl font-bold text-[#3D3D3D] mb-4">Optional Add-ons</h2><p class="text-[#6B6B6B] text-lg">Add as needed</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6" style="opacity:0"><div class="bg-white rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all hover:-translate-y-1" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 bg-gradient-to-br from-[#6DBDB5]/20 to-[#5B9BD5]/20 rounded-xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell w-6 h-6 text-[#6DBDB5]" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg></div><h3 class="font-bold text-[#3D3D3D] mb-1">LINE Notification Integration</h3><p class="text-xl font-bold text-[#6DBDB5] mb-2">Â¥30,000~</p><p class="text-sm text-[#6B6B6B]">Booking confirmations & reminders via LINE</p></div><div class="bg-white rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all hover:-translate-y-1" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 bg-gradient-to-br from-[#6DBDB5]/20 to-[#5B9BD5]/20 rounded-xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-6 h-6 text-[#6DBDB5]" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><h3 class="font-bold text-[#3D3D3D] mb-1">Custom Domain Setup</h3><p class="text-xl font-bold text-[#6DBDB5] mb-2">Â¥10,000</p><p class="text-sm text-[#6B6B6B]">Set up a custom URL like "salon-name.com"</p></div><div class="bg-white rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all hover:-translate-y-1" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 bg-gradient-to-br from-[#6DBDB5]/20 to-[#5B9BD5]/20 rounded-xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database w-6 h-6 text-[#6DBDB5]" aria-hidden="true"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></div><h3 class="font-bold text-[#3D3D3D] mb-1">Data Migration</h3><p class="text-xl font-bold text-[#6DBDB5] mb-2">Â¥20,000~</p><p class="text-sm text-[#6B6B6B]">Migrate customer & booking data from existing systems</p></div></div><p class="text-center text-sm text-[#6B6B6B] mt-8" style="opacity:0">â» Other customizations are also available. Feel free to inquire.</p></div></section><section class="py-20 px-6 md:px-8 bg-[#E8E4E1] relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-[#6DBDB5]/5 via-transparent to-[#A89BC5]/5 pointer-events-none"></div><div class="max-w-5xl mx-auto relative"><div class="text-center mb-12" style="opacity:0;transform:translateY(40px)"><h2 class="text-3xl font-bold text-[#3D3D3D] mb-4">How It Works</h2><p class="text-[#6B6B6B] text-lg">Your custom system in 4 simple steps</p></div><div class="relative" style="opacity:0"><div class="hidden md:block absolute left-1/2 top-0 bottom-0 w-0.5 bg-gradient-to-b from-[#6DBDB5] via-[#5B9BD5] to-[#A89BC5] -translate-x-1/2"></div><div class="space-y-8 md:space-y-0"><div class="relative md:pr-[52%]" style="opacity:0;transform:translateY(30px)"><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 w-14 h-14 bg-white rounded-full items-center justify-center shadow-lg z-10"><div class="w-10 h-10 rounded-full bg-gradient-to-r from-[#6DBDB5] to-[#5AAA9F] flex items-center justify-center text-white font-bold">1</div></div><div class="bg-white rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all "><div class="flex items-start gap-4"><div class="md:hidden w-10 h-10 rounded-full bg-gradient-to-r from-[#6DBDB5] to-[#5AAA9F] flex items-center justify-center text-white font-bold flex-shrink-0">1</div><div class="flex-1"><div class="flex items-center gap-3 mb-2"><div class="w-10 h-10 bg-gradient-to-r from-[#6DBDB5] to-[#5AAA9F] rounded-xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-5 h-5 text-white" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></div><div><h3 class="text-lg font-bold text-[#3D3D3D]">Consultation</h3><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-[#6B6B6B]" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-xs font-medium text-[#6B6B6B]">30 min â 1 hour</span></div></div></div><p class="text-[#6B6B6B] text-sm leading-relaxed">We'll listen to your needs and concerns, then suggest the best plan for you.</p></div></div></div></div><div class="relative md:pl-[52%]" style="opacity:0;transform:translateY(30px)"><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 w-14 h-14 bg-white rounded-full items-center justify-center shadow-lg z-10"><div class="w-10 h-10 rounded-full bg-gradient-to-r from-[#FF6B6B] to-[#FF8E8E] flex items-center justify-center text-white font-bold">2</div></div><div class="bg-white rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all ring-2 ring-[#FF6B6B]/50 ring-offset-2 ring-offset-[#E8E4E1]"><div class="flex items-start gap-4"><div class="md:hidden w-10 h-10 rounded-full bg-gradient-to-r from-[#FF6B6B] to-[#FF8E8E] flex items-center justify-center text-white font-bold flex-shrink-0">2</div><div class="flex-1"><div class="flex items-center gap-3 mb-2"><div class="w-10 h-10 bg-gradient-to-r from-[#FF6B6B] to-[#FF8E8E] rounded-xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-5 h-5 text-white" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div><h3 class="text-lg font-bold text-[#3D3D3D]">Prototype Review</h3><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-[#6B6B6B]" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-xs font-medium text-[#FF6B6B]">As few as 5 days</span><span class="ml-1 px-2 py-0.5 bg-[#FF6B6B]/10 text-[#FF6B6B] text-xs font-bold rounded-full">â
Lightning Fast</span></div></div></div><p class="text-[#6B6B6B] text-sm leading-relaxed">We'll create a working demo with your store name. Try it on your phone to see how it feels.</p></div></div></div></div><div class="relative md:pr-[52%]" style="opacity:0;transform:translateY(30px)"><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 w-14 h-14 bg-white rounded-full items-center justify-center shadow-lg z-10"><div class="w-10 h-10 rounded-full bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] flex items-center justify-center text-white font-bold">3</div></div><div class="bg-white rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all "><div class="flex items-start gap-4"><div class="md:hidden w-10 h-10 rounded-full bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] flex items-center justify-center text-white font-bold flex-shrink-0">3</div><div class="flex-1"><div class="flex items-center gap-3 mb-2"><div class="w-10 h-10 bg-gradient-to-r from-[#5B9BD5] to-[#4A8AC4] rounded-xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml w-5 h-5 text-white" aria-hidden="true"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></div><div><h3 class="text-lg font-bold text-[#3D3D3D]">Full Production</h3><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-[#6B6B6B]" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-xs font-medium text-[#6B6B6B]">1â3 weeks</span></div></div></div><p class="text-[#6B6B6B] text-sm leading-relaxed">We incorporate your feedback and refine every detail. Unlimited revisions.</p></div></div></div></div><div class="relative md:pl-[52%]" style="opacity:0;transform:translateY(30px)"><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 w-14 h-14 bg-white rounded-full items-center justify-center shadow-lg z-10"><div class="w-10 h-10 rounded-full bg-gradient-to-r from-[#A89BC5] to-[#9588B5] flex items-center justify-center text-white font-bold">4</div></div><div class="bg-white rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all "><div class="flex items-start gap-4"><div class="md:hidden w-10 h-10 rounded-full bg-gradient-to-r from-[#A89BC5] to-[#9588B5] flex items-center justify-center text-white font-bold flex-shrink-0">4</div><div class="flex-1"><div class="flex items-center gap-3 mb-2"><div class="w-10 h-10 bg-gradient-to-r from-[#A89BC5] to-[#9588B5] rounded-xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone w-5 h-5 text-white" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div><div><h3 class="text-lg font-bold text-[#3D3D3D]">Launch & Training</h3><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-[#6B6B6B]" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-xs font-medium text-[#6B6B6B]">1 day</span></div></div></div><p class="text-[#6B6B6B] text-sm leading-relaxed">We'll walk you through everything. Chat support continues after launch.</p></div></div></div></div></div></div></div></section><section class="py-16 px-6 md:px-8 bg-[#DED8D3]"><div class="max-w-3xl mx-auto"><div class="bg-white rounded-3xl p-8 md:p-10 shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="flex flex-col md:flex-row items-center gap-6 mb-6"><div class="w-20 h-20 bg-gradient-to-br from-[#6DBDB5] to-[#5B9BD5] rounded-2xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user w-10 h-10 text-white" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></div><div class="text-center md:text-left"><h3 class="text-xl font-bold text-[#3D3D3D] mb-1">About the Developer</h3><p class="text-[#6B6B6B]">Tack'n K <!-- -->Tack'n K Representative</p></div></div><p class="text-[#6B6B6B] leading-relaxed">We develop web reservation systems, web apps, and electronic medical record systems for salons, barbershops, and clinics. We prioritize ease of use and readability with eye-friendly design.</p></div></div></section><section class="py-20 px-6 md:px-8 bg-gradient-to-br from-[#6DBDB5] via-[#5AAA9F] to-[#5B9BD5] relative overflow-hidden"><div class="absolute top-0 right-0 w-96 h-96 bg-white/10 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2"></div><div class="absolute bottom-0 left-0 w-64 h-64 bg-[#A89BC5]/20 rounded-full blur-3xl translate-y-1/2 -translate-x-1/4"></div><div class="max-w-3xl mx-auto text-center relative"><div style="opacity:0;transform:translateY(40px)"><div class="inline-flex items-center gap-2 px-5 py-2 bg-white/20 backdrop-blur-sm text-white rounded-full text-sm font-bold mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-4 h-4" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg>See the real thing before committing</div><h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Start with a <span class="underline decoration-4 decoration-[#FFD700] underline-offset-4">free 5-day prototype</span> experience</h2><p class="text-white/90 text-lg mb-8">We'll create a working demo with your store name â completely <span class="font-bold">free</span>.<br/>Avoid "that's not what I expected" â move to production with confidence.</p><div class="flex flex-col sm:flex-row gap-4 justify-center"><a class="group inline-flex items-center justify-center gap-2 bg-white text-[#6DBDB5] font-bold px-8 py-4 rounded-full hover:shadow-xl hover:shadow-black/20 transition-all text-lg" href="/en#contact">Request a Free Prototype<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="flex flex-wrap justify-center gap-4 mt-8 text-white/80 text-sm"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
1Absolutely no cost</div><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Delivered in as few as 5 days</div><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Try it on your actual phone</div></div><p class="text-white/60 text-sm mt-6">We typically respond within 24 hours</p></div></div></section><footer class="py-8 px-6 md:px-8 bg-[#E8E4E1]"><div class="max-w-5xl mx-auto"><div class="flex flex-col md:flex-row justify-between items-center gap-4"><div class="flex items-center gap-3"><img alt="Tack'n K" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flogo.png&w=32&q=75 1x, /_next/image?url=%2Flogo.png&w=64&q=75 2x" src="/_next/image?url=%2Flogo.png&w=64&q=75"/><span class="font-bold text-[#3D3D3D]">Tack'n K</span></div><nav class="flex flex-wrap justify-center gap-4 text-sm"><a class="transition-colors text-[#6DBDB5] font-medium" href="/en/price">Pricing</a><a class="transition-colors text-[#6B6B6B] hover:text-[#6DBDB5]" href="/en/about">About</a><a href="/en/#contact" class="text-[#6B6B6B] hover:text-[#6DBDB5] transition-colors">Contact</a></nav><p class="text-sm text-[#6B6B6B] flex items-center gap-2">© 2025 Tack'n K - powered by Kai</p></div></div></footer></div><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
1<script src="/_next/static/chunks/3fd1957cfb7248ee.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"default\"]\n5:I[47257,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"ClientPageRoot\"]\n6:I[203,[\"/_next/static/chunks/67107a51fa02dd1d.js\",\"/_next/static/chunks/6393f204da1b6891.js\",\"/_next/static/chunks/8ab88777544428c5.js\"],\"default\"]\n9:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nc:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"ViewportBoundary\"]\ne:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"MetadataBoundary\"]\n10:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/aa5a5ec7a8ca887c.css\",\"style\"]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"nisrfskT1nJXZ2p_RGrvS\",\"c\":[\"\",\"en\",\"price\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"lang\",\"en\",\"d\"],{\"children\":[\"price\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/aa5a5ec7a8ca887c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/67107a51fa02dd1d.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{\"lang\":\"en\"},\"promises\":[\"$@7\",\"$@8\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/6393f204da1b6891.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/8ab88777544428c5.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Le\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lf\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",[]],\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"7:{}\n8:\"$0:f:0:1:1:children:1:children:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script>
1<script>self.__next_f.push([1,"11:I[63024,[\"/_next/static/chunks/67107a51fa02dd1d.js\"],\"I18nProvider\"]\n:HL[\"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;700\u0026family=Josefin+Sans:wght@200;400;600\u0026display=swap\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"4:[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Tack'n K\\\",\\\"url\\\":\\\"https://tack-and-k.com\\\",\\\"logo\\\":\\\"https://tack-and-k.com/logo.png\\\",\\\"description\\\":\\\"Building systems that work for your business.\\\",\\\"contactPoint\\\":{\\\"@type\\\":\\\"ContactPoint\\\",\\\"email\\\":\\\"[email protected]\\\",\\\"contactType\\\":\\\"customer service\\\",\\\"availableLanguage\\\":[\\\"Japanese\\\",\\\"English\\\"]},\\\"sameAs\\\":[\\\"https://x.com/steadycode42548\\\"],\\\"serviceArea\\\":{\\\"@type\\\":\\\"Country\\\",\\\"name\\\":\\\"Japan\\\"},\\\"hasOfferCatalog\\\":{\\\"@type\\\":\\\"OfferCatalog\\\",\\\"name\\\":\\\"Web Development Services\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"Offer\\\",\\\"itemOffered\\\":{\\\"@type\\\":\\\"Service\\\",\\\"name\\\":\\\"Web Reservation System Development\\\",\\\"description\\\":\\\"Booking management systems for salons and barbershops\\\"}},{\\\"@type\\\":\\\"Offer\\\",\\\"itemOffered\\\":{\\\"@type\\\":\\\"Service\\\",\\\"name\\\":\\\"Web App Development\\\",\\\"description\\\":\\\"Mobile-optimized web applications\\\"}},{\\\"@type\\\":\\\"Offer\\\",\\\"itemOffered\\\":{\\\"@type\\\":\\\"Service\\\",\\\"name\\\":\\\"Medical Records System Development\\\",\\\"description\\\":\\\"Centralized customer and treatment history management\\\"}}]}}\"}}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#6DBDB5\"}],[\"$\",\"link\",null,{\"href\":\"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;700\u0026family=Josefin+Sans:wght@200;400;600\u0026display=swap\",\"rel\":\"stylesheet\"}]]}],[\"$\",\"body\",null,{\"className\":\"inter_5972bc34-module__OU16Qa__className\",\"children\":[[\"$\",\"$L11\",null,{\"lang\":\"en\",\"dict\":{\"common\":{\"nav\":{\"services\":\"Services\",\"whyWebapp\":\"Why Web Apps\",\"price\":\"Pricing\",\"about\":\"About\",\"contact\":\"Contact\",\"openMenu\":\"Open menu\"},\"footer\":{\"copyright\":\"© 2025 Tack'n K - powered by Kai\",\"price\":\"Pricing\",\"about\":\"About\",\"contact\":\"Contact\"},\"replyNote\":\"We typically respond within 24 hours\"},\"home\":{\"hero\":{\"badge\":\"Prototype delivered in as few as 5 days\",\"titleLine1\":\"Custom-built\",\"titleLine1Suffix\":\"\",\"titleLine2\":\"for your business.\",\"description1\":\"Reservation systems, web apps, electronic medical records.\",\"description2\":\"Not off-the-shelf â tailor-made solutions built from scratch for you.\",\"staffAlt\":\"Welcoming staff\"},\"services\":{\"title\":\"Services\",\"subtitle\":\"Try our interactive demos for each service\",\"staffAlt\":\"Staff with smartphone\",\"viewDemo\":\"View Demo\",\"items\":[{\"title\":\"Web Reservation System\",\"description\":\"Accept bookings 24/7. Calendar sync, auto reminders, and staff management â all included.\"},{\"title\":\"Mobile Web App\",\"description\":\"Add to home screen. Push notifications to increase customer touchpoints and boost repeat visits.\"},{\"title\":\"Electronic Medical Records\",\"description\":\"Centralize treatment history, photo records, and allergy info. Smoother recommendations for next visits.\"}]},\"whyWebapp\":{\"imageAlt\":\"Why choose a Web App? Let us explain!\",\"benefits\":[{\"title\":\"Launch in as little as 1 week\",\"description\":\"No app store review needed. Deliver to customers right away.\"},{\"title\":\"Zero store fees\",\"description\":\"No Apple/Google tax. Keep 100% of your revenue.\"},{\"title\":\"Instant access via QR code\",\"description\":\"No installation required. Just scan and use.\"},{\"title\":\"Always up to date\",\"description\":\"Updates deploy instantly. Customers always have the latest features.\"}],\"learnMore\":\"Learn More\"},\"faq\":{\"title\":\"FAQ\",\"imageAlt\":\"Thinking staff\",\"items\":[{\"question\":\"How long does development take?\",\"answer\":\"A simple reservation system takes about 1 week. More customized projects take 2â4 weeks. We'll show you a prototype within 5 days first.\"},{\"question\":\"What are the pricing estimates?\",\"answer\":\"Self-setup plans start at Â¥30,000, and full customization starts at Â¥300,000. See our pricing page for details.\"},{\"question\":\"How is this different from a native app?\",\"answer\":\"Web apps require no installation, no app review, and zero store fees. Minimize hassle for customers while maximizing your revenue.\"},{\"question\":\"Is ongoing support available?\",\"answer\":\"Our maintenance plan starts at Â¥3,000/month, including chat support, server monitoring, and security updates.\"}]},\"contact\":{\"title\":\"Ready for a free consultation?\",\"description1\":\"Even a rough idea is perfectly fine.\",\"description2\":\"We'll show you a personalized prototype in as few as 5 days.\",\"staffAlt\":\"Staff making a proposal\"}},\"about\":{\"hero\":{\"motto\":\"\\\"Grateful for two callings, \",\"mottoHighlight\"
1:\"bringing your vision to life.\",\"mottoEnd\":\"\\\"\",\"description1\":\"Balancing a career in service industry while working as an engineer.\",\"description1br\":\"Grateful for having two fulfilling professions, growing every day.\",\"description2\":\"Beyond reservation systems and medical records â website creation, PC tools, and more.\",\"description2br\":\"Even vague ideas are welcome.\",\"description2bold\":\"Feel free to reach out anytime.\"},\"timeline\":{\"title\":\"Career Story\",\"subtitle\":\"From service industry craftsman to engineer\",\"items\":[{\"year\":\"2009â\",\"title\":\"Path to Barbering\",\"description\":\"After graduating from vocational school, started working in Koriyama, Fukushima. Represented Fukushima Prefecture at the 49th National Skills Competition (Barbering) and won gold. Later focused on training the next generation as an instructor.\",\"highlight\":\"Gold Medal â 49th National Skills Competition (Barbering)\"},{\"year\":\"\",\"title\":\"Discovering IT\",\"description\":\"Returned to the family barbershop. While editing and maintaining the shop's website, discovered the world of IT. Spent years self-studying, leveraging AI for improvements and skill development.\"},{\"year\":\"Present\",\"title\":\"Dual Career\",\"description\":\"Began engineering work alongside the main career, including game mod development. Currently balancing both professions â grateful for having two enjoyable careers and continuing to grow.\"}]},\"services\":{\"title\":\"Available Services\",\"subtitle\":\"Feel free to inquire about anything beyond reservation systems\",\"note\":\"â» We welcome inquiries for development projects not listed above.\",\"items\":[{\"title\":\"Web Reservation System\",\"description\":\"Booking management for salons, barbershops, and clinics\"},{\"title\":\"Medical Records \u0026 CRM\",\"description\":\"Centralized management of treatment history and customer data\"},{\"title\":\"Website Development\",\"description\":\"Web design for shops and businesses\"},{\"title\":\"Desktop Tool Development\",\"description\":\"Desktop applications for business efficiency\"}]},\"clientMessage\":{\"title\":\"For Prospective Clients\",\"description1\":\"We build exactly what you need.\",\"description1bold\":\"Even vague ideas are welcome â don't hesitate to reach out.\",\"description2\":\"Beyond reservation systems and medical records, we also offer \",\"description2bold\":\"website development and PC tool creation\",\"description2end\":\". Questions like \\\"Can you build this?\\\" are absolutely welcome.\",\"ndaTitle\":\"Confidentiality\",\"ndaDescription\":\"Depending on the project, we can \",\"ndaDescriptionBold\":\"sign a Non-Disclosure Agreement (NDA) before starting work\",\"ndaDescriptionEnd\":\". We handle information with the utmost care and see every project through to completion with integrity.\"},\"cta\":{\"title\":\"Feel free to get in touch\",\"description1\":\"Even a rough idea is perfectly fine.\",\"description2\":\"Let's bring it to life together.\",\"contactButton\":\"Contact Us\",\"priceButton\":\"View Pricing Plans\"}},\"price\":{\"hero\":{\"badge\":\"Transparent pricing â no hidden fees\",\"titlePart1\":\"Pricing Plans\",\"titlePart2\":\"Getting Started\",\"titleConnector\":\" \u0026 \",\"description\":\"We've prepared 4 plans to match your business size and needs.\",\"descriptionBold\":\"Every plan starts with a free prototype\",\"descriptionEnd\":\".\"},\"prototype\":{\"badge\":\"Tack'n K's Edge\",\"title1\":\"In just 5 days\",\"title2\":\", see a demo with your store name on it\",\"description1\":\"Before signing any contract, we'll show you a working prototype you can try on your phone.\",\"description2\":\"Confirm \\\"This is what I wanted!\\\" before moving to full production.\",\"salonName\":\"Your Salon\",\"salonSub\":\"Book here\",\"selectDate\":\"Select date\",\"menu\":\"Menu\",\"doneIn5Days\":\"Done in 5 days!\"},\"plans\":{\"title\":\"Pricing Plans\",\"subtitle\":\"Choose the plan that fits your business\",\"recommended\":\"Most Popular\",\"deliveryEstimate\":\"Est. delivery: \",\"consultButton\":\"Inquire About This Plan\",\"taxNote\":\"â» Prices include tax. Payment is due after project completion.\",\"items\":[{\"name\":\"Tr
1ial Plan\",\"subtitle\":\"Start with minimal cost\",\"price\":\"Â¥30,000\",\"priceNote\":\"\",\"description\":\"Instant deployment of an existing demo. For individual owners who want to minimize costs.\",\"period\":\"5 days\",\"features\":[\"Instant deployment of existing demo\",\"Store name \u0026 logo initial setup\",\"Basic menu \u0026 staff configuration\",\"Operation manual included\"]},{\"name\":\"Starter\",\"subtitle\":\"Value your brand\",\"price\":\"Â¥100,000\",\"priceNote\":\"\",\"description\":\"Design customization to match your store's color scheme. For those who value their brand image.\",\"period\":\"2 weeks\",\"features\":[\"Design matching your store colors\",\"Logo \u0026 brand color integration\",\"Full reservation features\",\"Menu \u0026 staff setup (20 items)\",\"Cancellation \u0026 modification features\"]},{\"name\":\"Standard\",\"subtitle\":\"Serious customer acquisition\",\"price\":\"Â¥300,000\",\"priceNote\":\"\",\"description\":\"PWA-enabled for an app-like experience. For businesses serious about customer acquisition and retention.\",\"period\":\"1 month\",\"features\":[\"All Starter features included\",\"PWA support (home screen icon)\",\"Push notification reminders\",\"Detailed customer management \u0026 visit history\",\"Custom input forms (surveys, etc.)\",\"Full mobile optimization\",\"Reservation data CSV export\"]},{\"name\":\"Custom / DX\",\"subtitle\":\"Transform your operations\",\"price\":\"Â¥500,000\",\"priceNote\":\"~\",\"description\":\"Fully custom-built. For businesses looking to fundamentally streamline their workflow.\",\"period\":\"2+ months\",\"features\":[\"All Standard features included\",\"External system integration (payment, POS, etc.)\",\"Advanced reservation logic\",\"Data analytics dashboard\",\"Multi-location \u0026 staff coordination\",\"Dedicated support team\"]}]},\"nda\":{\"title\":\"NDA (Non-Disclosure Agreement) Available\",\"badge\":\"All plans\",\"description\":\"For all plans, we can \",\"descriptionBold\":\"sign a confidentiality agreement upon request\",\"descriptionEnd\":\". We strictly protect your valuable customer data and business know-how.\"}
1,\"support\":{\"title\":\"Monthly Maintenance Support\",\"price\":\"Â¥3,000\",\"priceSuffix\":\"~ / month\",\"serverNote\":\"â» Server \u0026 domain fees are separate (approx. Â¥500âÂ¥1,500/month)\",\"items\":[{\"title\":\"24/7 uptime monitoring\",\"description\":\"We watch over your system around the clock\"},{\"title\":\"Regular data backups\",\"description\":\"Your important data, safely stored\"},{\"title\":\"Security updates\",\"description\":\"Always maintaining the latest security\"},{\"title\":\"Chat-based support\",\"description\":\"Help with usage and settings anytime\"}],\"footer\":\"Even after launch, you can count on us for operations, maintenance, and support â all in one place.\"},\"options\":{\"title\":\"Optional Add-ons\",\"subtitle\":\"Add as needed\",\"note\":\"â» Other customizations are also available. Feel free to inquire.\",\"items\":[{\"name\":\"LINE Notification Integration\",\"price\":\"Â¥30,000~\",\"description\":\"Booking confirmations \u0026 reminders via LINE\"},{\"name\":\"Custom Domain Setup\",\"price\":\"Â¥10,000\",\"description\":\"Set up a custom URL like \\\"salon-name.com\\\"\"},{\"name\":\"Data Migration\",\"price\":\"Â¥20,000~\",\"description\":\"Migrate customer \u0026 booking data from existing systems\"}]},\"flow\":{\"title\":\"How It Works\",\"subtitle\":\"Your custom system in 4 simple steps\",\"superFast\":\"â
Lightning Fast\",\"steps\":[{\"title\":\"Consultation\",\"description\":\"We'll listen to your needs and concerns, then suggest the best plan for you.\",\"duration\":\"30 min â 1 hour\"},{\"title\":\"Prototype Review\",\"description\":\"We'll create a working demo with your store name. Try it on your phone to see how it feels.\",\"duration\":\"As few as 5 days\"},{\"title\":\"Full Production\",\"description\":\"We incorporate your feedback and refine every detail. Unlimited revisions.\",\"duration\":\"1â3 weeks\"},{\"title\":\"Launch \u0026 Training\",\"description\":\"We'll walk you through everything. Chat support continues after launch.\",\"duration\":\"1 day\"}]},\"developer\":{\"title\":\"About the Developer\",\"subtitle\":\"Tack'n K Representative\",\"description\":\"We develop web reservation systems, web apps, and electronic medical record systems for salons, barbershops, and clinics. We prioritize ease of use and readability with eye-friendly design.\"},\"cta\":{\"badge\":\"See the real thing before committing\",\"title1\":\"Start with a \",\"title2\":\"free 5-day prototype\",\"title3\":\" experience\",\"description1\":\"We'll create a working demo with your store name â completely \",\"description1bold\":\"free\",\"description1end\":\".\",\"description2\":\"Avoid \\\"that's not what I expected\\\" â move to production with confidence.\",\"ctaButton\":\"Request a Free Prototype\",\"checks\":[\"Absolutely no cost\",\"Delivered in as few as 5 days\",\"Try it on your actual phone\"]}},\"whyWebapp\":{\"hero\":{\"title1\":\"Why \",\"titleHighlight\":\"Web Apps\",\"title2\":\"?\",\"description1\":\"When you think \\\"I want an app for my business,\\\" most people imagine native apps on the App Store or Google Play.\",\"description2\":\"But does it really have to be a native app?\",\"imageAlt\":\"Why choose a Web App? Let us explain!\"},\"facts\":{\"title1\":\"Actually, there's \",\"titleHighlight\":\"almost no difference in features\",\"description\":\"There used to be many things only native apps could do, but web technology has evolved dramatically. Store websites, reservation systems, shop features, medical records â everything a business needs can be built as a web app.\",\"features\":[\"Reservation management\",\"Push notifications\",\"Camera \u0026 photo upload\",\"GPS (location services)\",\"Add to home screen\",\"Offline browsing\",\"QR code scanning\",\"Customer data management\"],\"note\":\"All of these features can be achieved with a web app.\"},\"comparison\":{\"title\":\"So, what's the difference?\",\"subtitle\":\"It's not about features â it's about delivery and cost.\",\"native\":{\"title\":\"Native App\",\"merits\":\"Advantages\",\"meritItems\":[\"Full access to device features\",\"Discovery via App Store / Google Play\",\"Advanced hardware integration (NFC, AR, etc.)\"],\"demerits\":\"Disadvantages\",\"demeritItems\":[\"Store review takes days to weeks\",\"Up to 30% of revenue goes to store fees\",\"Customers must install the app\",\"Need to develop for both iOS and Android\",\"Higher development and maintenance costs\"]},\"webapp\":{\"title\":\"Web App\",\"badge\":\"Recommended by Tack'n K\",\"merits\":\"Advantages\",\"meritItems\":[\"No review needed â launch in as little as 1 week\",\"Zero store fees â keep 100% of revenue\",\"Deliver to customers with just a QR code\",\"No installation â lower barrier for customers\",\"One codebase for both iOS and Android\",\"Updates deploy instantly\"],\"demerits\":\"Disadvantages\",\"demeritItems\":[\"Some advanced device features are limited\",\"Not discoverable on App Store / Google Play\"]}},\"opinion\":{\"title\":\"Our Perspective\",\"imageAlt\":\"Thoughtful staff\",\"paragraphs\":[\"Both native apps and web apps have their pros and cons. But when you compare them side by side, one fact becomes clear.\",\"Today, the functional difference between installed apps (native apps) and web apps is nearly zero. Store websites, reservation systems, shop features, medical records â everything your business needs can be fully built as a web app.\",\"When you think about it that way, web apps offer just as much freedom as native apps.\"],\"highlight1\":\"If that's the case, rather than paying extra running costs, imagine being able to build the app exactly the way you want as a web app â\",\"highlight2bold\":\"For your customers too, eliminating the hassle and hesitation of installing an app builds trust in your business.\",\"closing\":\"Being listed on the App Store or Google Play isn't the only way to deliver an app. With just a QR code, you can connect with customers instantly. That's the grounded, practical advantage of web apps.\"},\"cta\":{\"title\":\"Let's talk about your project\",\"description1\":\"Whether it's about web apps, reservation systems, or medical record systems â or even just \\\"Can you build something like this?\\\" â we'd love to hear from you.\",\"description2\":\"We'll respond to any inquiry, so don't hesitate to reach out!\",\"staffAlt\":\"Staff making a proposal\"}},\"portfolioHero\":{\"tagline\":\"Building with AI.\",\"closingSub\":\"Full-Stack Engineer / Freelance\",\"emailCta\":\"â Contact by Email\",\"lineCta\":\"Contact via LINE\",\"work1\":{\"title\":\"Web Reservation\u003cbr /\u003eSystem\",\"desc\":\"A web-based reservation system for salons.\u003cbr /\u003eLINE notification integration \u0026 PWA support\u003cbr /\u003efor seamless mobile booking.\"},\"work2\":{\"title\":\"Electronic Medical\u003cbr /\u003eRecords\",\"desc\":\"ivia Medical Records.\u003cbr /\u003eManage patient information and\u003cbr /\u003etreatment history digitally.\"},\"work3\":{\"title\":\"PreBox\",\"desc\":\"Zero-setup project previewer.\u003cbr /\u003eJust drop files to auto-detect React, PHP,\u003cbr /\u003ePython, FiveM NUI and 15+ languages\u003cbr /\u003efor instant preview.\"},\"work4\":{\"title\":\"Sticky Notes\u003cbr /\u003eNative App\",\"desc\":\"StickyTasks.\u003cbr /\u003eA native sticky notes app for desktop.\u003cbr /\u003eSimple task management with\u003cbr /\u003eintuitive controls for quick notes.\"},\"work5\":{\"title\":\"FiveM\u003cbr /\u003eScript Development\",\"desc\":\"2+ years of FiveM server operation.\u003cbr /\u003eDeveloped custom scripts including\u003cbr /\u003eEMS notifications, escort systems,\u003cbr /\u003eand inventory betting mechanics.\"}},\"demo\":{\"karte\":{\"badge\":\"Electronic Medical Record\",\"title\":\"Electronic Medical Records\",\"subtitle\":\"Centralize patient info and treatment history. Smoother follow-ups for better satisfaction.\",\"backToTop\":\"Back to Home\",\"tabs\":{\"list\":\"Patient List\",\"detail\":\"Record Detail\"},\"searchPlaceholder\":\"Search by patient name...\",\"lastVisit\":\"Last visit\",\"nextVisit\":\"Next\",\"todaySchedule\":\"Today's Schedule\",\"confirmed\":\"Confirmed\",\"stats\":\"Statistics\",\"totalPatients\":\"Total Patients\",\"newThisMonth\":\"New This Month\",\"patientId\":\"Patient ID\",\"edit\":\"Edit\",\"dob\":\"Date of Birth\",\"phone\":\"Phone\",\"firstVisit\":\"First Visit\",\"visitCount\":\"Visits\",\"visitCountUnit\"
1:\"\",\"treatmentRecord\":\"Treatment Records\",\"newRecord\":\"New Record\",\"staff\":\"Staff\",\"notes\":\"Notes\",\"quickActions\":\"Quick Actions\",\"actions\":[\"Schedule Next Appointment\",\"Create Referral Letter\",\"Send Reminder\"],\"backToList\":\"Back to Patient List\",\"features\":{\"title\":\"Key Features\",\"items\":[{\"title\":\"Centralized Patient Info\",\"desc\":\"From basic info to visit history\"},{\"title\":\"Treatment Record History\",\"desc\":\"Photo attachment \u0026 tagging\"},{\"title\":\"Advanced Search \u0026 Filters\",\"desc\":\"Filter by condition or staff\"},{\"title\":\"Reservation Integration\",\"desc\":\"Book directly from records\"},{\"title\":\"Report Export\",\"desc\":\"Export as PDF or Excel\"},{\"title\":\"Alerts \u0026 Reminders\",\"desc\":\"Auto-notify for follow-ups\"}]},\"customizeCta\":{\"title\":\"Customization Available\",\"description\":\"Custom features and integration with existing systems are possible. Feel free to get in touch.\"},\"demoData\":{\"patients\":[{\"id\":1,\"name\":\"Taro Yamada\",\"age\":39,\"gender\":\"Male\",\"lastVisit\":\"2025/1/5\",\"nextVisit\":\"2025/1/15\"},{\"id\":2,\"name\":\"Hanako Sato\",\"age\":45,\"gender\":\"Female\",\"lastVisit\":\"2025/1/3\",\"nextVisit\":\"-\"},{\"id\":3,\"name\":\"Ichiro Suzuki\",\"age\":52,\"gender\":\"Male\",\"lastVisit\":\"2024/12/28\",\"nextVisit\":\"2025/1/10\"},{\"id\":4,\"name\":\"Misaki Tanaka\",\"age\":28,\"gender\":\"Female\",\"lastVisit\":\"2024/12/20\",\"nextVisit\":\"-\"},{\"id\":5,\"name\":\"Kenichi Takahashi\",\"age\":35,\"gender\":\"Male\",\"lastVisit\":\"2024/12/15\",\"nextVisit\":\"2025/1/20\"}],\"history\":[{\"date\":\"2025/1/5\",\"content\":\"Lower back pain treatment. Improvement noted since last visit. Stretching guidance provided. Follow-up recommended in 2 weeks.\",\"staff\":\"Tanaka\",\"duration\":\"60 min\"}
1,{\"date\":\"2024/12/20\",\"content\":\"Initial visit. Complaints of lower back pain and stiff shoulders. Posture assessment conducted. Major impact from desk work identified.\",\"staff\":\"Tanaka\",\"duration\":\"90 min\"},{\"date\":\"2024/12/10\",\"content\":\"Consultation and counseling. Lifestyle habits reviewed. Treatment plan proposed.\",\"staff\":\"Sato\",\"duration\":\"45 min\"}],\"schedule\":[{\"name\":\"Taro Yamada\",\"time\":\"10:00\",\"menu\":\"Back Pain Treatment\"},{\"name\":\"Ichiro Suzuki\",\"time\":\"14:00\",\"menu\":\"Routine Maintenance\"}],\"ageUnit\":\"\",\"genderSeparator\":\", \",\"notesContent\":\"Desk work is frequent. Instructed to continue posture-improvement stretches. Follow-up recommended in 2 weeks.\"}},\"reservation\":{\"badge\":\"UI Component Showcase\",\"title\":\"Reservation System\",\"subtitle\":\"Reservation System\",\"description1\":\"Try and compare various UI patterns hands-on.\",\"description2\":\"View both the customer-facing and admin-facing screens.\",\"staffAlt\":\"Staff working on laptop\",\"tabCustomer\":\"ð¤ Customer\",\"tabAdmin\":\"âï¸ Admin\",\"customer\":{\"tabCalendar\":\"ð Calendar\",\"tabTable\":\"ð Reservation Table\",\"patternMonth\":\"Monthly\",\"patternWeek\":\"Weekly\",\"patternList\":\"List\",\"calendarMonthTitle\":\"Monthly Calendar\",\"calendarMonthDesc\":\"The most standard calendar format. View the entire month's booking status at a glance.\",\"calendarMonthTags\":[\"Salons \u0026 Spas\",\"Clinics\"],\"calendarWeekTitle\":\"Weekly Calendar\",\"calendarWeekDesc\":\"Check weekly booking status. Easy to see availability by time slot.\",\"calendarWeekTags\":[\"Fitness\",\"Studios\"],\"calendarListTitle\":\"List Calendar\",\"calendarListDesc\":\"Display available slots chronologically. Instantly see bookable dates and times.\",\"calendarListTags\":[\"Online Consultation\",\"On-site Service\"],\"liveDemo\":\"LIVE DEMO - Booking Flow Experience\",\"recommended\":\"ð¯ Recommended for\",\"menuItems\":[{\"name\":\"Cut \u0026 Shampoo\",\"duration\":60,\"price\":4500},{\"name\":\"Cut Only\",\"duration\":30,\"price\":3000},{\"name\":\"Hair Color\",\"duration\":90,\"price\":6500},{\"name\":\"Perm\",\"duration\":120,\"price\":8000}],\"stepDate\":\"Date\",\"stepMenu\":\"Menu\",\"stepConfirm\":\"Confirm\",\"stepComplete\":\"Done\",\"backToDate\":\"â Back to Date Selection\",\"selectMenu\":\"Select a Menu\",\"minutes\":\"min\",\"backToMenu\":\"â Back to Menu Selection\",\"confirmTitle\":\"Confirm Your Reservation\",\"dateTime\":\"Date \u0026 Time\",\"menu\":\"Menu\",\"duration\":\"Duration\",\"price\":\"Price\",\"customerInfo\":\"Your Information\",\"nameLabel\":\"Name\",\"phoneLabel\":\"Phone\",\"emailLabel\":\"Email\",\"confirmButton\":\"Confirm Reservation\",\"demoDisclaimer\":\"* This is a demo. No actual reservation will be made.\",\"processing\":\"Processing your reservation...\",\"completeTitle\":\"Reservation Complete!\",\"completeMessage\":\"A confirmation email has been sent (demo)\",\"reservationNumber\":\"Reservation #\",\"restart\":\"Start Over\",\"weekdays\":[\"Sun\",\"Mon\",\"Tue\",\"Wed\",\"Thu\",\"Fri\",\"Sat\"],\"yearMonth\":\"\",\"availableSlots\":\" available slots\",\"nextMenu\":\"Next: Select Menu\",\"weekRange\":\"â\",\"available\":\"Available\",\"sampleMenus\":[\"Cut\",\"Color\",\"Cut\",\"Perm\",\"Cut\",\"Cut\",\"Color\",\"Cut\",\"Perm\",\"Cut\"],\"filterAll\":\"All\",\"recentAvailability\":\"Recent Availability\",\"slotsAvailable\":\" slots available\",\"staffAvailable\":\"Available\",\"assignedStaff\":\"Staff: Tanaka\",\"slotOpen\":\"Open\",\"slotBooked\":\"Booked\",\"noSlots\":\"No availability on this day\",\"noSlotsHint\":\"Please select another date\",\"tableGrid\":\"Grid\",\"tableTimeline\":\"Timeline\",\"tableCard\":\"Card\",\"staffNames\":[\"Tanaka\",\"Sato\",\"Suzuki\"],\"gridDate\":\"Jan 9, 2025 (Thu)\",\"gridSubtitle\":\"Staff Availability\",\"time\":\"Time\",\"gridOpen\":\"â Open\",\"gridBooked\":\"Booked\",\"designSample\":\"* This is a design sample\",\"timelineDate\":\"Jan 9, 2025 (Thu)\",\"timelineSubtitle\":\"Tanaka's Schedule\",\"timelineOpen\":\"â Open\",\"timelineBooked\":\"Booked\",\"t
1imelineBreak\":\"Break\",\"reserve\":\"Book\",\"cardStaff\":[{\"name\":\"Misa Tanaka\",\"role\":\"Stylist\"},{\"name\":\"Kenichi Sato\",\"role\":\"Top Stylist\"},{\"name\":\"Hanako Suzuki\",\"role\":\"Director\"}],\"selectStaff\":\"Select a Staff Member\",\"cardDate\":\"Jan 9, 2025 (Thu)\",\"slotsOpen\":\"slots open\",\"today\":\"Today\",\"demoMenus\":[{\"id\":\"cut_shampoo\",\"name\":\"Cut \u0026 Shampoo\",\"duration\":60,\"price\":4500},{\"id\":\"cut_only\",\"name\":\"Cut Only\",\"duration\":30,\"price\":3500},{\"id\":\"color\",\"name\":\"Hair Color\",\"duration\":90,\"price\":7000},{\"id\":\"perm\",\"name\":\"Perm\",\"duration\":120,\"price\":9000}]},\"admin\":{\"tabReservations\":\"Reservations\",\"tabStaff\":\"Staff\",\"tabMenu\":\"Menu\",\"tabSettings\":\"Settings\",\"infoMessage\":\"ð¡ This is a demo of the admin panel.\",\"infoDetail\":\"Manage reservations, staff settings, menu settings and more.\",\"reservationList\":\"Reservation List\",\"reservationDate\":\"January 9, 2025\",\"confirmed\":\"Confirmed\",\"pending\":\"Pending\",\"staffSettings\":\"Staff Settings\",\"addStaff\":\"+ Add Staff\",\"edit\":\"Edit\",\"menuSettings\":\"Menu Settings\",\"addMenu\":\"+ Add Menu\",\"businessSettings\":\"Business Settings\",\"businessHours\":\"Business Hours\",\"regularHoliday\":\"Regular Holidays\",\"saveSettings\":\"Save Settings\",\"demoReservations\":[{\"time\":\"10:00\",\"customer\":\"Taro Yamada\",\"menu\":\"Cut \u0026 Shampoo\",\"status\":\"confirmed\"},{\"time\":\"11:00\",\"customer\":\"Hanako Sato\",\"menu\":\"Color + Cut\",\"status\":\"confirmed\"},{\"time\":\"13:00\",\"customer\":\"Ichiro Suzuki\",\"menu\":\"Shampoo \u0026 Shave\",\"status\":\"pending\"}],\"demoStaff\":[{\"name\":\"Misa Tanaka\",\"role\":\"Stylist\",\"color\":\"#6DBDB5\"},{\"name\":\"Kenichi Sato\",\"role\":\"Top Stylist\",\"color\":\"#5B9BD5\"}],\"demoMenus\":[{\"name\":\"Cut \u0026 Shampoo\",\"duration\":60,\"price\":4500},{\"name\":\"Hair Color\",\"duration\":90,\"price\":7000},{\"name\":\"Perm\",\"duration\":120,\"price\":9000}],\"timeSeparator\":\"â\"}},\"webapp\":{\"headerSite\":\"\u003c Site\",\"headerTitle\":\"Salon Booking\",\"headerLogout\":\"Logout\",\"processing\":\"Processing...\",\"reservationComplete\":\"Booking Complete\",\"back\":\"Back\",\"newReservation\":\"New Booking\",\"reservationHistory\":\"Booking History\",\"account\":\"Account\",\"menu\":{\"welcome\":\"Welcome, Guest\",\"nextReservation\":\"Your Next Booking\",\"makeReservation\":\"Make a Booking\",\"makeReservationDesc\":\"Check availability and book\",\"viewHistory\":\"Booking History\",\"viewHistoryDesc\":\"View past reservations\",\"viewAccount\":\"Account\",\"viewAccountDesc\":\"View
1/edit your information\",\"mobileWebApp\":\"Mobile Web App\",\"mobileWebAppDesc\":\"A mobile-first UI designed for thumb-only operation. Add to your home screen as a PWA for a native app-like experience.\"},\"reserve\":{\"selectDate\":\"Select Date\",\"selectMenu\":\"Select Menu\",\"selectStaffTime\":\"Select Staff \u0026 Time\",\"scrollHint\":\"â Scroll horizontally â\",\"allStaffOff\":\"All staff are off on this day\",\"staffTimeHeader\":\"Staff \\\\ Time\",\"available\":\"Open\",\"booked\":\"Booked\",\"mine\":\"Mine\",\"selected\":\"Selected:\",\"comment\":\"Comment (Optional)\",\"commentPlaceholder\":\"Any special requests?\",\"reserveButton\":\"Book Now\"},\"loading\":{\"title\":\"Processing booking...\",\"subtitle\":\"Please wait a moment\"},\"complete\":{\"title\":\"Booking Complete\",\"subtitle\":\"Thank you for your reservation\",\"details\":\"Booking Details\",\"date\":\"Date\",\"time\":\"Time\",\"staff\":\"Staff\",\"menu\":\"Menu\",\"disclaimer\":\"This is a demo. No actual booking is made.\",\"backToTop\":\"Return to Top\"},\"history\":{\"upcoming\":\"Upcoming\",\"cancel\":\"Cancel\",\"past\":\"Past Reservations\"},\"accountScreen\":{\"guestName\":\"Guest User\",\"nameLabel\":\"Name\",\"emailLabel\":\"Email\",\"phoneLabel\":\"Phone\",\"editInfo\":\"Edit Information\",\"notificationSettings\":\"Notification Settings\",\"reservationReminder\":\"Booking Reminder\",\"newsNotification\":\"News Notifications\"},\"cancelModal\":{\"title\":\"Cancel Booking\",\"message\":\"Cancel this reservation?\",\"back\":\"Back\",\"confirm\":\"Cancel\"},\"demoData\":{\"dates\":[{\"value\":\"2026-01-09\",\"label\":\"1/9 (Thu)\",\"shortLabel\":\"9\",\"day\":\"Thu\"},{\"value\":\"2026-01-10\",\"label\":\"1/10 (Fri)\",\"shortLabel\":\"10\",\"day\":\"Fri\"},{\"value\":\"2026-01-11\",\"label\":\"1/11 (Sat)\",\"shortLabel\":\"11\",\"day\":\"Sat\"},{\"value\":\"2026-01-12\",\"label\":\"1/12 (Sun) - Closed\",\"shortLabel\":\"12\",\"day\":\"Sun\",\"disabled\":true},{\"value\":\"2026-01-13\",\"label\":\"1/13 (Mon)\",\"shortLabel\":\"13\",\"day\":\"Mon\"},{\"value\":\"2026-01-14\",\"label\":\"1/14 (Tue)\",\"shortLabel\":\"14\",\"day\":\"Tue\"}],\"staff\":[{\"id\":\"tanaka\",\"name\":\"Staff 1\",\"holidays\":[\"2026-01-12\",\"2026-01-19\"]},{\"id\":\"sato\",\"name\":\"Staff 2\",\"holidays\":[\"2026-01-11\",\"2026-01-18\"]},{\"id\":\"suzuki\",\"name\":\"Staff 3\",\"holidays\":[\"2026-01-10\",\"2026-01-17\"]}],\"menus\":[{\"id\":\"cut_shampoo\",\"name\":\"Cut \u0026 Shampoo\",\"duration\":60,\"price\":4500},{\"id\":\"cut_only\",\"name\":\"Cut Only\",\"duration\":30,\"price\":3000},{\"id\":\"shampoo_shave\",\"name\":\"Shampoo \u0026 Shave\",\"duration\":60,\"price\":4000},{\"id\":\"shave_only\",\"name\":\"Shave Only\",\"duration\":30,\"price\":2000},{\"id\":\"color\",\"name\":\"Hair Color\",\"duration\":90,\"price\":6500}],\"pastHistory\":[{\"date\":\"2025/1/5\",\"time\":\"14:00â15:00\",\"staff\":\"Staff 1\",\"menu\":\"Cut \u0026 Shampoo\",\"status\":\"Completed\"},{\"date\":\"2024/12/28\",\"time\":\"11:00â12:00\",\"staff\":\"Staff 2\",\"menu\":\"Cut Only\",\"status\":\"Completed\"},{\"date\":\"2024/12/15\",\"time\":\"15:00â16:00\",\"staff\":\"Staff 3\",\"menu\":\"Shampoo \u0026 Shave\",\"status\":\"Completed\"}],\"minuteUnit\":\"min\",\"timeSeparator\":\"â\",\"statusUpcoming\":\"Upcoming\",\"statusCompleted\":\"Completed\",\"selfLabel\":\"Mine\"}}}},\"children\":\"$L12\"}],\"$L13\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"14:I[57215,[\"/_next/static/chunks/67107a51fa02dd1d.js\"],\"SpeedInsights\"]\n12:[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]\n13:[\"$\",\"$L14\",null,{}]\n"])</script>
1<script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"15:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"IconMark\"]\nb:null\n"])</script>
1<script>self.__next_f.push([1,"f:[[\"$\",\"title\",\"0\",{\"children\":\"Tack'n K | Reservation Systems \u0026 Web App Development\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Built by an engineer with barbershop management experience. Want a reservation system built exclusively for your business?\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Tack'n K\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"web reservation system,booking system development,salon booking system,barbershop reservation,salon management,web app development,medical records system,electronic medical records,customer management,salon software,clinic booking,staff management\"}],[\"$\",\"meta\",\"4\",{\"name\":\"creator\",\"content\":\"Tack'n K\"}],[\"$\",\"meta\",\"5\",{\"name\":\"publisher\",\"content\":\"Tack'n K\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"7\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"8\",{\"name\":\"category\",\"content\":\"technology\"}],[\"$\",\"meta\",\"9\",{\"name\":\"classification\",\"content\":\"Web Development Services\"}],[\"$\",\"link\",\"10\",{\"rel\":\"canonical\",\"href\":\"https://tack-and-k.com/en\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"hrefLang\":\"ja\",\"href\":\"https://tack-and-k.com/ja\"}],[\"$\",\"link\",\"12\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://tack-and-k.com/en\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:title\",\"content\":\"Tack'n K | Web Reservation Systems \u0026 App Development\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:description\",\"content\":\"Building systems that work for your business.\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:url\",\"content\":\"https://tack-and-k.com/en\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:site_name\",\"content\":\"Tack'n K\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image\",\"content\":\"https://tack-and-k.com/og-image.png\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:alt\",\"content\":\"Tack'n K - Web Reservation Systems \u0026 App Development\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:site\",\"content\":\"@steadycode42548\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:creator\",\"content\":\"@steadycode42548\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:title\",\"content\":\"Tack'n K | Web Reservation Systems \u0026 App Development\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:description\",\"content\":\"Built by an engineer with barbershop management experience. Want a reservation system built exclusively for your business?\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image\",\"content\":\"https://tack-and-k.com/og-image.png\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.3dcc7361.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"$L15\",\"30\",{}]]\n"])</script>
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"36845cb0985043bf8197956bec0d2490","r":1,"spa":2}' crossorigin="anonymous"></script>
1 2</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.