465 lines
34 KiB
HTML
465 lines
34 KiB
HTML
<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="stylesheet" as="style" crossorigin="" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css" vid="7">
|
|
<style vid="8">
|
|
body {
|
|
font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
|
|
}
|
|
.hero-pattern {
|
|
background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
|
|
background-size: 32px 32px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="w-full h-full bg-white text-slate-900 antialiased selection:bg-blue-200 selection:text-blue-900" vid="9">
|
|
|
|
|
|
<nav class="fixed top-0 w-full bg-white/90 backdrop-blur-md z-50 border-b border-slate-200" vid="10">
|
|
<div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between" vid="11">
|
|
<div class="flex items-center gap-2 cursor-pointer" vid="12">
|
|
<div class="w-8 h-8 bg-slate-900 rounded flex items-center justify-center" vid="13">
|
|
<span class="text-white font-bold text-xl leading-none tracking-tighter" vid="14">E</span>
|
|
</div>
|
|
<span class="font-bold text-xl tracking-tight text-slate-900" vid="15">Eroom AI Partners</span>
|
|
</div>
|
|
<div class="hidden md:flex items-center gap-8" vid="16">
|
|
<a href="#" class="text-sm font-medium text-slate-600 hover:text-slate-900 transition-colors" vid="17">회사 소개</a>
|
|
<a href="#" class="text-sm font-medium text-slate-600 hover:text-slate-900 transition-colors" vid="18">서비스</a>
|
|
<a href="#" class="text-sm font-medium text-slate-600 hover:text-slate-900 transition-colors" vid="19">제품 소개</a>
|
|
<a href="#" class="text-sm font-medium text-slate-600 hover:text-slate-900 transition-colors" vid="20">도입 문의</a>
|
|
</div>
|
|
<div class="flex items-center gap-4" vid="21">
|
|
<a href="#" class="text-sm font-medium text-slate-600 hover:text-slate-900 transition-colors hidden sm:block" vid="22">로그인</a>
|
|
<a href="#" class="text-sm font-semibold bg-blue-600 text-white px-5 py-2.5 rounded-lg hover:bg-blue-700 transition-colors" vid="23">서비스 시작하기</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<section class="relative pt-32 pb-20 lg:pt-48 lg:pb-32 bg-slate-900 overflow-hidden" vid="24">
|
|
<div class="absolute inset-0 hero-pattern opacity-30" vid="25"></div>
|
|
<div class="max-w-7xl mx-auto px-6 relative z-10 flex flex-col items-center text-center" vid="26">
|
|
|
|
<div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-300 text-sm font-medium mb-8" vid="27">
|
|
<i class="ph-fill ph-sparkle" vid="28"></i>
|
|
<span vid="29">전문가용 Vertical AI Agent for Legal Work</span>
|
|
</div>
|
|
|
|
<h1 class="text-4xl md:text-6xl lg:text-7xl font-bold text-white tracking-tight leading-[1.15] mb-8" vid="30">
|
|
법률 실무에 바로 연결되는<br vid="31">
|
|
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-indigo-400" vid="32">전문가용 AI Agent</span>를 만듭니다
|
|
</h1>
|
|
|
|
<p class="text-lg md:text-xl text-slate-300 max-w-3xl mb-12 leading-relaxed font-light" vid="33">
|
|
Eroom은 전문가용/기업용 지식 작업 AI Agent를 개발하고 운용하는 회사입니다.<br class="hidden md:block" vid="34">
|
|
우리는 Legal Tech를 시작으로, 전문가가 검토 후 곧바로 실무에 활용할 수 있는 실무형 AI Agent를 설계합니다.
|
|
</p>
|
|
|
|
<div class="flex flex-col sm:flex-row items-center gap-4 mb-24 w-full justify-center" vid="35">
|
|
<button class="w-full sm:w-auto px-8 py-4 bg-blue-600 text-white rounded-xl font-semibold text-lg hover:bg-blue-700 transition-all shadow-lg shadow-blue-900/20" vid="36">
|
|
서비스 보기
|
|
</button>
|
|
<button class="w-full sm:w-auto px-8 py-4 bg-white/10 text-white border border-white/20 rounded-xl font-semibold text-lg hover:bg-white/20 transition-all backdrop-blur-sm" vid="37">
|
|
회사 소개 보기
|
|
</button>
|
|
</div>
|
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 w-full max-w-5xl" vid="38">
|
|
<div class="flex items-start gap-4 p-6 rounded-2xl bg-slate-800/50 border border-slate-700/50 backdrop-blur-sm text-left" vid="39">
|
|
<div class="w-10 h-10 rounded-lg bg-blue-500/20 flex items-center justify-center shrink-0" vid="40">
|
|
<i class="ph ph-rocket-launch text-blue-400 text-xl" vid="41"></i>
|
|
</div>
|
|
<p class="text-sm text-slate-300 leading-snug" vid="42">Legal Tech부터 시작하는<br vid="43"><span class="text-white font-medium" vid="44">Full Vertical AI Agent</span></p>
|
|
</div>
|
|
<div class="flex items-start gap-4 p-6 rounded-2xl bg-slate-800/50 border border-slate-700/50 backdrop-blur-sm text-left" vid="45">
|
|
<div class="w-10 h-10 rounded-lg bg-indigo-500/20 flex items-center justify-center shrink-0" vid="46">
|
|
<i class="ph ph-git-branch text-indigo-400 text-xl" vid="47"></i>
|
|
</div>
|
|
<p class="text-sm text-slate-300 leading-snug" vid="48">도메인 지식, 실무 workflow,<br vid="49"><span class="text-white font-medium" vid="50">Human-in-the-Loop</span>를 함께 설계한 AI</p>
|
|
</div>
|
|
<div class="flex items-start gap-4 p-6 rounded-2xl bg-slate-800/50 border border-slate-700/50 backdrop-blur-sm text-left" vid="51">
|
|
<div class="w-10 h-10 rounded-lg bg-sky-500/20 flex items-center justify-center shrink-0" vid="52">
|
|
<i class="ph ph-file-text text-sky-400 text-xl" vid="53"></i>
|
|
</div>
|
|
<p class="text-sm text-slate-300 leading-snug" vid="54">문서 자동화가 아니라<br vid="55"><span class="text-white font-medium" vid="56">실무 진행 구조</span>까지 포함한 에이전트</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-24 bg-white" vid="57">
|
|
<div class="max-w-7xl mx-auto px-6" vid="58">
|
|
<div class="max-w-3xl mb-16" vid="59">
|
|
<h2 class="text-3xl md:text-4xl font-bold tracking-tight text-slate-900 mb-6" vid="60">Eroom은 전문가 업무의<br vid="61">마지막 단계를 해결합니다</h2>
|
|
<p class="text-lg text-slate-600 leading-relaxed" vid="62">
|
|
Eroom은 전문가용/기업용 지식 작업 AI Agent를 개발하고 운용하는 회사입니다.<br vid="63">
|
|
법률, 금융, 의료처럼 높은 정확도와 책임 있는 판단이 필요한 영역에서는 범용 AI만으로 실무에 바로 연결되기 어렵습니다.<br vid="64">
|
|
Eroom은 각 영역의 전문 workflow와 지식 구조를 AI 안에 내재화해, 검토 가능한 실무형 서비스를 만드는 데 집중합니다.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8" vid="65">
|
|
<div class="p-8 rounded-2xl bg-slate-50 border border-slate-100" vid="66">
|
|
<div class="w-12 h-12 bg-white rounded-xl shadow-sm border border-slate-100 flex items-center justify-center mb-6" vid="67">
|
|
<i class="ph ph-steps text-blue-600 text-2xl" vid="68"></i>
|
|
</div>
|
|
<p class="text-slate-800 font-medium text-lg leading-snug" vid="69">전문가 수준의 workflow를 전제로 설계합니다</p>
|
|
</div>
|
|
<div class="p-8 rounded-2xl bg-slate-50 border border-slate-100" vid="70">
|
|
<div class="w-12 h-12 bg-white rounded-xl shadow-sm border border-slate-100 flex items-center justify-center mb-6" vid="71">
|
|
<i class="ph ph-tree-structure text-blue-600 text-2xl" vid="72"></i>
|
|
</div>
|
|
<p class="text-slate-800 font-medium text-lg leading-snug" vid="73">문서 생성보다 실무 진행 구조를 함께 만듭니다</p>
|
|
</div>
|
|
<div class="p-8 rounded-2xl bg-slate-50 border border-slate-100" vid="74">
|
|
<div class="w-12 h-12 bg-white rounded-xl shadow-sm border border-slate-100 flex items-center justify-center mb-6" vid="75">
|
|
<i class="ph ph-users text-blue-600 text-2xl" vid="76"></i>
|
|
</div>
|
|
<p class="text-slate-800 font-medium text-lg leading-snug" vid="77">사람이 개입하고 검토할 수 있는 단계형 AI를 지향합니다</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-24 bg-slate-50 border-t border-slate-200" vid="78">
|
|
<div class="max-w-7xl mx-auto px-6" vid="79">
|
|
<div class="text-center max-w-3xl mx-auto mb-16" vid="80">
|
|
<span class="text-blue-600 font-semibold tracking-wide text-sm uppercase mb-3 block" vid="81">Last Mile Problem</span>
|
|
<h2 class="text-3xl md:text-4xl font-bold tracking-tight text-slate-900 mb-4" vid="82">범용 AI가 넘기 어려운 마지막 단계가 있습니다</h2>
|
|
<p class="text-lg text-slate-600" vid="83">Eroom은 전문 영역의 Last Mile Problem에 집중합니다</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8" vid="84">
|
|
|
|
<div class="bg-white p-8 rounded-2xl shadow-sm border border-slate-200/60 hover:shadow-md transition-shadow" vid="85">
|
|
<div class="w-14 h-14 bg-red-50 rounded-2xl flex items-center justify-center mb-6" vid="86">
|
|
<i class="ph ph-warning-circle text-red-500 text-3xl" vid="87"></i>
|
|
</div>
|
|
<h3 class="text-xl font-bold text-slate-900 mb-3" vid="88">전문 workflow 미내재화</h3>
|
|
<p class="text-slate-600 leading-relaxed" vid="89">전문가의 실제 업무는 단순 질의응답이 아니라 단계별 판단, 문서 검토, 자료 재구성으로 이루어집니다. 범용 AI는 이 흐름을 충분히 반영하지 못합니다.</p>
|
|
</div>
|
|
|
|
|
|
<div class="bg-white p-8 rounded-2xl shadow-sm border border-slate-200/60 hover:shadow-md transition-shadow" vid="90">
|
|
<div class="w-14 h-14 bg-orange-50 rounded-2xl flex items-center justify-center mb-6" vid="91">
|
|
<i class="ph ph-books text-orange-500 text-3xl" vid="92"></i>
|
|
</div>
|
|
<h3 class="text-xl font-bold text-slate-900 mb-3" vid="93">도메인 지식 부족</h3>
|
|
<p class="text-slate-600 leading-relaxed" vid="94">법률, 금융, 의료 영역은 용어 이해를 넘어서 문서 구조, 쟁점 구성, 실무 관행까지 함께 다뤄야 합니다. 이 간극이 결과물의 품질 차이를 만듭니다.</p>
|
|
</div>
|
|
|
|
|
|
<div class="bg-white p-8 rounded-2xl shadow-sm border border-slate-200/60 hover:shadow-md transition-shadow" vid="95">
|
|
<div class="w-14 h-14 bg-yellow-50 rounded-2xl flex items-center justify-center mb-6" vid="96">
|
|
<i class="ph ph-shield-slash text-yellow-600 text-3xl" vid="97"></i>
|
|
</div>
|
|
<h3 class="text-xl font-bold text-slate-900 mb-3" vid="98">신뢰 불충분</h3>
|
|
<p class="text-slate-600 leading-relaxed" vid="99">전문가가 바로 실무에 쓰기 어려운 가장 큰 이유는 결과를 끝까지 검토하고 통제할 수 있는 구조가 부족하기 때문입니다.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-24 bg-white" vid="100">
|
|
<div class="max-w-7xl mx-auto px-6" vid="101">
|
|
<div class="mb-16" vid="102">
|
|
<span class="text-blue-600 font-semibold tracking-wide text-sm uppercase mb-3 block" vid="103">Our Solution</span>
|
|
<h2 class="text-3xl md:text-4xl font-bold tracking-tight text-slate-900" vid="104">Eroom은 실무에서 신뢰할 수 있는<br vid="105">AI Agent를 설계합니다</h2>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-6" vid="106">
|
|
|
|
<div class="flex gap-6 p-8 rounded-2xl bg-slate-50 border border-slate-100 group hover:border-blue-200 hover:bg-blue-50/30 transition-colors" vid="107">
|
|
<div class="w-16 h-16 bg-white rounded-2xl shadow-sm border border-slate-200 flex items-center justify-center shrink-0 group-hover:border-blue-300 group-hover:text-blue-600 transition-colors" vid="108">
|
|
<i class="ph ph-flow-arrow text-slate-700 text-3xl group-hover:text-blue-600 transition-colors" vid="109"></i>
|
|
</div>
|
|
<div vid="110">
|
|
<h3 class="text-xl font-bold text-slate-900 mb-3" vid="111">전문가 workflow 내재화</h3>
|
|
<p class="text-slate-600 leading-relaxed" vid="112">실제 업무 순서에 맞춘 단계형 구조로, 자료 입력부터 최종 산출물 생성까지 흐름을 끊기지 않게 설계합니다.</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="flex gap-6 p-8 rounded-2xl bg-slate-50 border border-slate-100 group hover:border-blue-200 hover:bg-blue-50/30 transition-colors" vid="113">
|
|
<div class="w-16 h-16 bg-white rounded-2xl shadow-sm border border-slate-200 flex items-center justify-center shrink-0 group-hover:border-blue-300 group-hover:text-blue-600 transition-colors" vid="114">
|
|
<i class="ph ph-gavel text-slate-700 text-3xl group-hover:text-blue-600 transition-colors" vid="115"></i>
|
|
</div>
|
|
<div vid="116">
|
|
<h3 class="text-xl font-bold text-slate-900 mb-3" vid="117">도메인 특화 설계</h3>
|
|
<p class="text-slate-600 leading-relaxed" vid="118">각 전문 영역의 문서 형식, 판단 기준, 업무 관행을 반영해 범용 AI와 다른 결과물을 지향합니다.</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="flex gap-6 p-8 rounded-2xl bg-slate-50 border border-slate-100 group hover:border-blue-200 hover:bg-blue-50/30 transition-colors" vid="119">
|
|
<div class="w-16 h-16 bg-white rounded-2xl shadow-sm border border-slate-200 flex items-center justify-center shrink-0 group-hover:border-blue-300 group-hover:text-blue-600 transition-colors" vid="120">
|
|
<i class="ph ph-user-gear text-slate-700 text-3xl group-hover:text-blue-600 transition-colors" vid="121"></i>
|
|
</div>
|
|
<div vid="122">
|
|
<h3 class="text-xl font-bold text-slate-900 mb-3" vid="123">HITL 검토 구조</h3>
|
|
<p class="text-slate-600 leading-relaxed" vid="124">사용자는 각 단계에서 확인, 재실행, 의견개진을 통해 진행 방향을 통제할 수 있습니다.</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="flex gap-6 p-8 rounded-2xl bg-slate-50 border border-slate-100 group hover:border-blue-200 hover:bg-blue-50/30 transition-colors" vid="125">
|
|
<div class="w-16 h-16 bg-white rounded-2xl shadow-sm border border-slate-200 flex items-center justify-center shrink-0 group-hover:border-blue-300 group-hover:text-blue-600 transition-colors" vid="126">
|
|
<i class="ph ph-files text-slate-700 text-3xl group-hover:text-blue-600 transition-colors" vid="127"></i>
|
|
</div>
|
|
<div vid="128">
|
|
<h3 class="text-xl font-bold text-slate-900 mb-3" vid="129">실무 산출물 중심</h3>
|
|
<p class="text-slate-600 leading-relaxed" vid="130">중간 요약에 머무르지 않고, 소장, 준비서면, 법률자문서처럼 실제 업무에 필요한 결과물 생성을 목표로 합니다.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-24 bg-slate-900 text-white overflow-hidden" vid="131">
|
|
<div class="max-w-7xl mx-auto px-6 relative" vid="132">
|
|
<div class="absolute top-0 right-0 w-[500px] h-[500px] bg-blue-600/20 rounded-full blur-[120px] pointer-events-none" vid="133"></div>
|
|
|
|
<div class="max-w-3xl mb-16 relative z-10" vid="134">
|
|
<span class="inline-block px-3 py-1 bg-slate-800 text-blue-400 rounded-full text-sm font-semibold mb-4 border border-slate-700" vid="135">Products</span>
|
|
<h2 class="text-3xl md:text-4xl font-bold tracking-tight mb-6" vid="136">Legal Tech에서 시작하는<br vid="137">Eroom의 Vertical AI Agent</h2>
|
|
<p class="text-lg text-slate-300 leading-relaxed" vid="138">
|
|
Eroom의 첫 번째 진출 영역은 Legal Tech입니다.<br vid="139">
|
|
우리는 소송과 법률자문 업무에서 변호사가 더 빠르고 안정적으로 실무를 진행할 수 있도록 제품을 설계하고 있습니다.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-16 relative z-10" vid="140">
|
|
|
|
<div class="flex flex-col h-full p-10 rounded-3xl bg-slate-800/50 border border-slate-700 backdrop-blur-sm relative overflow-hidden group" vid="141">
|
|
<div class="absolute top-0 right-0 p-8 opacity-10 group-hover:opacity-20 transition-opacity" vid="142">
|
|
<i class="ph ph-scales text-9xl text-blue-400" vid="143"></i>
|
|
</div>
|
|
<div class="mb-8" vid="144">
|
|
<div class="w-16 h-16 rounded-2xl bg-blue-500/20 border border-blue-500/30 flex items-center justify-center mb-6" vid="145">
|
|
<i class="ph ph-scales text-blue-400 text-3xl" vid="146"></i>
|
|
</div>
|
|
<h3 class="text-2xl font-bold text-white mb-2" vid="147">Liti-Agent</h3>
|
|
<p class="text-blue-400 font-medium mb-6" vid="148">소송 문서 작성 AI Agent</p>
|
|
<p class="text-slate-300 leading-relaxed text-lg" vid="149">
|
|
민사소송과 형사소송 업무에서 사건 자료를 정리하고, 단계별 진행을 거쳐 최종 문서 작성을 지원하는 AI Agent
|
|
</p>
|
|
</div>
|
|
<div class="mt-auto pt-8 border-t border-slate-700/50" vid="150">
|
|
<button class="flex items-center gap-2 text-white font-semibold hover:text-blue-400 transition-colors group/btn" vid="151">
|
|
소송 서비스 보기
|
|
<i class="ph ph-arrow-right group-hover/btn:translate-x-1 transition-transform" vid="152"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="flex flex-col h-full p-10 rounded-3xl bg-slate-800/50 border border-slate-700 backdrop-blur-sm relative overflow-hidden group" vid="153">
|
|
<div class="absolute top-0 right-0 p-8 opacity-10 group-hover:opacity-20 transition-opacity" vid="154">
|
|
<i class="ph ph-magnifying-glass text-9xl text-indigo-400" vid="155"></i>
|
|
</div>
|
|
<div class="mb-8" vid="156">
|
|
<div class="w-16 h-16 rounded-2xl bg-indigo-500/20 border border-indigo-500/30 flex items-center justify-center mb-6" vid="157">
|
|
<i class="ph ph-magnifying-glass text-indigo-400 text-3xl" vid="158"></i>
|
|
</div>
|
|
<h3 class="text-2xl font-bold text-white mb-2" vid="159">Litcon-Agent</h3>
|
|
<p class="text-indigo-400 font-medium mb-6" vid="160">법률자문 AI Agent</p>
|
|
<p class="text-slate-300 leading-relaxed text-lg" vid="161">
|
|
의뢰서와 관련 자료를 바탕으로 리서치와 구조화를 거쳐 법률자문서 작성을 지원하는 AI Agent
|
|
</p>
|
|
</div>
|
|
<div class="mt-auto pt-8 border-t border-slate-700/50" vid="162">
|
|
<button class="flex items-center gap-2 text-white font-semibold hover:text-indigo-400 transition-colors group/btn" vid="163">
|
|
자문 서비스 보기
|
|
<i class="ph ph-arrow-right group-hover/btn:translate-x-1 transition-transform" vid="164"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="p-8 rounded-2xl bg-gradient-to-r from-slate-800 to-slate-800/50 border border-slate-700 flex flex-col md:flex-row items-start md:items-center gap-6 relative z-10" vid="165">
|
|
<div class="shrink-0" vid="166">
|
|
<span class="inline-flex items-center gap-1.5 px-3 py-1 bg-slate-700 text-slate-300 rounded-lg text-xs font-bold uppercase tracking-wider" vid="167">
|
|
<i class="ph-fill ph-map-trifold" vid="168"></i> Future Expansion
|
|
</span>
|
|
</div>
|
|
<p class="text-slate-300 leading-relaxed" vid="169">
|
|
향후 Eroom은 finance, health care, manufacturing, agriculture, robotics를 포함한 다양한 전문 산업으로 확장 가능한 AI Agent 서비스를 준비하고 있습니다.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-24 bg-white" vid="170">
|
|
<div class="max-w-7xl mx-auto px-6" vid="171">
|
|
<div class="flex flex-col lg:flex-row gap-16 items-center" vid="172">
|
|
|
|
<div class="w-full lg:w-1/2" vid="173">
|
|
<span class="text-blue-600 font-semibold tracking-wide text-sm uppercase mb-3 block" vid="174">Human-in-the-Loop</span>
|
|
<h2 class="text-3xl md:text-4xl font-bold tracking-tight text-slate-900 mb-6" vid="175">검토 가능한 구조가<br vid="176">신뢰를 만듭니다</h2>
|
|
<p class="text-lg text-slate-600 leading-relaxed mb-8" vid="177">
|
|
전문가용 AI에서 중요한 것은 단순한 자동화가 아니라, 결과를 검토하고 수정하고 다시 진행할 수 있는 구조입니다.<br vid="178">
|
|
Eroom은 Human-in-the-Loop 기반의 단계형 workflow로 사용자가 업무 흐름을 직접 통제할 수 있도록 설계합니다.
|
|
</p>
|
|
<div class="bg-slate-50 p-6 rounded-2xl border border-slate-100 flex items-center gap-4" vid="179">
|
|
<div class="w-12 h-12 bg-white rounded-full shadow-sm flex items-center justify-center shrink-0" vid="180">
|
|
<i class="ph-fill ph-lock-key text-blue-600 text-xl" vid="181"></i>
|
|
</div>
|
|
<p class="text-slate-700 font-medium" vid="182">안전하고 통제 가능한 기업용 지식 작업 환경</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w-full lg:w-1/2 space-y-4" vid="183">
|
|
<div class="flex items-start gap-4 p-6 rounded-2xl border border-slate-200 bg-white shadow-sm hover:border-blue-300 hover:shadow-md transition-all" vid="184">
|
|
<div class="w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center shrink-0 mt-0.5" vid="185">
|
|
<i class="ph-bold ph-check text-blue-600" vid="186"></i>
|
|
</div>
|
|
<p class="text-lg font-medium text-slate-900" vid="187">단계별 진행 상태를 확인할 수 있습니다</p>
|
|
</div>
|
|
|
|
<div class="flex items-start gap-4 p-6 rounded-2xl border border-slate-200 bg-white shadow-sm hover:border-blue-300 hover:shadow-md transition-all" vid="188">
|
|
<div class="w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center shrink-0 mt-0.5" vid="189">
|
|
<i class="ph-bold ph-check text-blue-600" vid="190"></i>
|
|
</div>
|
|
<p class="text-lg font-medium text-slate-900" vid="191">각 단계에서 재실행과 의견 반영이 가능합니다</p>
|
|
</div>
|
|
|
|
<div class="flex items-start gap-4 p-6 rounded-2xl border border-slate-200 bg-white shadow-sm hover:border-blue-300 hover:shadow-md transition-all" vid="192">
|
|
<div class="w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center shrink-0 mt-0.5" vid="193">
|
|
<i class="ph-bold ph-check text-blue-600" vid="194"></i>
|
|
</div>
|
|
<p class="text-lg font-medium text-slate-900" vid="195">입력 문서와 중간 산출물, 최종 산출물을 분리해 관리합니다</p>
|
|
</div>
|
|
|
|
<div class="flex items-start gap-4 p-6 rounded-2xl border border-slate-200 bg-white shadow-sm hover:border-blue-300 hover:shadow-md transition-all" vid="196">
|
|
<div class="w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center shrink-0 mt-0.5" vid="197">
|
|
<i class="ph-bold ph-check text-blue-600" vid="198"></i>
|
|
</div>
|
|
<p class="text-lg font-medium text-slate-900" vid="199">실무자가 검토할 수 있는 결과 중심으로 작업합니다</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-24 bg-slate-50 border-t border-slate-200" vid="200">
|
|
<div class="max-w-7xl mx-auto px-6" vid="201">
|
|
<div class="text-center max-w-3xl mx-auto mb-16" vid="202">
|
|
<span class="text-blue-600 font-semibold tracking-wide text-sm uppercase mb-3 block" vid="203">Customer Value</span>
|
|
<h2 class="text-3xl md:text-4xl font-bold tracking-tight text-slate-900 mb-6" vid="204">변호사가 더 본질적인 일에 집중할 수 있도록</h2>
|
|
<p class="text-lg text-slate-600 leading-relaxed" vid="205">
|
|
반복적인 문서 정리와 초안 작성 부담을 줄이면, 변호사는 전략 수립, 쟁점 판단, 고객 커뮤니케이션처럼 더 중요한 일에 집중할 수 있습니다.<br vid="206">
|
|
업무 유형과 기존 프로세스에 따라 문서 작업 효율의 유의미한 향상을 기대할 수 있으며, 더 많은 사건을 더 안정적으로 처리할 기반을 마련할 수 있습니다.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8" vid="207">
|
|
|
|
<div class="bg-white p-8 rounded-2xl shadow-sm border border-slate-200/60 text-center" vid="208">
|
|
<div class="w-16 h-16 bg-blue-50 rounded-full flex items-center justify-center mx-auto mb-6" vid="209">
|
|
<i class="ph ph-hourglass-low text-blue-600 text-3xl" vid="210"></i>
|
|
</div>
|
|
<h3 class="text-xl font-bold text-slate-900 mb-3" vid="211">문서 작업 부담 완화</h3>
|
|
<p class="text-slate-600 leading-relaxed" vid="212">자료 정리와 초안 작성에 드는 시간을 줄여 핵심 판단에 더 많은 시간을 쓸 수 있습니다.</p>
|
|
</div>
|
|
|
|
|
|
<div class="bg-white p-8 rounded-2xl shadow-sm border border-slate-200/60 text-center" vid="213">
|
|
<div class="w-16 h-16 bg-blue-50 rounded-full flex items-center justify-center mx-auto mb-6" vid="214">
|
|
<i class="ph ph-lightning text-blue-600 text-3xl" vid="215"></i>
|
|
</div>
|
|
<h3 class="text-xl font-bold text-slate-900 mb-3" vid="216">사건 처리 속도 향상</h3>
|
|
<p class="text-slate-600 leading-relaxed" vid="217">반복 업무를 구조화해 더 많은 사건을 더 빠르게 진행할 수 있는 기반을 제공합니다.</p>
|
|
</div>
|
|
|
|
|
|
<div class="bg-white p-8 rounded-2xl shadow-sm border border-slate-200/60 text-center" vid="218">
|
|
<div class="w-16 h-16 bg-blue-50 rounded-full flex items-center justify-center mx-auto mb-6" vid="219">
|
|
<i class="ph ph-chart-line-up text-blue-600 text-3xl" vid="220"></i>
|
|
</div>
|
|
<h3 class="text-xl font-bold text-slate-900 mb-3" vid="221">업무 확장성 확보</h3>
|
|
<p class="text-slate-600 leading-relaxed" vid="222">실무 프로세스를 정돈하고 누적해 개인 변호사와 조직 모두의 처리 역량 확장을 돕습니다.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-24 bg-slate-900 text-center px-6 relative overflow-hidden" vid="223">
|
|
<div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMwIDBoMzB2MzBoLTMwek0wIDMwaDMwdjMwaC0zMHoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC4wMiIvPjwvc3ZnPg==')] opacity-20" vid="224"></div>
|
|
<div class="max-w-4xl mx-auto relative z-10" vid="225">
|
|
<h2 class="text-3xl md:text-5xl font-bold tracking-tight text-white mb-6" vid="226">Legal Tech를 넘어 전문가 업무 전반으로</h2>
|
|
<p class="text-lg md:text-xl text-slate-300 leading-relaxed mb-12" vid="227">
|
|
Eroom은 Legal Tech를 시작점으로 삼되, 장기적으로는 기업, 공공기관, 연구소를 위한 맞춤형 AI Agent System과 전문 산업용 SaaS를 확장해 나갈 계획입니다.<br vid="228">
|
|
우리가 지향하는 것은 단순한 챗봇이 아니라, 각 조직의 실제 workflow 안에서 작동하는 전문 AI Agent입니다.
|
|
</p>
|
|
|
|
<div class="flex flex-wrap justify-center gap-4" vid="229">
|
|
<span class="px-6 py-3 rounded-full border border-slate-700 bg-slate-800/80 text-white font-medium text-sm md:text-base backdrop-blur-sm" vid="230">Legal Tech</span>
|
|
<span class="px-6 py-3 rounded-full border border-slate-700 bg-slate-800/80 text-slate-300 font-medium text-sm md:text-base backdrop-blur-sm" vid="231">Enterprise AI Agent System</span>
|
|
<span class="px-6 py-3 rounded-full border border-slate-700 bg-slate-800/80 text-slate-300 font-medium text-sm md:text-base backdrop-blur-sm" vid="232">Public Sector AI</span>
|
|
<span class="px-6 py-3 rounded-full border border-slate-700 bg-slate-800/80 text-slate-300 font-medium text-sm md:text-base backdrop-blur-sm" vid="233">Research Workflow AI</span>
|
|
<span class="px-6 py-3 rounded-full border border-slate-700 bg-slate-800/80 text-slate-300 font-medium text-sm md:text-base backdrop-blur-sm" vid="234">Industry-Specific SaaS</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-24 bg-blue-600 relative overflow-hidden" vid="235">
|
|
<div class="absolute inset-0 bg-gradient-to-b from-transparent to-black/10" vid="236"></div>
|
|
<div class="max-w-4xl mx-auto px-6 relative z-10 text-center" vid="237">
|
|
<h2 class="text-4xl md:text-5xl font-bold tracking-tight text-white mb-6 leading-tight" vid="238">
|
|
실무에 연결되는 AI Agent를<br vid="239">가장 먼저 만나보세요
|
|
</h2>
|
|
<p class="text-xl text-blue-100 mb-12" vid="240">
|
|
Legal Tech를 시작으로, 전문가가 신뢰하고 사용할 수 있는<br class="hidden md:block" vid="241"> AI Agent 서비스를 Eroom이 만들어갑니다.
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row items-center justify-center gap-4" vid="242">
|
|
<button class="w-full sm:w-auto px-10 py-4 bg-white text-blue-600 rounded-xl font-bold text-lg hover:bg-slate-50 transition-all shadow-lg" vid="243">
|
|
도입 문의하기
|
|
</button>
|
|
<button class="w-full sm:w-auto px-10 py-4 bg-transparent border-2 border-white/30 text-white rounded-xl font-bold text-lg hover:bg-white/10 hover:border-white/50 transition-all" vid="244">
|
|
제품 상세 보기
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<footer class="bg-slate-950 py-12 border-t border-slate-900" vid="245">
|
|
<div class="max-w-7xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-6" vid="246">
|
|
<div class="flex items-center gap-2" vid="247">
|
|
<div class="w-6 h-6 bg-slate-800 rounded flex items-center justify-center" vid="248">
|
|
<span class="text-white font-bold text-xs" vid="249">E</span>
|
|
</div>
|
|
<span class="font-bold text-lg tracking-tight text-white" vid="250">Eroom AI Partners</span>
|
|
</div>
|
|
|
|
<div class="flex gap-6 text-sm text-slate-400" vid="251">
|
|
<a href="#" class="hover:text-white transition-colors" vid="252">회사 소개</a>
|
|
<a href="#" class="hover:text-white transition-colors" vid="253">서비스</a>
|
|
<a href="#" class="hover:text-white transition-colors" vid="254">도입 문의</a>
|
|
<a href="#" class="hover:text-white transition-colors" vid="255">개인정보처리방침</a>
|
|
</div>
|
|
|
|
<p class="text-slate-500 text-sm" vid="256">
|
|
© 2024 Eroom AI Partners. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
</body></html> |