/* global React, Wordmark, Reveal, Eyebrow, SectionHead, Btn, CountUp, VideoPlaceholder, ScrollWords */ /* ===================================================== 1. HERO — broader company positioning ===================================================== */ function HomeHero({ onNavigate }) { const [email, setEmail] = React.useState(""); const onSubmit = (e) => { e.preventDefault(); onNavigate("contact"); }; return (

소외된 자리에{" "} 귀를 기울입니다.

이온랩(EonLab)은{" "} 기술을 통해 문제를 실험하고 해결합니다.{" "} 사람들이 익숙해져 버린 불편함과{" "} 아무도 답하지 않던 자리에{" "} 서비스를 만들어 둡니다.

영업일 기준 24시간 이내 회신. 모든 문의는 대표가 직접 받습니다

); } /* ===================================================== 2. APPROACH — 우리가 일하는 방식 (3 cards) ===================================================== */ function ApproachSection() { const cards = [ { n: "01", t: "소외된 경험을 봅니다.", d: "가장 큰 목소리가 아니라 가장 자주 잊히는 자리를 봅니다. 이미 존재하는 있는 도구들이 답하지 못한 불편들이 우리가 일하는 자리입니다.", }, { n: "02", t: "불편함을 놓치지 않습니다.", d: "사소한 불편은 참아내면 그만이라 생각되기 쉬운데, 그 참으섬이 생활이 되고 계층이 됩니다. 그래서 우리는 작은 불편을 소프트웨어로 답합니다.", }, { n: "03", t: "현장에서 답을 찾습니다.", d: "회의실이 아니라 현장에서 답을 찾습니다. 매장에 가고, 이용자를 만나고, 직원과 사장님의 하루를 같이 겪습니다.", }, ]; return (

제품은 다양해도,{" "}일하는 방식은 같습니다.} > 이온랩이 어떤 서비스를 만들든,{" "}그 시작과 끝에는{" "}세 가지 원칙이 있습니다.

{cards.map((c, i) => (

{c.n}

{c.t}

{c.d}

))}

); } /* ===================================================== 3. MISSION — broader belief ===================================================== */ function MissionSection() { return (

OUR MISSION

세상은 큰 목소리에 답합니다.
우리는 잊히는 자리를 봅니다.

매일 참아내는 불편함,{" "} 익숙해져 더는 불편이라 부르지 않는 자리.{" "} 그곳에 이온랩이 서비스를 놓습니다.

불편함을 감수하는 것이 약자라면,
우리는 약자를 줄입니다.

); } /* ===================================================== 4. PRODUCT — 소셜 테이블 오더 (단일 제품) ===================================================== */ function ProductsLineup({ onNavigate }) { return (

FIRST PRODUCT

소셜{" "} 테이블 오더.

이온랩의 첫 서비스입니다.{" "} 룸 헌팅포차에서{" "} 손님은 룸에서 직접 주문하고,{" "} 게임으로 즐기며,{" "} 다른 룸과 소통합니다.{" "} 사장님은 매장 전체를 한 화면에서 봅니다.

onNavigate("products")}>서비스 상세 보기 onNavigate("contact")}>도입 문의

); } /* ===================================================== 5. CTA ===================================================== */ function HomeCTA({ onNavigate }) { return (

한 번 만나보시죠.

서비스 도입 상담,{" "} 제품 데모,{" "} 자금이나 채용 관련 모든 문의를{" "} 대표가 직접 받습니다.

); } /* ===================================================== Composer ===================================================== */ function HomePage({ onNavigate }) { return (

); } window.HomePage = HomePage;