jhogyu/Liti-agent-Development
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
Liti-agent-Development/UI_UX/design_v0_5.html
T

568 lines
42 KiB
HTML
Raw Permalink Blame History

<html lang="ko" vid="0"><head vid="1">
<meta charset="UTF-8" vid="2">
<meta name="viewport" content="width=device-width, initial-scale=1.0" vid="3">
<title vid="4">Eroom AI Partners - 법률 실무에 바로 연결되는 전문가용 AI Agent</title>
<script src="https://cdn.tailwindcss.com/3.4.17" vid="5"></script>
<script src="https://unpkg.com/@phosphor-icons/web" vid="6"></script>
<link rel="preconnect" href="https://fonts.googleapis.com" vid="7">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" vid="8">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&amp;family=Inter:wght@400;500;600&amp;family=Noto+Sans+KR:wght@400;500;700&amp;family=Noto+Serif+KR:wght@400;500;700&amp;family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&amp;display=swap" rel="stylesheet" vid="9">
<script vid="10">
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['"Inter"', '"Noto Sans KR"', 'sans-serif'],
serif: ['"Playfair Display"', '"Noto Serif KR"', 'serif'],
mono: ['"IBM Plex Mono"', 'monospace'],
},
colors: {
paper: '#f4f4f5',
ink: '#1e1b4b',
bgdark: '#09090b',
}
}
}
}
</script>
<style vid="11">
body {
font-family: 'Inter', 'Noto Sans KR', sans-serif;
background-color: #09090b;
}
</style>
</head>
<body class="w-full bg-bgdark text-ink antialiased selection:bg-ink selection:text-paper flex flex-col items-center" vid="12">
<nav class="fixed top-0 w-full z-50 py-4 flex justify-center px-4 pointer-events-none" vid="13">
<div class="max-w-5xl w-full bg-paper rounded-b-[1.5rem] relative pointer-events-auto border-b border-l border-r border-ink shadow-2xl shadow-black/50" vid="14">
<div class="absolute top-0 left-0 w-full h-4" style="background-image: repeating-linear-gradient(to right, transparent 0, transparent 20px, #09090b 20px, #09090b 36px);" vid="15"></div>
<div class="absolute top-6 left-0 w-full border-t border-ink" vid="16"></div>
<div class="h-20 flex items-center justify-between px-6 md:px-8 mt-6" vid="17">
<div class="flex items-center gap-4 cursor-pointer" vid="18">
<div class="w-10 h-10 border border-ink flex items-center justify-center bg-transparent shrink-0" vid="19">
<span class="text-ink font-serif font-bold text-2xl leading-none" vid="20">E</span>
</div>
<span class="font-serif font-bold text-xl tracking-tight text-ink" vid="21">Eroom AI Partners</span>
</div>
<div class="hidden md:flex items-center gap-8" vid="22">
<a href="#" class="text-[11px] font-mono uppercase tracking-widest text-ink hover:opacity-70 transition-opacity" vid="23">회사 소개</a>
<a href="#" class="text-[11px] font-mono uppercase tracking-widest text-ink hover:opacity-70 transition-opacity" vid="24">서비스</a>
<a href="#" class="text-[11px] font-mono uppercase tracking-widest text-ink hover:opacity-70 transition-opacity" vid="25">제품 소개</a>
<a href="#" class="text-[11px] font-mono uppercase tracking-widest text-ink hover:opacity-70 transition-opacity" vid="26">도입 문의</a>
</div>
<div class="flex items-center gap-6" vid="27">
<a href="#" class="text-[11px] font-mono uppercase tracking-widest text-ink hover:opacity-70 transition-opacity hidden sm:block" vid="28">로그인</a>
<a href="#" class="text-[11px] font-mono uppercase tracking-widest bg-ink text-paper px-6 py-3 border border-ink hover:bg-transparent hover:text-ink transition-colors" vid="29">서비스 시작하기</a>
</div>
</div>
</div>
</nav>
<section class="w-full bg-bgdark pt-40 pb-12 flex justify-center px-4" vid="30">
<div class="hidden" vid="31"></div>
<div class="max-w-5xl w-full mx-auto bg-paper rounded-b-[1.5rem] relative border-b border-l border-r border-ink pt-24 pb-20 px-8 md:px-16 shadow-2xl shadow-black/40 text-center flex flex-col items-center" vid="32">
<div class="absolute top-0 left-0 w-full h-4" style="background-image: repeating-linear-gradient(to right, transparent 0, transparent 20px, #09090b 20px, #09090b 36px);" vid="33"></div>
<div class="absolute top-6 left-0 w-full border-t border-ink" vid="34"></div>
<div class="absolute top-10 left-8 md:left-16 right-8 md:right-16 flex justify-between text-[10px] font-mono uppercase tracking-[0.2em] text-ink/70" vid="35">
<span vid="36">Eroom AI</span>
<span vid="37">01</span>
</div>
<div class="absolute top-20 left-0 w-full border-t border-ink/30" vid="38"></div>
<div class="inline-flex items-center gap-3 px-4 py-2 border border-ink text-ink text-[11px] font-mono uppercase tracking-widest mb-12 mt-4" vid="39">
<i class="ph-fill ph-sparkle text-ink text-sm" vid="40"></i>
<span class="text-ink" vid="41">전문가용 Vertical AI Agent for Legal Work</span>
</div>
<h1 class="text-5xl md:text-7xl font-serif text-ink tracking-tight leading-[1.1] mb-8 max-w-4xl mx-auto" vid="42">
법률 실무에 바로 연결되는<br vid="43">
<span class="italic font-serif text-ink" vid="44">전문가용 AI Agent</span>를 만듭니다
</h1>
<p class="text-base md:text-lg text-ink/80 max-w-2xl mx-auto mb-16 leading-relaxed font-sans" vid="45">
Eroom은 전문가용/기업용 지식 작업 AI Agent를 개발하고 운용하는 회사입니다.<br class="hidden md:block" vid="46">
우리는 Legal Tech를 시작으로, 전문가가 검토 후 곧바로 실무에 활용할 수 있는 실무형 AI Agent를 설계합니다.
</p>
<div class="flex flex-col sm:flex-row items-center gap-6 mb-24 w-full justify-center" vid="47">
<button class="w-full sm:w-auto px-10 py-4 bg-ink text-paper border border-ink font-mono text-[11px] uppercase tracking-widest hover:bg-transparent hover:text-ink transition-colors" vid="48">
서비스 보기
</button>
<button class="w-full sm:w-auto px-10 py-4 bg-transparent text-ink border border-ink font-mono text-[11px] uppercase tracking-widest hover:bg-ink hover:text-paper transition-colors" vid="49">
회사 소개 보기
</button>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-0 w-full max-w-5xl border-t border-l border-ink" vid="50">
<div class="flex flex-col items-start gap-6 p-8 border-r border-b border-ink bg-transparent text-left relative" vid="51">
<div class="w-12 h-12 border border-ink flex items-center justify-center shrink-0" vid="52">
<i class="ph ph-rocket-launch text-ink text-xl" vid="53"></i>
</div>
<p class="text-sm text-ink/80 leading-relaxed font-sans" vid="54">Legal Tech부터 시작하는<br vid="55"><span class="text-ink font-serif text-base block mt-2" vid="56">Full Vertical AI Agent</span></p>
</div>
<div class="flex flex-col items-start gap-6 p-8 border-r border-b border-ink bg-transparent text-left relative" vid="57">
<div class="w-12 h-12 border border-ink flex items-center justify-center shrink-0" vid="58">
<i class="ph ph-git-branch text-ink text-xl" vid="59"></i>
</div>
<p class="text-sm text-ink/80 leading-relaxed font-sans" vid="60">도메인 지식, 실무 workflow,<br vid="61"><span class="text-ink font-serif text-base block mt-2" vid="62">Human-in-the-Loop</span>를 함께 설계한 AI</p>
</div>
<div class="flex flex-col items-start gap-6 p-8 border-r border-b border-ink bg-transparent text-left relative" vid="63">
<div class="w-12 h-12 border border-ink flex items-center justify-center shrink-0" vid="64">
<i class="ph ph-file-text text-ink text-xl" vid="65"></i>
</div>
<p class="text-sm text-ink/80 leading-relaxed font-sans" vid="66">문서 자동화가 아니라<br vid="67"><span class="text-ink font-serif text-base block mt-2" vid="68">실무 진행 구조</span>까지 포함한 에이전트</p>
</div>
</div>
</div>
</section>
<section class="w-full bg-bgdark py-12 flex justify-center px-4" vid="69">
<div class="max-w-5xl w-full mx-auto bg-paper rounded-b-[1.5rem] relative border-b border-l border-r border-ink pt-24 pb-20 px-8 md:px-16 shadow-2xl shadow-black/40" vid="70">
<div class="absolute top-0 left-0 w-full h-4" style="background-image: repeating-linear-gradient(to right, transparent 0, transparent 20px, #09090b 20px, #09090b 36px);" vid="71"></div>
<div class="absolute top-6 left-0 w-full border-t border-ink" vid="72"></div>
<div class="absolute top-10 left-8 md:left-16 right-8 md:right-16 flex justify-between text-[10px] font-mono uppercase tracking-[0.2em] text-ink/70" vid="73">
<span vid="74">Problem</span>
<span vid="75">02</span>
</div>
<div class="absolute top-20 left-0 w-full border-t border-ink/30" vid="76"></div>
<div class="max-w-3xl mb-16 border-b border-ink pb-12 mt-4" vid="77">
<h2 class="text-4xl md:text-5xl font-serif tracking-tight text-ink mb-6 leading-tight" vid="78">Eroom은 전문가 업무의<br vid="79">마지막 단계를 해결합니다</h2>
<p class="text-base font-sans text-ink/80 leading-relaxed" vid="80">
Eroom은 전문가용/기업용 지식 작업 AI Agent를 개발하고 운용하는 회사입니다.<br vid="81">
법률, 금융, 의료처럼 높은 정확도와 책임 있는 판단이 필요한 영역에서는 범용 AI만으로 실무에 바로 연결되기 어렵습니다.<br vid="82">
Eroom은 각 영역의 전문 workflow와 지식 구조를 AI 안에 내재화해, 검토 가능한 실무형 서비스를 만드는 데 집중합니다.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-0 border-t border-l border-ink" vid="83">
<div class="p-8 border-r border-b border-ink bg-transparent flex flex-col" vid="84">
<div class="w-12 h-12 border border-ink flex items-center justify-center mb-8 shrink-0" vid="85">
<i class="ph ph-steps text-ink text-xl" vid="86"></i>
</div>
<p class="text-ink font-serif text-lg leading-snug" vid="87">전문가 수준의 workflow를 전제로 설계합니다</p>
</div>
<div class="p-8 border-r border-b border-ink bg-transparent flex flex-col" vid="88">
<div class="w-12 h-12 border border-ink flex items-center justify-center mb-8 shrink-0" vid="89">
<i class="ph ph-tree-structure text-ink text-xl" vid="90"></i>
</div>
<p class="text-ink font-serif text-lg leading-snug" vid="91">문서 생성보다 실무 진행 구조를 함께 만듭니다</p>
</div>
<div class="p-8 border-r border-b border-ink bg-transparent flex flex-col" vid="92">
<div class="w-12 h-12 border border-ink flex items-center justify-center mb-8 shrink-0" vid="93">
<i class="ph ph-users text-ink text-xl" vid="94"></i>
</div>
<p class="text-ink font-serif text-lg leading-snug" vid="95">사람이 개입하고 검토할 수 있는 단계형 AI를 지향합니다</p>
</div>
</div>
</div>
</section>
<section class="w-full bg-bgdark py-12 flex justify-center px-4" vid="96">
<div class="max-w-5xl w-full mx-auto bg-paper rounded-b-[1.5rem] relative border-b border-l border-r border-ink pt-24 pb-20 px-8 md:px-16 shadow-2xl shadow-black/40" vid="97">
<div class="absolute top-0 left-0 w-full h-4" style="background-image: repeating-linear-gradient(to right, transparent 0, transparent 20px, #09090b 20px, #09090b 36px);" vid="98"></div>
<div class="absolute top-6 left-0 w-full border-t border-ink" vid="99"></div>
<div class="absolute top-10 left-8 md:left-16 right-8 md:right-16 flex justify-between text-[10px] font-mono uppercase tracking-[0.2em] text-ink/70" vid="100">
<span vid="101">Last Mile</span>
<span vid="102">03</span>
</div>
<div class="absolute top-20 left-0 w-full border-t border-ink/30" vid="103"></div>
<div class="text-center max-w-3xl mx-auto mb-16 pb-12 border-b border-ink mt-4" vid="104">
<span class="text-ink font-mono tracking-widest text-[11px] uppercase mb-6 block" vid="105">Last Mile Problem</span>
<h2 class="text-4xl md:text-5xl font-serif tracking-tight text-ink mb-6" vid="106">범용 AI가 넘기 어려운 마지막 단계가 있습니다</h2>
<p class="text-base font-sans text-ink/80" vid="107">Eroom은 전문 영역의 Last Mile Problem에 집중합니다</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-0 border-t border-l border-ink" vid="108">
<div class="bg-transparent p-8 border-r border-b border-ink flex flex-col" vid="109">
<div class="w-12 h-12 border border-ink flex items-center justify-center mb-8 shrink-0" vid="110">
<i class="ph ph-warning-circle text-ink text-xl" vid="111"></i>
</div>
<h3 class="text-lg font-serif text-ink mb-4" vid="112">전문 workflow 미내재화</h3>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="113">전문가의 실제 업무는 단순 질의응답이 아니라 단계별 판단, 문서 검토, 자료 재구성으로 이루어집니다. 범용 AI는 이 흐름을 충분히 반영하지 못합니다.</p>
</div>
<div class="bg-transparent p-8 border-r border-b border-ink flex flex-col" vid="114">
<div class="w-12 h-12 border border-ink flex items-center justify-center mb-8 shrink-0" vid="115">
<i class="ph ph-books text-ink text-xl" vid="116"></i>
</div>
<h3 class="text-lg font-serif text-ink mb-4" vid="117">도메인 지식 부족</h3>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="118">법률, 금융, 의료 영역은 용어 이해를 넘어서 문서 구조, 쟁점 구성, 실무 관행까지 함께 다뤄야 합니다. 이 간극이 결과물의 품질 차이를 만듭니다.</p>
</div>
<div class="bg-transparent p-8 border-r border-b border-ink flex flex-col" vid="119">
<div class="w-12 h-12 border border-ink flex items-center justify-center mb-8 shrink-0" vid="120">
<i class="ph ph-shield-slash text-ink text-xl" vid="121"></i>
</div>
<h3 class="text-lg font-serif text-ink mb-4" vid="122">신뢰 불충분</h3>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="123">전문가가 바로 실무에 쓰기 어려운 가장 큰 이유는 결과를 끝까지 검토하고 통제할 수 있는 구조가 부족하기 때문입니다.</p>
</div>
</div>
</div>
</section>
<section class="w-full bg-bgdark py-12 flex justify-center px-4" vid="124">
<div class="max-w-5xl w-full mx-auto bg-paper rounded-b-[1.5rem] relative border-b border-l border-r border-ink pt-24 pb-20 px-8 md:px-16 shadow-2xl shadow-black/40" vid="125">
<div class="absolute top-0 left-0 w-full h-4" style="background-image: repeating-linear-gradient(to right, transparent 0, transparent 20px, #09090b 20px, #09090b 36px);" vid="126"></div>
<div class="absolute top-6 left-0 w-full border-t border-ink" vid="127"></div>
<div class="absolute top-10 left-8 md:left-16 right-8 md:right-16 flex justify-between text-[10px] font-mono uppercase tracking-[0.2em] text-ink/70" vid="128">
<span vid="129">Solution</span>
<span vid="130">04</span>
</div>
<div class="absolute top-20 left-0 w-full border-t border-ink/30" vid="131"></div>
<div class="mb-16 border-b border-ink pb-12 mt-4" vid="132">
<span class="text-ink font-mono tracking-widest text-[11px] uppercase mb-6 block" vid="133">Our Solution</span>
<h2 class="text-4xl md:text-5xl font-serif tracking-tight text-ink leading-tight" vid="134">Eroom은 실무에서 신뢰할 수 있는<br vid="135">AI Agent를 설계합니다</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-0 border-t border-l border-ink" vid="136">
<div class="flex flex-col sm:flex-row gap-6 p-8 border-r border-b border-ink bg-transparent" vid="137">
<div class="w-14 h-14 border border-ink flex items-center justify-center shrink-0" vid="138">
<i class="ph ph-flow-arrow text-ink text-2xl" vid="139"></i>
</div>
<div class="flex-1" vid="140">
<h3 class="text-lg font-serif text-ink mb-3" vid="141">전문가 workflow 내재화</h3>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="142">실제 업무 순서에 맞춘 단계형 구조로, 자료 입력부터 최종 산출물 생성까지 흐름을 끊기지 않게 설계합니다.</p>
</div>
</div>
<div class="flex flex-col sm:flex-row gap-6 p-8 border-r border-b border-ink bg-transparent" vid="143">
<div class="w-14 h-14 border border-ink flex items-center justify-center shrink-0" vid="144">
<i class="ph ph-gavel text-ink text-2xl" vid="145"></i>
</div>
<div class="flex-1" vid="146">
<h3 class="text-lg font-serif text-ink mb-3" vid="147">도메인 특화 설계</h3>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="148">각 전문 영역의 문서 형식, 판단 기준, 업무 관행을 반영해 범용 AI와 다른 결과물을 지향합니다.</p>
</div>
</div>
<div class="flex flex-col sm:flex-row gap-6 p-8 border-r border-b border-ink bg-transparent" vid="149">
<div class="w-14 h-14 border border-ink flex items-center justify-center shrink-0" vid="150">
<i class="ph ph-user-gear text-ink text-2xl" vid="151"></i>
</div>
<div class="flex-1" vid="152">
<h3 class="text-lg font-serif text-ink mb-3" vid="153">HITL 검토 구조</h3>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="154">사용자는 각 단계에서 확인, 재실행, 의견개진을 통해 진행 방향을 통제할 수 있습니다.</p>
</div>
</div>
<div class="flex flex-col sm:flex-row gap-6 p-8 border-r border-b border-ink bg-transparent" vid="155">
<div class="w-14 h-14 border border-ink flex items-center justify-center shrink-0" vid="156">
<i class="ph ph-files text-ink text-2xl" vid="157"></i>
</div>
<div class="flex-1" vid="158">
<h3 class="text-lg font-serif text-ink mb-3" vid="159">실무 산출물 중심</h3>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="160">중간 요약에 머무르지 않고, 소장, 준비서면, 법률자문서처럼 실제 업무에 필요한 결과물 생성을 목표로 합니다.</p>
</div>
</div>
</div>
</div>
</section>
<section class="w-full bg-bgdark py-12 flex justify-center px-4" vid="161">
<div class="max-w-5xl w-full mx-auto bg-paper rounded-b-[1.5rem] relative border-b border-l border-r border-ink pt-24 pb-20 px-8 md:px-16 shadow-2xl shadow-black/40" vid="162">
<div class="absolute top-0 left-0 w-full h-4" style="background-image: repeating-linear-gradient(to right, transparent 0, transparent 20px, #09090b 20px, #09090b 36px);" vid="163"></div>
<div class="absolute top-6 left-0 w-full border-t border-ink" vid="164"></div>
<div class="absolute top-10 left-8 md:left-16 right-8 md:right-16 flex justify-between text-[10px] font-mono uppercase tracking-[0.2em] text-ink/70" vid="165">
<span vid="166">Products</span>
<span vid="167">05</span>
</div>
<div class="absolute top-20 left-0 w-full border-t border-ink/30" vid="168"></div>
<div class="hidden" vid="169"></div>
<div class="max-w-3xl mb-16 border-b border-ink pb-12 mt-4" vid="170">
<span class="inline-block px-4 py-2 border border-ink text-ink font-mono text-[11px] uppercase tracking-widest mb-8" vid="171">Products</span>
<h2 class="text-4xl md:text-5xl font-serif tracking-tight text-ink mb-6 leading-tight" vid="172">Legal Tech에서 시작하는<br vid="173">Eroom의 Vertical AI Agent</h2>
<p class="text-base font-sans text-ink/80 leading-relaxed" vid="174">
Eroom의 첫 번째 진출 영역은 Legal Tech입니다.<br vid="175">
우리는 소송과 법률자문 업무에서 변호사가 더 빠르고 안정적으로 실무를 진행할 수 있도록 제품을 설계하고 있습니다.
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-16" vid="176">
<div class="flex flex-col h-full p-10 border border-ink bg-transparent relative overflow-hidden" vid="177">
<div class="absolute top-0 right-0 p-8 opacity-5" vid="178">
<i class="ph ph-scales text-9xl text-ink" vid="179"></i>
</div>
<div class="mb-8 relative z-10" vid="180">
<div class="w-16 h-16 border border-ink flex items-center justify-center mb-8 shrink-0" vid="181">
<i class="ph ph-scales text-ink text-2xl" vid="182"></i>
</div>
<h3 class="text-3xl font-serif text-ink mb-2" vid="183">Liti-Agent</h3>
<p class="text-ink font-mono text-[11px] uppercase tracking-widest mb-8 block" vid="184">소송 문서 작성 AI Agent</p>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="185">
민사소송과 형사소송 업무에서 사건 자료를 정리하고, 단계별 진행을 거쳐 최종 문서 작성을 지원하는 AI Agent
</p>
</div>
<div class="mt-auto pt-8 border-t border-ink relative z-10" vid="186">
<button class="flex items-center gap-2 text-ink font-mono text-[11px] uppercase tracking-widest hover:opacity-70 transition-opacity" vid="187">
소송 서비스 보기
<i class="ph ph-arrow-right" vid="188"></i>
</button>
</div>
</div>
<div class="flex flex-col h-full p-10 border border-ink bg-transparent relative overflow-hidden" vid="189">
<div class="absolute top-0 right-0 p-8 opacity-5" vid="190">
<i class="ph ph-magnifying-glass text-9xl text-ink" vid="191"></i>
</div>
<div class="mb-8 relative z-10" vid="192">
<div class="w-16 h-16 border border-ink flex items-center justify-center mb-8 shrink-0" vid="193">
<i class="ph ph-magnifying-glass text-ink text-2xl" vid="194"></i>
</div>
<h3 class="text-3xl font-serif text-ink mb-2" vid="195">Litcon-Agent</h3>
<p class="text-ink font-mono text-[11px] uppercase tracking-widest mb-8 block" vid="196">법률자문 AI Agent</p>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="197">
의뢰서와 관련 자료를 바탕으로 리서치와 구조화를 거쳐 법률자문서 작성을 지원하는 AI Agent
</p>
</div>
<div class="mt-auto pt-8 border-t border-ink relative z-10" vid="198">
<button class="flex items-center gap-2 text-ink font-mono text-[11px] uppercase tracking-widest hover:opacity-70 transition-opacity" vid="199">
자문 서비스 보기
<i class="ph ph-arrow-right" vid="200"></i>
</button>
</div>
</div>
</div>
<div class="p-8 border border-ink bg-transparent flex flex-col md:flex-row items-start md:items-center gap-8" vid="201">
<div class="shrink-0" vid="202">
<span class="inline-flex items-center gap-2 px-4 py-2 border border-ink text-ink font-mono text-[11px] uppercase tracking-widest" vid="203">
<i class="ph-fill ph-map-trifold" vid="204"></i> Future Expansion
</span>
</div>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="205">
향후 Eroom은 finance, health care, manufacturing, agriculture, robotics를 포함한 다양한 전문 산업으로 확장 가능한 AI Agent 서비스를 준비하고 있습니다.
</p>
</div>
</div>
</section>
<section class="w-full bg-bgdark py-12 flex justify-center px-4" vid="206">
<div class="max-w-5xl w-full mx-auto bg-paper rounded-b-[1.5rem] relative border-b border-l border-r border-ink pt-24 pb-20 px-8 md:px-16 shadow-2xl shadow-black/40" vid="207">
<div class="absolute top-0 left-0 w-full h-4" style="background-image: repeating-linear-gradient(to right, transparent 0, transparent 20px, #09090b 20px, #09090b 36px);" vid="208"></div>
<div class="absolute top-6 left-0 w-full border-t border-ink" vid="209"></div>
<div class="absolute top-10 left-8 md:left-16 right-8 md:right-16 flex justify-between text-[10px] font-mono uppercase tracking-[0.2em] text-ink/70" vid="210">
<span vid="211">Process</span>
<span vid="212">06</span>
</div>
<div class="absolute top-20 left-0 w-full border-t border-ink/30" vid="213"></div>
<div class="flex flex-col lg:flex-row gap-16 items-start mt-4" vid="214">
<div class="w-full lg:w-1/2 border-b lg:border-b-0 lg:border-r border-ink pb-12 lg:pb-0 lg:pr-16" vid="215">
<span class="text-ink font-mono tracking-widest text-[11px] uppercase mb-6 block" vid="216">Human-in-the-Loop</span>
<h2 class="text-4xl md:text-5xl font-serif tracking-tight text-ink mb-8 leading-tight" vid="217">검토 가능한 구조가<br vid="218">신뢰를 만듭니다</h2>
<p class="text-base font-sans text-ink/80 leading-relaxed mb-12" vid="219">
전문가용 AI에서 중요한 것은 단순한 자동화가 아니라, 결과를 검토하고 수정하고 다시 진행할 수 있는 구조입니다.<br vid="220">
Eroom은 Human-in-the-Loop 기반의 단계형 workflow로 사용자가 업무 흐름을 직접 통제할 수 있도록 설계합니다.
</p>
<div class="border border-ink p-6 flex items-center gap-6 bg-transparent" vid="221">
<div class="w-12 h-12 border border-ink flex items-center justify-center shrink-0" vid="222">
<i class="ph-fill ph-lock-key text-ink text-xl" vid="223"></i>
</div>
<p class="text-ink font-serif text-lg" vid="224">안전하고 통제 가능한 기업용 지식 작업 환경</p>
</div>
</div>
<div class="w-full lg:w-1/2 flex flex-col gap-4" vid="225">
<div class="flex items-start gap-6 p-6 border border-ink bg-transparent" vid="226">
<div class="w-8 h-8 border border-ink flex items-center justify-center shrink-0" vid="227">
<i class="ph-bold ph-check text-ink text-sm" vid="228"></i>
</div>
<p class="text-base font-serif text-ink mt-1" vid="229">단계별 진행 상태를 확인할 수 있습니다</p>
</div>
<div class="flex items-start gap-6 p-6 border border-ink bg-transparent" vid="230">
<div class="w-8 h-8 border border-ink flex items-center justify-center shrink-0" vid="231">
<i class="ph-bold ph-check text-ink text-sm" vid="232"></i>
</div>
<p class="text-base font-serif text-ink mt-1" vid="233">각 단계에서 재실행과 의견 반영이 가능합니다</p>
</div>
<div class="flex items-start gap-6 p-6 border border-ink bg-transparent" vid="234">
<div class="w-8 h-8 border border-ink flex items-center justify-center shrink-0" vid="235">
<i class="ph-bold ph-check text-ink text-sm" vid="236"></i>
</div>
<p class="text-base font-serif text-ink mt-1" vid="237">입력 문서와 중간 산출물, 최종 산출물을 분리해 관리합니다</p>
</div>
<div class="flex items-start gap-6 p-6 border border-ink bg-transparent" vid="238">
<div class="w-8 h-8 border border-ink flex items-center justify-center shrink-0" vid="239">
<i class="ph-bold ph-check text-ink text-sm" vid="240"></i>
</div>
<p class="text-base font-serif text-ink mt-1" vid="241">실무자가 검토할 수 있는 결과 중심으로 작업합니다</p>
</div>
</div>
</div>
</div>
</section>
<section class="w-full bg-bgdark py-12 flex justify-center px-4" vid="242">
<div class="max-w-5xl w-full mx-auto bg-paper rounded-b-[1.5rem] relative border-b border-l border-r border-ink pt-24 pb-20 px-8 md:px-16 shadow-2xl shadow-black/40" vid="243">
<div class="absolute top-0 left-0 w-full h-4" style="background-image: repeating-linear-gradient(to right, transparent 0, transparent 20px, #09090b 20px, #09090b 36px);" vid="244"></div>
<div class="absolute top-6 left-0 w-full border-t border-ink" vid="245"></div>
<div class="absolute top-10 left-8 md:left-16 right-8 md:right-16 flex justify-between text-[10px] font-mono uppercase tracking-[0.2em] text-ink/70" vid="246">
<span vid="247">Value</span>
<span vid="248">07</span>
</div>
<div class="absolute top-20 left-0 w-full border-t border-ink/30" vid="249"></div>
<div class="text-center max-w-3xl mx-auto mb-16 pb-12 border-b border-ink mt-4" vid="250">
<span class="text-ink font-mono tracking-widest text-[11px] uppercase mb-6 block" vid="251">Customer Value</span>
<h2 class="text-4xl md:text-5xl font-serif tracking-tight text-ink mb-6" vid="252">변호사가 더 본질적인 일에 집중할 수 있도록</h2>
<p class="text-base font-sans text-ink/80 leading-relaxed" vid="253">
반복적인 문서 정리와 초안 작성 부담을 줄이면, 변호사는 전략 수립, 쟁점 판단, 고객 커뮤니케이션처럼 더 중요한 일에 집중할 수 있습니다.<br vid="254">
업무 유형과 기존 프로세스에 따라 문서 작업 효율의 유의미한 향상을 기대할 수 있으며, 더 많은 사건을 더 안정적으로 처리할 기반을 마련할 수 있습니다.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-0 border-t border-l border-ink" vid="255">
<div class="border-r border-b border-ink p-8 bg-transparent text-left flex flex-col items-start" vid="256">
<div class="w-14 h-14 border border-ink flex items-center justify-center mb-8 shrink-0" vid="257">
<i class="ph ph-hourglass-low text-ink text-2xl" vid="258"></i>
</div>
<h3 class="text-lg font-serif text-ink mb-4" vid="259">문서 작업 부담 완화</h3>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="260">자료 정리와 초안 작성에 드는 시간을 줄여 핵심 판단에 더 많은 시간을 쓸 수 있습니다.</p>
</div>
<div class="border-r border-b border-ink p-8 bg-transparent text-left flex flex-col items-start" vid="261">
<div class="w-14 h-14 border border-ink flex items-center justify-center mb-8 shrink-0" vid="262">
<i class="ph ph-lightning text-ink text-2xl" vid="263"></i>
</div>
<h3 class="text-lg font-serif text-ink mb-4" vid="264">사건 처리 속도 향상</h3>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="265">반복 업무를 구조화해 더 많은 사건을 더 빠르게 진행할 수 있는 기반을 제공합니다.</p>
</div>
<div class="border-r border-b border-ink p-8 bg-transparent text-left flex flex-col items-start" vid="266">
<div class="w-14 h-14 border border-ink flex items-center justify-center mb-8 shrink-0" vid="267">
<i class="ph ph-chart-line-up text-ink text-2xl" vid="268"></i>
</div>
<h3 class="text-lg font-serif text-ink mb-4" vid="269">업무 확장성 확보</h3>
<p class="text-sm font-sans text-ink/80 leading-relaxed" vid="270">실무 프로세스를 정돈하고 누적해 개인 변호사와 조직 모두의 처리 역량 확장을 돕습니다.</p>
</div>
</div>
</div>
</section>
<section class="w-full bg-bgdark py-12 flex justify-center px-4" vid="271">
<div class="hidden" vid="272"></div>
<div class="max-w-5xl w-full mx-auto bg-paper rounded-b-[1.5rem] relative border-b border-l border-r border-ink pt-24 pb-20 px-8 md:px-16 shadow-2xl shadow-black/40 text-center" vid="273">
<div class="absolute top-0 left-0 w-full h-4" style="background-image: repeating-linear-gradient(to right, transparent 0, transparent 20px, #09090b 20px, #09090b 36px);" vid="274"></div>
<div class="absolute top-6 left-0 w-full border-t border-ink" vid="275"></div>
<div class="absolute top-10 left-8 md:left-16 right-8 md:right-16 flex justify-between text-[10px] font-mono uppercase tracking-[0.2em] text-ink/70" vid="276">
<span vid="277">Vision</span>
<span vid="278">08</span>
</div>
<div class="absolute top-20 left-0 w-full border-t border-ink/30" vid="279"></div>
<h2 class="text-4xl md:text-5xl font-serif tracking-tight text-ink mb-8 mt-8" vid="280">Legal Tech를 넘어 전문가 업무 전반으로</h2>
<p class="text-base md:text-lg font-sans text-ink/80 leading-relaxed mb-16 max-w-3xl mx-auto" vid="281">
Eroom은 Legal Tech를 시작점으로 삼되, 장기적으로는 기업, 공공기관, 연구소를 위한 맞춤형 AI Agent System과 전문 산업용 SaaS를 확장해 나갈 계획입니다.<br vid="282">
우리가 지향하는 것은 단순한 챗봇이 아니라, 각 조직의 실제 workflow 안에서 작동하는 전문 AI Agent입니다.
</p>
<div class="flex flex-wrap justify-center gap-4" vid="283">
<span class="px-6 py-3 border border-ink bg-transparent text-ink font-mono text-[11px] uppercase tracking-widest" vid="284">Legal Tech</span>
<span class="px-6 py-3 border border-ink bg-transparent text-ink font-mono text-[11px] uppercase tracking-widest" vid="285">Enterprise AI Agent System</span>
<span class="px-6 py-3 border border-ink bg-transparent text-ink font-mono text-[11px] uppercase tracking-widest" vid="286">Public Sector AI</span>
<span class="px-6 py-3 border border-ink bg-transparent text-ink font-mono text-[11px] uppercase tracking-widest" vid="287">Research Workflow AI</span>
<span class="px-6 py-3 border border-ink bg-transparent text-ink font-mono text-[11px] uppercase tracking-widest" vid="288">Industry-Specific SaaS</span>
</div>
</div>
</section>
<section class="w-full bg-bgdark py-12 flex justify-center px-4" vid="289">
<div class="hidden" vid="290"></div>
<div class="max-w-5xl w-full mx-auto bg-ink rounded-b-[1.5rem] relative border-b border-l border-r border-ink pt-32 pb-32 px-8 md:px-16 shadow-2xl shadow-black/40 text-center" vid="291">
<div class="absolute top-0 left-0 w-full h-4" style="background-image: repeating-linear-gradient(to right, transparent 0, transparent 20px, #09090b 20px, #09090b 36px);" vid="292"></div>
<div class="absolute top-6 left-0 w-full border-t border-paper/30" vid="293"></div>
<div class="absolute top-10 left-8 md:left-16 right-8 md:right-16 flex justify-between text-[10px] font-mono uppercase tracking-[0.2em] text-paper/70" vid="294">
<span vid="295">CTA</span>
<span vid="296">09</span>
</div>
<div class="absolute top-20 left-0 w-full border-t border-paper/10" vid="297"></div>
<h2 class="text-5xl md:text-6xl font-serif tracking-tight text-paper mb-8 leading-tight mt-12" vid="298">
실무에 연결되는 AI Agent를<br vid="299">가장 먼저 만나보세요
</h2>
<p class="text-lg text-paper/80 mb-16 font-sans" vid="300">
Legal Tech를 시작으로, 전문가가 신뢰하고 사용할 수 있는<br class="hidden md:block" vid="301"> AI Agent 서비스를 Eroom이 만들어갑니다.
</p>
<div class="flex flex-col sm:flex-row items-center justify-center gap-6" vid="302">
<button class="w-full sm:w-auto px-10 py-4 bg-paper text-ink border border-paper font-mono text-[11px] uppercase tracking-widest hover:bg-transparent hover:text-paper transition-colors" vid="303">
도입 문의하기
</button>
<button class="w-full sm:w-auto px-10 py-4 bg-transparent text-paper border border-paper font-mono text-[11px] uppercase tracking-widest hover:bg-paper hover:text-ink transition-colors" vid="304">
제품 상세 보기
</button>
</div>
</div>
</section>
<footer class="w-full bg-bgdark pt-12 pb-24 flex justify-center px-4" vid="305">
<div class="max-w-5xl w-full mx-auto bg-paper rounded-b-[1.5rem] relative border-b border-l border-r border-ink pt-16 pb-16 px-8 md:px-16 shadow-2xl shadow-black/40 flex flex-col md:flex-row justify-between items-center gap-8" vid="306">
<div class="absolute top-0 left-0 w-full h-4" style="background-image: repeating-linear-gradient(to right, transparent 0, transparent 20px, #09090b 20px, #09090b 36px);" vid="307"></div>
<div class="absolute top-6 left-0 w-full border-t border-ink" vid="308"></div>
<div class="absolute top-10 left-8 md:left-16 right-8 md:right-16 flex justify-between text-[10px] font-mono uppercase tracking-[0.2em] text-ink/70" vid="309">
<span vid="310">Footer</span>
<span vid="311">10</span>
</div>
<div class="absolute top-20 left-0 w-full border-t border-ink/30" vid="312"></div>
<div class="flex items-center gap-4 mt-8 md:mt-0" vid="313">
<div class="w-10 h-10 border border-ink flex items-center justify-center bg-transparent shrink-0" vid="314">
<span class="text-ink font-serif font-bold text-xl" vid="315">E</span>
</div>
<span class="font-serif font-bold text-xl tracking-tight text-ink" vid="316">Eroom AI Partners</span>
</div>
<div class="flex flex-wrap justify-center gap-8 text-[11px] font-mono uppercase tracking-widest text-ink/80 mt-4 md:mt-0" vid="317">
<a href="#" class="hover:text-ink transition-colors" vid="318">회사 소개</a>
<a href="#" class="hover:text-ink transition-colors" vid="319">서비스</a>
<a href="#" class="hover:text-ink transition-colors" vid="320">도입 문의</a>
<a href="#" class="hover:text-ink transition-colors" vid="321">개인정보처리방침</a>
</div>
<p class="text-[10px] font-mono uppercase tracking-widest text-ink/50 text-center md:text-right" vid="322">
© 2024 Eroom AI Partners. All rights reserved.
</p>
</div>
</footer>
</body></html>
Reference in New Issue View Git Blame Copy Permalink