/* global React */ const { useState, useEffect } = React; /* ────────────────────────────────────────────────────────── Scroll reveal — IntersectionObserver ────────────────────────────────────────────────────────── */ function useReveal() { useEffect(() => { const els = document.querySelectorAll(".reveal"); if (!("IntersectionObserver" in window)) { els.forEach((el) => el.classList.add("in")); return; } const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add("in"); io.unobserve(e.target); } }); }, { threshold: 0.12, rootMargin: "0px 0px -8% 0px" }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); } /* ────────────────────────────────────────────────────────── Tiny icon set (stroke = currentColor) ────────────────────────────────────────────────────────── */ const Ico = { arrow: () => , search: () => , pin: () => , bell: () => , check: () => , shield: () => , users: () => , star: () => , filter: () => , compass: () => , message: () => , grid: () => , link: () => , home: () => , heart: () => , user: () => , tennis: () => , golf: () => , hockey: () => , figure: () => , }; /* ────────────────────────────────────────────────────────── Tweaks defaults ────────────────────────────────────────────────────────── */ const TWEAKS_DEFAULTS = /*EDITMODE-BEGIN*/{ "accent": "violet", "ctaCopy": "우리 동네 학원 찾기", "showTrust": true, "showBA": true, "darkTrust": true }/*EDITMODE-END*/; const ACCENTS = { violet: { name: "Vivid Violet", c400: "oklch(0.66 0.20 295)", c500: "oklch(0.56 0.235 295)", c600: "oklch(0.48 0.235 293)", c700: "oklch(0.38 0.215 290)" }, indigo: { name: "Deep Indigo", c400: "oklch(0.66 0.18 268)", c500: "oklch(0.55 0.20 265)", c600: "oklch(0.47 0.20 262)", c700: "oklch(0.38 0.18 258)" }, magenta: { name: "Neon Magenta", c400: "oklch(0.68 0.22 330)", c500: "oklch(0.58 0.24 325)", c600: "oklch(0.50 0.24 322)", c700: "oklch(0.40 0.22 318)" }, }; /* ────────────────────────────────────────────────────────── NAV ────────────────────────────────────────────────────────── */ function Nav({ ctaCopy }) { return ( ); } /* ────────────────────────────────────────────────────────── HERO ────────────────────────────────────────────────────────── */ function Hero({ ctaCopy }) { return (
FOR PARENTS 학군지 엄마들의 스포츠 교육 커뮤니티

우리 아이 스포츠 학원,
결국 먼저 보내본 엄마들의
이야기를 찾게 됩니다.

테니스 · 골프 · 하키 · 피겨까지. 실제 학부모 후기와 검증된 아카데미 정보를 한곳에서.

맹모즈 앱 홈 화면
); } function HeroAppCard() { // unused now return null; } function HeroReviewCard() { return (
권
권나래 · 자녀 10세
컴피던스스키 · 2월 19일
★★★★★
다른 스키 교실도 여러 군데 다녕봤는데 단연 최고예요. 아이뿐만 아니라 부모 초보 강습까지 연계가 가능해서 온 가족이 같이 즐겼습니다.
맞춤 코칭 가족 친화
); } function HeroVerifiedCard() { return (
검증된 아카데미
3단계 입점 심사 통과
운영
수업
환경
); } /* ────────────────────────────────────────────────────────── BRAND STORY ────────────────────────────────────────────────────────── */ function BrandStory() { return (
“
Brand Story

맹자의 어머니가
자식의 교육 환경을 위해 세 번 이사했던 것처럼,

오늘날의 엄마들도
더 좋은 환경과 경험을 찾기 위해
끊임없이 정보를 찾고 환경을 만들고 있습니다.

맹모즈는
아이 교육에 진심인 학부모들의
정보와 경험이 연결되는 공간입니다.

); } /* ────────────────────────────────────────────────────────── WHY MENGMOZ ────────────────────────────────────────────────────────── */ function WhyMengmoz() { return (
Why Mengmoz

왜 엄마들은
맹모즈를 찾을까요?

검색 한 번에 정보는 넘쳐나지만, 정작 “우리 아이에게 맞을지”를 알기는 어렵습니다. 맹모즈는 그 거리를 좁히는 세 가지 방법을 만듭니다.

); } function Pillar1() { return (
PILLAR 01
서연맘 · 대치초 코치님이 아이마다 다르게 봐주세요
은우맘 · 대치초 저희도 8개월째예요, 적응 빨라요
하준맘 · 도곡초 그룹 4인이라 집중도 좋아요

직접 보내본 부모들의 이야기

같은 지역 · 같은 학교 · 같은 종목 학부모의 경험으로 수업 분위기부터 코치 스타일까지 더 현실적으로 확인해보세요.

); } function Pillar2() { return (
PILLAR 02
운영 정보
수업 환경
코치 이력

검증된 아카데미만 소개합니다

운영 정보와 수업 환경을 확인한 뒤, 기준에 맞는 아카데미만 소개합니다. 아이를 보내는 일이니까, 더 신중하게.

); } function Pillar3() { return (
PILLAR 03
맹모즈
테니스맘
하키맘
골프맘
피겨맘

같은 관심사 부모들과 연결됩니다

테니스맘 · 하키맘 · 골프맘까지. 같은 종목을 보내는 부모들과 정보와 경험을 나눠보세요.

); } /* ────────────────────────────────────────────────────────── SERVICE ────────────────────────────────────────────────────────── */ function Service() { const [active, setActive] = useState(0); const items = [ { roman: "i", title: "동네 · 종목별 탐색", desc: "지역과 종목을 동시에 좁혀서 우리 동네 옵션부터 살펴봅니다." }, { roman: "ii", title: "후기와 분위기 비교", desc: "수업 분위기, 코치 스타일, 학년 구성을 한 화면에서 비교합니다." }, { roman: "iii", title: "흩어진 정보 한곳에", desc: "맘카페 · 블로그 · SNS에 흩어진 정보를 정돈된 카드로 모읍니다." }, { roman: "iv", title: "같은 관심사 학부모 연결", desc: "같은 종목 학부모 모임과 비공개 채팅으로 자연스럽게 이어집니다." }, ]; return (
Service

우리 아이에게 맞는 곳,
더 쉽게 찾을 수 있도록.

네 가지 방식으로 학원 탐색을 정돈했습니다. 한 화면에서 비교하고, 한 번의 검색으로 마무리하세요.

{items.map((it, i) => (
setActive(i)} >
{it.roman}
{it.title}
{it.desc}
))}
); } function Phone({ active }) { // Switch screenshot based on active service item const src = active >= 2 ? "assets/screen-home.png" : "assets/screen-academies.png"; const alt = active >= 2 ? "맹모즈 홈 화면" : "맹모즈 아카데미 리스트"; return (
{alt}
); } function FloatF1() { return (
우리 학교 학부모
서
대치초 12명
도
도곡초 8명
대
대청초 6명
); } function FloatF2() { return (
수업 분위기
차분한
82%
1:1 피드백
74%
경쟁적
28%
); } /* ────────────────────────────────────────────────────────── BEFORE / AFTER ────────────────────────────────────────────────────────── */ function BeforeAfter() { return (
Before / After

맹모즈를 만나기 전과 후

BEFORE

맘카페만으로는
부족했던 정보들

맘카페 · 블로그 · SNS까지. 정보는 넘쳐나지만, 직접 보내본 학부모의 진짜 경험을 찾기는 쉽지 않습니다.

광고성 후기 같은데… 대치 테니스 추천? 3년 전 후기 DM으로 알려드려요 학원 폐업 우리 동네는 어디…
  • 광고성 후기로 인한 피로감
  • 파편화된 정보, 끊긴 맥락
  • 반복되는 검색과 문의
WITH MENGMOZ

같은 고민을 해본 학부모의
경험을 한곳에서.

수업 후기부터 같은 관심사 학부모의 정보 공유까지, 우리 아이에게 맞는 정보를 더 빠르고 편하게 찾아보세요.

대치초 학부모 14명의 후기
같은 학교 · 같은 학년 기반
검증 아카데미 8곳 비교
운영 · 수업 · 환경 심사 통과
테니스맘 모임 · 진행 중
실시간 정보 공유 · 비공개
  • 실제 학부모 후기 기반
  • 종목별 학부모 커뮤니티
  • 검증된 아카데미 정보
); } /* ────────────────────────────────────────────────────────── WHY TRUST ────────────────────────────────────────────────────────── */ function WhyTrust() { const cards = [ { n: "01", icon: , t: "지역 · 학교 · 종목 기반 정보", d: "비슷한 환경의 학부모 경험을 우선 보여드립니다. 같은 동네, 같은 학년 기준으로 필터링됩니다." }, { n: "02", icon: , t: "직접 보내본 학부모 후기", d: "광고성 후기는 노출하지 않습니다. 실제 등록을 인증한 학부모의 경험 기반 후기만 모읍니다." }, { n: "03", icon: , t: "검증된 아카데미만 입점", d: "운영 정보 · 수업 환경 · 코치 이력을 확인한 후 기준에 맞는 아카데미만 소개합니다." }, { n: "04", icon: , t: "관심사 기반 학부모 커뮤니티", d: "같은 종목을 보내는 학부모와 비공개 모임에서 정보를 나누고, 코칭 노하우를 함께 쌓습니다." }, ]; return (
Why Trust

믿을 수 있는 스포츠 교육 정보,
기존 방식으로는 찾기 어렵습니다.

{cards.map((c, i) => (
{c.icon}
{c.n}

{c.t}

{c.d}

))}
); } /* ────────────────────────────────────────────────────────── FINAL CTA ────────────────────────────────────────────────────────── */ function FinalCTA() { return (
Join Mengmoz

우리 아이에게 맞는 스포츠 교육,
맹모즈에서 먼저 만나보세요.

직접 보내본 학부모의 이야기부터
같은 관심사 학부모와의 정보 공유까지.

); } /* ────────────────────────────────────────────────────────── FOOTER ────────────────────────────────────────────────────────── */ function Footer() { return ( ); } /* ────────────────────────────────────────────────────────── ROOT ────────────────────────────────────────────────────────── */ function App() { const t = window.useTweaks ? window.useTweaks(TWEAKS_DEFAULTS) : [TWEAKS_DEFAULTS, () => {}]; const tweaks = t[0]; const setTweak = t[1]; useReveal(); // Apply accent palette useEffect(() => { const a = ACCENTS[tweaks.accent] || ACCENTS.violet; const root = document.documentElement; root.style.setProperty("--violet-400", a.c400); root.style.setProperty("--violet-500", a.c500); root.style.setProperty("--violet-600", a.c600); root.style.setProperty("--violet-700", a.c700); }, [tweaks.accent]); return ( <>