Cherry Babysitter(チェリー・ベビーシッター)- ホイアン&ダナンで信頼されるベビーシッター&ナニーサービス
Cherry Babysitter(チェリー・ベビーシッター)- ホイアン&ダナンで信頼されるベビーシッター&ナニーサービス
チェリーベビーシッター - ホイアン&ダナンの安心ベビーシッターサービス
信頼。ケア。笑顔
チェリーベビーシッターは、ホイアンやダナンを訪れるご家族のために、安心できる環境で、愛情を込めた多言語(英語・韓国語・ベトナム語)対応のプロフェッショナルなチャイルドケアサービスを提供しています。
👉 ご予約はこちら
/* ====== Layout wrapper ====== */
.cherry-section {
display: flex;
justify-content: center;
background: #fff;
padding: 40px 0;
}
.cherry-box {
display: flex;
width: 100%;
max-width: 1200px;
aspect-ratio: 8 / 3;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* ====== Left image ====== */
.cherry-image {
flex: 1;
background: url("https://i.postimg.cc/xjKYJBSp/1.jpg") center/cover no-repeat;
position: relative;
}
.cherry-image::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 160px;
height: 100%;
background: linear-gradient(to right, rgba(255,192,203,0) 0%, rgba(255,192,203,0.9) 100%);
}
/* ====== Right text ====== */
.cherry-text {
flex: 1;
background: linear-gradient(to left, #ffc0cb 70%, rgba(255,192,203,0.6) 100%);
color: #fff;
padding: 60px;
display: flex;
flex-direction: column;
justify-content: center;
}
.cherry-text h1 {
font-size: 28px;
font-weight: 700;
margin-bottom: 12px;
line-height: 1.3;
}
.cherry-text h2 {
font-size: 18px;
font-weight: 400;
margin-bottom: 20px;
}
.cherry-text p {
font-size: 15px;
line-height: 1.6;
margin-bottom: 30px;
color: rgba(255,255,255,0.95);
max-width: 500px;
}
/* ====== Buttons ====== */
.cta {
display: flex;
justify-content: flex-start;
}
.btn {
text-decoration: none;
display: inline-block;
padding: 12px 22px;
border-radius: 10px;
font-weight: 600;
transition: all 0.25s ease;
}
.btn.main {
background: linear-gradient(180deg, #f9a7ba 0%, #f38cae 100%);
color: #fff;
box-shadow: 0 6px 16px rgba(243,140,174,0.18);
}
.btn.main:hover {
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(243,140,174,0.25);
}
/* ====== Responsive ====== */
@media (max-width: 900px) {
.cherry-box {
flex-direction: column;
aspect-ratio: auto;
}
.cherry-image {
height: 300px;
}
.cherry-text {
padding: 40px 28px;
text-align: center;
}
.cherry-text p {
margin-left: auto;
margin-right: auto;
}
.cta {
justify-content: center;
}
}
私たちについて
チェリーベビーシッター - ホイアン&ダナンのプロフェッショナル託児サービス
チェリーベビーシッターは、ご家族がホイアンで充実した休暇を過ごせるよう、パパとママが安心して自分の時間を楽しめる環境の中で、お子さまを安全に、丁寧に、楽しくお預かりします。
5年以上の経験を持ち、専門的な研修(APR資格取得)を受け、英語と韓国語で円滑にコミュニケーションができるベビーシッターが在籍しており、子どもの気持ちを深く理解し、自分の子どものように大切にケアいたします。
託児だけでなく、ランタン作りや陶芸体験、野菜村での遊び、ビーチアクティビティなど、楽しく創造的な体験も提供しています。
「まごころ・柔軟性・信頼」をモットーに、保護者の皆様に絶対的な安心を、お子さまに笑顔いっぱいの時間をお届けします。
もっと詳しく →
/* ===== About Section ===== */
.about-cherry {
background: #fff;
display: flex;
justify-content: center;
padding: 80px 20px;
}
.about-container {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1200px;
width: 100%;
gap: 60px;
}
/* ===== Text Side ===== */
.about-text {
flex: 1;
color: #444;
font-family: "Poppins", sans-serif;
}
.section-title {
font-size: 36px;
font-weight: 700;
color: #f38cae;
font-family: "Pacifico", cursive; /* chữ to, mềm mại, dễ thương */
margin-bottom: 10px;
}
.section-subtitle {
font-size: 18px;
font-weight: 600;
color: #222;
margin-bottom: 25px;
}
.about-list {
list-style: none;
padding-left: 0;
margin-bottom: 30px;
}
.about-list li {
position: relative;
margin-bottom: 18px;
line-height: 1.7;
font-size: 15px;
color: #555;
padding-left: 28px;
}
.about-list li::before {
content: "💗";
position: absolute;
left: 0;
top: 2px;
font-size: 16px;
}
/* ===== CTA ===== */
.see-more {
display: inline-block;
font-size: 15px;
color: #f38cae;
text-decoration: none;
font-weight: 600;
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
}
.see-more:hover {
border-color: #f38cae;
transform: translateX(4px);
}
/* ===== Image Side ===== */
.about-image {
flex: 0 0 430px; /* cố định chiều rộng vừa phải */
max-height: 640px;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.about-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
}
/* ===== Responsive ===== */
@media (max-width: 950px) {
.about-container {
flex-direction: column-reverse;
gap: 40px;
}
.about-image {
width: 100%;
max-width: 400px;
}
.section-title {
font-size: 30px;
text-align: center;
}
.section-subtitle {
text-align: center;
}
.about-list li {
font-size: 14px;
}
.see-more {
display: block;
text-align: center;
margin-top: 15px;
}
}
私たちのサービス
チェリーベビーシッター - トータル託児サービス
対象:新生児~10歳まで
ヴィラ・ホテル・ご自宅での1対1ケア
食事・遊び・入浴・睡眠・読み聞かせ・ご両親のご予定中の付き添いを含みます
時間制または1日単位でご利用いただけます
特長: APR(応急処置)資格取得、4~5つ星リゾート経験、英語/韓国語/ベトナム語対応
詳しく見る
ナニー付き4時間体験ツアー
対象:6歳以上
時間:15:00~19:00
含まれるもの:往復タクシー、アクティビティ参加料(水牛乗り・粘土体験・FunnyLand等)、飲み物+アイス、1対1ナニー同行
特長: 学びと遊びを組み合わせた、ホイアン文化を安全に体験できるプログラム
詳しく見る
チャイルドシート付き空港送迎
7人乗り車、年齢に合わせたチャイルドシート完備
フレンドリーでプロフェッショナルなドライバー終日ベビーシッターとの併用も可能です
詳しく見る
.services-section {
width: 100%;
background-color: #fffafc;
font-family: "Segoe UI", sans-serif;
display: flex;
justify-content: center;
padding: 60px 20px;
}
.services-container {
max-width: 1100px;
width: 100%;
text-align: center;
}
.section-title {
color: #ff35b5;
font-size: 32px;
font-weight: 700;
margin-bottom: 40px;
text-align: center;
letter-spacing: 0.5px;
}
.service-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
}
.service-card {
background: #fff;
border-radius: 18px;
box-shadow: 0 6px 14px rgba(255, 0, 150, 0.1);
padding: 25px 20px 35px;
text-align: left;
border: 2px solid transparent;
transition: all 0.3s ease;
}
.service-card:hover {
border-color: #ff9bdd;
transform: translateY(-5px);
}
.service-card h3 {
color: #ff35b5;
font-size: 20px;
margin-bottom: 12px;
}
.service-card p {
font-size: 15px;
line-height: 1.6;
color: #444;
margin-bottom: 20px;
}
.service-btn {
display: inline-block;
background: linear-gradient(135deg, #ff35b5, #ff7ad9);
color: white;
text-decoration: none;
padding: 10px 18px;
border-radius: 25px;
font-size: 14px;
transition: all 0.25s ease;
}
.service-btn:hover {
background: linear-gradient(135deg, #ff7ad9, #ff35b5);
transform: scale(1.05);
}
/* Responsive cho mobile */
@media (max-width: 600px) {
.section-title { font-size: 26px; margin-bottom: 30px; }
.service-card { padding: 20px 16px 30px; }
.service-card h3 { font-size: 18px; }
.service-card p { font-size: 14px; }
}
WHY US?
私たちを選ぶ理由
👩🍼
1対1ケア
経験豊富なベビーシッターが1対1でお子さまをお預かりし、安全をお約束します。
⛑️
APR資格取得
スタッフは応急処置および専門的なケアスキルを習得しており、絶対的な安心を提供します。
🏖️
リゾート経験
4~5つ星リゾートでの勤務経験を持ち、国際的なゲスト対応に精通しています。
🌏
多言語対応
英語・韓国語に堪能なベビーシッター—コミュニケーションがスムーズで安心。
🎨
クリエイティブなアクティビティ
ランタン作り、陶芸、野菜村遊び、ビーチ体験など、学びと遊びを両立!
📱
柔軟な予約
迅速対応&柔軟に手配。チャイルドシート付き送迎との組み合わせも可能。
✅ APR Certified 👶 1:1 Care ⭐ 4–5★ Resort Experience 🌏 English / Korean
今すぐ予約
2ステップで即時確認。24時間サポート。
「チェリーベビーシッターのおかげで、家族みんなが本当にリラックスできる休暇を過ごせました。安心感が違います。」
/* ===== WHY US Section ===== */
.why-cherry {
background: #fff0f5;
padding: 80px 20px;
text-align: center;
font-family: "Poppins", sans-serif;
}
.why-title {
font-family: "Pacifico", cursive;
font-size: 40px;
color: #f38cae;
margin-bottom: 5px;
}
.why-subtitle {
font-size: 18px;
font-weight: 600;
color: #444;
margin-bottom: 50px;
}
/* ===== Cards ===== */
.why-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
max-width: 1100px;
margin: 0 auto 40px;
}
.why-card {
background: #fff;
border-radius: 16px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
padding: 30px 20px;
transition: all 0.3s ease;
}
.why-card:hover {
transform: translateY(-6px);
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}
.why-card .icon {
font-size: 38px;
margin-bottom: 10px;
}
.why-card h3 {
color: #f26c99;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.why-card p {
font-size: 14px;
color: #555;
line-height: 1.6;
}
/* ===== Trust Badges ===== */
.trust-badges {
margin: 30px auto 40px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
.trust-badges span {
background: #ffe2ec;
color: #c7436e;
border-radius: 20px;
padding: 6px 16px;
font-size: 13px;
font-weight: 500;
}
/* ===== CTA ===== */
.why-cta {
margin-bottom: 30px;
}
.cta-button {
background: linear-gradient(90deg, #f38cae, #f26c99);
color: white;
padding: 14px 34px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
font-size: 16px;
display: inline-block;
transition: all 0.3s ease;
}
.cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(243, 108, 153, 0.3);
}
.cta-sub {
font-size: 14px;
color: #666;
margin-top: 10px;
}
/* ===== Testimonial ===== */
.testimonial p {
font-style: italic;
font-size: 15px;
color: #444;
max-width: 700px;
margin: 0 auto;
}
/* ===== Responsive ===== */
@media (max-width: 950px) {
.why-cards {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.why-title {
font-size: 32px;
}
.why-cards {
grid-template-columns: 1fr;
}
.why-card {
padding: 25px 18px;
}
.why-card h3 {
font-size: 16px;
}
.cta-button {
padding: 12px 28px;
font-size: 15px;
}
}
お問い合わせ&迅速予約
以下のチャネルからもご予約やチャットが可能です:
Zalo Instagram Facebook WhatsApp KakaoTalk
※アイコンをタップすると各アプリが開きます
/* Hộp liên hệ */
.contact-box {
text-align: center;
border: 3px solid #ff4fd8;
border-radius: 20px;
padding: 30px 20px;
margin: 40px auto;
max-width: 720px;
background: #fff;
box-shadow: 0 4px 10px rgba(255, 0, 150, 0.12);
font-family: "Segoe UI", sans-serif;
overflow: hidden;
}
.contact-box h2 { color: #ff35b5; font-weight: 700; margin-bottom: 10px; }
.contact-box p { color: #333; margin: 6px 0 16px; }
.contact-icons {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 26px;
margin-bottom: 10px;
}
.contact-icons .icon {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: #333;
transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.contact-icons .icon img {
width: 64px;
height: 64px;
border-radius: 50%;
background: #fff;
padding: 8px;
box-shadow: 0 3px 6px rgba(0,0,0,0.10);
transition: all 0.22s ease;
object-fit: cover;
}
.contact-icons .icon span { margin-top: 8px; font-size: 14px; }
.contact-icons .icon:hover { transform: translateY(-4px) scale(1.06); }
/* Hover hiệu ứng ánh sáng riêng từng icon */
.icon.zalo:hover img { box-shadow: 0 0 14px rgba(0,120,255,0.20); }
.icon.instagram:hover img { box-shadow: 0 0 14px rgba(253,89,72,0.18); }
.icon.facebook:hover img { box-shadow: 0 0 14px rgba(24,119,242,0.18); } /* ✅ Facebook */
.icon.whatsapp:hover img { box-shadow: 0 0 14px rgba(37,211,102,0.18); }
.icon.kakao:hover img { box-shadow: 0 0 14px rgba(255,235,59,0.18); }
.note { font-size: 13px; color: #555; margin-top: 6px; }
/* Popup QR */
#qr-popup {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
justify-content: center;
align-items: center;
z-index: 9999;
animation: fadeIn 0.3s ease;
}
.qr-box {
background: #fff;
padding: 20px;
border-radius: 16px;
box-shadow: 0 8px 24px rgba(0,0,0,0.2);
animation: zoomIn 0.35s ease;
}
.qr-box img {
width: 260px;
height: auto;
display: block;
border-radius: 12px;
}
/* Hiệu ứng */
@keyframes fadeIn {
from { opacity: 0; } to { opacity: 1; }
}
@keyframes zoomIn {
from { transform: scale(0.85); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
/* Hiển thị popup */
#qr-popup.active { display: flex; }
/* Responsive */
@media (max-width: 600px) {
.contact-icons { gap: 18px; }
.contact-icons .icon img { width: 52px; height: 52px; padding: 6px; }
.contact-icons .icon span { font-size: 13px; margin-top: 6px; }
.contact-box { margin: 24px 12px; padding: 22px 14px; max-width: 96%; }
.qr-box img { width: 220px; }
}
// Mở popup khi nhấn Kakao
document.getElementById('kakao-btn').addEventListener('click', function(e) {
e.preventDefault();
document.getElementById('qr-popup').classList.add('active');
});
// Tắt popup khi click ra ngoài
document.getElementById('qr-popup').addEventListener('click', function(e) {
if (e.target === this) this.classList.remove('active');
});
チェリーベビーシッターの約束
お子さまのプライバシー尊重:ご家族の承諾がない限り、お子さまの写真や動画を撮影・掲載することは一切ありません。
情報保護徹底: 個人情報、スケジュール、写真など、ご家族に関する全ての情報を厳重に管理し、守秘いたします。
迅速な連絡体制: お子さまの様子を定期的にご報告し、緊急時にはすぐにご連絡いたします。
お子さまに全力集中: 勤務中はSNSや私物端末の使用を控え、お子さまのケアに専念します。
チェリーベビーシッターの役割
お望みの場所へ直接伺います:ヴィラ・ホテル・ご自宅など、ご希望の場所で柔軟に対応します。
常にそばでサポート: 寄り添いながら見守り、安心できる存在としてお子さまに同行します。
トータルケア: ご家庭の習慣に合わせ、入浴・食事・着替え・遊び・休息までしっかりサポートします。
保護者とのつながり:可愛らしい様子を随時お伝えし、忙しい中でも安心と近さを感じていただけます。
.cherry-policy {
background-color: #fffafc;
padding: 50px 20px;
font-family: "Segoe UI", sans-serif;
}
.policy-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
max-width: 1100px;
margin: 0 auto;
}
.policy-box {
background-color: #ffeaf5;
border-radius: 14px;
padding: 25px 30px 30px;
box-shadow: 0 4px 10px rgba(255, 100, 180, 0.1);
border: 1.5px solid #ffd0e7;
transition: transform 0.25s ease;
}
.policy-box:hover {
transform: translateY(-3px);
}
.policy-box h3 {
background-color: #ffd6eb;
color: #d63384;
font-weight: 700;
padding: 12px 15px;
border-radius: 8px;
margin: -25px -30px 20px;
font-size: 18px;
text-align: center;
letter-spacing: 0.3px;
}
.policy-box ul {
list-style-type: disc;
padding-left: 20px;
color: #555;
font-size: 15px;
line-height: 1.7;
text-align: left;
}
.policy-box li {
margin-bottom: 12px;
}
.policy-box strong {
color: #e6459d;
}
/* Mobile responsive */
@media (max-width: 768px) {
.policy-container {
grid-template-columns: 1fr;
}
.policy-box {
padding: 22px 22px 28px;
}
.policy-box h3 {
font-size: 17px;
}
.policy-box ul {
font-size: 14px;
}
}
今すぐ予約
.btn-book-big {
display: inline-block;
background: linear-gradient(90deg, #ff96c7, #ff6fb0, #ff96c7);
background-size: 200% 200%;
animation: gradientShift 3s ease infinite;
color: #fff;
font-weight: 700;
font-size: 20px;
padding: 18px 46px;
border-radius: 60px;
text-decoration: none;
font-family: "Poppins", sans-serif;
letter-spacing: 0.5px;
box-shadow: 0 8px 22px rgba(255, 120, 180, 0.4);
transition: all 0.3s ease;
position: relative;
animation: pulse 2s infinite;
}
.btn-book-big:hover {
transform: scale(1.08);
box-shadow: 0 10px 26px rgba(255, 120, 180, 0.6);
}
@keyframes gradientShift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(255, 150, 200, 0.5); }
70% { box-shadow: 0 0 0 20px rgba(255, 150, 200, 0); }
100% { box-shadow: 0 0 0 0 rgba(255, 150, 200, 0); }
}
/* Tự động canh giữa và khoảng cách dễ nhìn trên điện thoại */
@media (max-width: 768px) {
.btn-book-big {
font-size: 18px;
padding: 16px 38px;
}
}