/* Blue Planet — App */ const { useState, useEffect, useRef } = React; // --- Reveal on scroll hook --- function useReveal() { useEffect(() => { const els = document.querySelectorAll(".reveal, .reveal-stagger"); const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add("in"); io.unobserve(e.target); } }); }, { threshold: 0.12 }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); } // --- Sticky nav scroll detect --- function useScrolled(threshold = 60) { const [s, setS] = useState(false); useEffect(() => { const onScroll = () => setS(window.scrollY > threshold); window.addEventListener("scroll", onScroll, { passive: true }); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, [threshold]); return s; } // --- ICONS (simple, line, original) --- const IconHand = () => ; const IconLock = () => ; const IconLeaf = () => ; const IconLine = () => ; const IconPhone = () => ; const IconInsta = () => ; const IconArrow = () => ; // --- NAV --- function Nav() { const scrolled = useScrolled(); return ( ); } // --- HERO --- function Hero({ heroStyle }) { return (
Private Esthetic Salon — Yokohama

お肌と心を
癒すひととき。

熟練のオールハンド × 100％植物由来の
上質スキンケアで、あなたの本来の美しさへ。

京急金沢文庫駅 徒歩2分 完全予約制 完全個室 女性専用
LINEで予約する メニューを見る
ここにお店のTOP または施術の写真入ります
隠れ家の時間
— hero image / soft botanical or water close-up
Scroll
); } // --- CONCEPT --- function Concept() { const highlights = [ { num: "01", icon: , title: "オールハンド施術", desc: "機械を使わず、熟練の手技で\nお肌の奥深くまでアプローチ。" }, { num: "02", icon: , title: "完全個室・完全予約制", desc: "他の方と顔を合わせない、\nあなただけのプライベート空間。" }, { num: "03", icon: , title: "100％植物由来", desc: "厳選された植物性スキンケアで、\n敏感なお肌にも安心を。" }]; return (
Concept — 01

Blue Planetとは。
— a sanctuary for the modern woman.

忙しい毎日を生きる大人の女性へ。
ここは、あなただけの時間と空間です。

完全個室・完全予約制のプライベートサロンで、熟練のオールハンドと100％植物由来のスキンケアが、お肌と心を深いところから癒します。

「きれい」は表面だけじゃない。栄養学と予防医学に基づいた、本当の健康美を。
16年・のべ1,500名以上の施術実績が、あなたに寄り添います。

No.001 / quiet light
— treatment room / soft window light
{highlights.map((h) =>
{h.num}
{h.icon}

{h.title}

{h.desc}

)}
); } // --- OWNER --- function Owner() { return (
est. 2009
— owner portrait / aiko inoue
Concept — 02 — Owner
Aiko Inoue

井上 愛子エステティシャン / 栄養士

岐阜県出身。銀行員として10年勤めたのち、大手化粧品メーカーのエステティシャン・美容部員として美の世界へ。

2009年、Blue Planetを開業。開業後、自らの病気をきっかけに予防医学と栄養学を深く学び、栄養士の資格を取得。「肌の悩みは、体の内側からくることが多い」—— その気づきが、このサロンの軸になっています。

二児の母でもある愛子は、仕事も家事も育児も頑張るすべての女性の気持ちを知っています。だからこそ、施術台の上では「自分だけのための時間」を。

{[ "エステティシャン", "栄養士", "ビューティー＆ヘルスインストラクター", "施術歴 16年 / のべ1,500名以上"]. map((c, i) =>
— 0{i + 1} {c}
)}
); } // --- MENU --- function Menu() { const options = [ { name: "フットリフレ", note: "足裏〜ひざ下オイルトリートメント" }, { name: "バックケア", note: "背中・首・肩オイル" }, { name: "ヘッドセラピー", note: "頭皮マッサージ" }, { name: "リフトアップ", note: "スペシャルクリーム引き上げ" }]; const flow = ["カウンセリング", "スチームクレンジング", "濃密泡パック", "肩・首・顔マッサージ", "バイブレーション", "毛穴吸引", "仕上げ"]; return ( ); } // --- REVIEWS --- function Reviews() { const reviews = [ { text: "夜勤明けに来ても、施術が終わる頃にはお肌がぷるぷるに。また来ます。", who: "K. — 40s", span: "span-3" }, { text: "施術中、気づいたら寝ていました。それくらい深くリラックスできました。", who: "M. — 50s", span: "span-3" }, { text: "仕事と育児で自分のことを後回しにしてきた私に、ここは本当に必要な場所です。", who: "Y. — 40s", span: "span-2" }, { text: "愛子さんは過去に病気で苦しんだ経験から、本当に体に良いものを深く研究している方。そのこだわりが施術に伝わります。", who: "T. — 50s", span: "span-2" }, { text: "駅から迷ったら、愛子さんが迎えに来てくれました。そのおもてなしに感動。", who: "H. — 40s", span: "span-2" }]; return (
Voice — from our guests

お客様の声。

★ ★ ★ ★ ★ 4.9 / Google Reviews
{reviews.map((r, i) =>
"

{r.text}

— {r.who} ★ ★ ★ ★ ★
)}
); } // --- ACCESS --- function Access() { return (
Access — how to find us

アクセス

Address住所
〒236-0016
神奈川県横浜市金沢区谷津町352-7
Station最寄駅
京急本線 金沢文庫駅 東口より徒歩2分
Phone電話
050-5876-8922
Hours営業時間
サロン9:00 — 17:00
オンラインカウンセリング19:00 — 21:00
Closed定休日
不定休LINEにてご確認ください
); } // --- BOOKING --- function Booking() { return (
Booking — reserve your time

ご予約・
お問い合わせ。

ご予約は公式LINEが便利です。
お悩みのご相談もLINEからお気軽にどうぞ。
お電話でも承っております。

); } // --- FOOTER --- function Footer() { return (
BLUE PLANET
プライベートエステサロン ブループラネット
© 2009 Blue Planet. All rights reserved.
); } // --- TWEAKS --- function BPTweaks({ tweaks, setTweak }) { return ( setTweak("palette", v)} options={[ { value: "ocean", label: "Ocean" }, { value: "sage", label: "Sage" }, { value: "ivory", label: "Ivory" }] } /> setTweak("heroStyle", v)} options={[ { value: "gradient", label: "Gradient" }, { value: "photo", label: "Photo" }, { value: "botanical", label: "Botanical" }] } /> setTweak("density", v)} options={[ { value: "standard", label: "Standard" }, { value: "airy", label: "Airy" }] } /> ); } // --- APP --- function App() { const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": "ocean", "heroStyle": "gradient", "density": "standard" } /*EDITMODE-END*/; const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS); useEffect(() => { document.body.classList.remove("palette-ocean", "palette-sage", "palette-ivory"); document.body.classList.add("palette-" + tweaks.palette); }, [tweaks.palette]); useEffect(() => { document.body.classList.remove("density-standard", "density-airy"); document.body.classList.add("density-" + tweaks.density); }, [tweaks.density]); useReveal(); return (
); } ReactDOM.createRoot(document.getElementById("root")).render();