===================== Variables & Reset ============================ */ :root { --accent-1: #2575fc; --accent-2: #00c9a7; --muted: #9aa8c7; --card-bg: rgba(255, 255, 255, 0.85); --glass: rgba(255, 255, 255, 0.15); --text: #0b2546; --success: #10b981; --danger: #ef4444; --shadow-1: 0 10px 30px rgba(11, 37, 70, 0.06); } /* base reset */ * { box-sizing: border-box; } html, body { height: 100%; } body { margin: 0; font-family: "IranYekan", sans-serif; color: var(--text); background: linear-gradient(180deg, #f4f9ff 0%, #eaf3ff 50%, #ffffff 100%); overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.55; } /* subtle textured overlay (kept from original) */ body::after { content: ""; position: fixed; inset: 0; background: url('https://www.transparenttextures.com/patterns/asfalt-dark.png'); opacity: .03; z-index: 0; pointer-events: none; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 3; } a { color: inherit; text-decoration: none; } /* ============================ Top Navigation ============================ */ header { position: sticky; top: 0; z-index: 120; backdrop-filter: blur(8px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.55)); border-bottom: 1px solid rgba(37, 117, 252, 0.06); transition: box-shadow .25s ease, transform .25s ease; } header.scrolled { box-shadow: 0 6px 30px rgba(11, 37, 70, 0.06); transform: translateY(-1px); } .header-inner { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; } .brand { display: flex; align-items: center; gap: 12px; } .logo-circle { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 2px solid var(--accent-1); border-radius: 50%; font-size: 22px; font-weight: 900; color: var(--accent-1); text-shadow: 0 2px 6px rgba(37, 117, 252, 0.15); background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.6)); } .brand h1 { margin: 0; font-size: 15px; font-weight: 800; color: var(--text); } nav.desktop-links { display: flex; gap: 18px; align-items: center; } nav.desktop-links a { color: var(--muted); text-decoration: none; font-weight: 600; padding: 8px 12px; border-radius: 8px; transition: all .18s ease; } nav.desktop-links a:hover { color: var(--accent-1); background: rgba(37, 117, 252, 0.06); transform: translateY(-2px); } .header-ctas { display: flex; gap: 10px; align-items: center; } .btn { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 12px; font-weight: 800; font-size: 14px; text-decoration: none; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease; box-shadow: none; border: none; } .btn:active { transform: translateY(1px) scale(.995); } .btn-primary { background: linear-gradient(90deg, var(--accent-1), var(--accent-2)); color: #fff; box-shadow: 0 8px 30px rgba(37, 117, 252, 0.12); } .btn-outline { background: rgba(255, 255, 255, 0.85); color: var(--accent-1); border: 1px solid rgba(37, 117, 252, 0.12); font-weight: 700; } /* hamburger - mobile */ .hamburger { display: none; width: 46px; height: 46px; border-radius: 12px; align-items: center; justify-content: center; background: transparent; border: 1px solid rgba(11, 37, 70, 0.04); cursor: pointer; position: relative; } .hamburger span, .hamburger span::before, .hamburger span::after { display: block; background: var(--accent-1); height: 2px; width: 20px; border-radius: 2px; position: relative; } .hamburger span::before { content: ""; position: absolute; top: -7px; left: 0; width: 20px; height: 2px; background: var(--accent-1); } .hamburger span::after { content: ""; position: absolute; top: 7px; left: 0; width: 20px; height: 2px; background: var(--accent-1); } /* ============================ Animated Hamburger (three-line -> X) ============================ */ /* when .active is added, the middle line becomes transparent, top and bottom rotate to form an X */ .hamburger.active span { background: transparent; } .hamburger.active span::before { transform: rotate(45deg); top: 0; transition: transform .28s ease, top .28s ease; } .hamburger.active span::after { transform: rotate(-45deg); top: 0; transition: transform .28s ease, top .28s ease; } /* focus / accessibility */ .hamburger:focus { outline: none; box-shadow: 0 0 0 4px rgba(37, 117, 252, 0.08); } /* ============================ Hero Section (parallax layers) ============================ */ .hero { padding: 90px 0 60px; position: relative; overflow: visible; } .hero-grid { display: flex; gap: 40px; align-items: center; justify-content: space-between; flex-wrap: wrap; } .hero-copy { max-width: 680px; } .kicker { color: var(--muted); font-weight: 700; margin-bottom: 8px; letter-spacing: .6px; text-transform: uppercase; font-size: 12px; } .hero-title { font-size: 56px; font-weight: 900; line-height: 1; margin: 8px 0 16px; background: linear-gradient(90deg, var(--accent-1), var(--accent-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hero-sub { color: #27406a; font-size: 18px; margin-bottom: 26px; } .hero-art { display: flex; align-items: center; justify-content: center; width: 320px; height: 320px; border-radius: 22px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(245, 250, 255, 0.85)); box-shadow: 0 24px 60px rgba(37, 117, 252, 0.07); transform: translateZ(0); } .hero-art img { width: 220px; display: block; transform-origin: center; } /* floating badges */ .badge { position: absolute; background: var(--card-bg); border-radius: 12px; padding: 10px 12px; display: inline-flex; gap: 10px; align-items: center; box-shadow: var(--shadow-1); font-weight: 700; right: 40px; } .badge small { display: block; font-weight: 600; color: var(--muted); font-size: 12px; } .badge-1 { top: 20px; transform: translateY(-8px); } .badge-2 { bottom: 40px; right: 140px; transform: translateY(8px); opacity: .95; } /* CTA row */ .cta-row { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; } .cta-row .btn { padding: 14px 22px; border-radius: 14px; font-size: 15px; } /* ============================ Features / Services ============================ */ .section { padding: 56px 0; } .section .section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; } .section .section-head h3 { margin: 0; font-size: 20px; font-weight: 900; } .cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .card { background: var(--card-bg); border-radius: 16px; padding: 24px; text-align: center; box-shadow: var(--shadow-1); transition: transform .35s, box-shadow .35s; min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 12px; } .card:hover { transform: translateY(-12px); box-shadow: 0 30px 80px rgba(11, 37, 70, 0.09); } .card img { width: 72px; height: 72px; object-fit: contain; } .card h4 { margin: 0; font-size: 16px; font-weight: 800; } .card p { margin: 0; color: #4b617a; font-size: 14px; line-height: 1.5; } /* ============================ Stats / Trust ============================ */ .stats { display: flex; gap: 18px; align-items: stretch; margin-top: 18px; } .stat { background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(250, 253, 255, 0.95)); padding: 18px; border-radius: 12px; flex: 1; text-align: center; box-shadow: var(--shadow-1); } .stat h4 { margin: 0; font-size: 22px; font-weight: 900; } .stat p { margin: 6px 0 0; color: var(--muted); font-weight: 700; } /* ============================ Testimonials (carousel-lite) ============================ */ .testimonials { display: flex; gap: 16px; align-items: center; overflow: hidden; position: relative; } .testimonial-track { display: flex; gap: 16px; transition: transform .6s cubic-bezier(.2, .9, .2, 1); will-change: transform; } .testimonial { min-width: 340px; background: var(--card-bg); border-radius: 14px; padding: 18px; box-shadow: var(--shadow-1); display: flex; gap: 12px; align-items: flex-start; } .testimonial .avatar { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(245, 250, 255, 0.9)); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; color: var(--accent-1); border: 1px solid rgba(37, 117, 252, 0.06); } .testimonial p { margin: 0; color: #3b4b67; font-size: 14px; } /* ============================ FAQ / Accordion ============================ */ .faq { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .accordion { background: rgba(255, 255, 255, 0.98); border-radius: 12px; box-shadow: var(--shadow-1); overflow: hidden; } .accordion button { display: flex; width: 100%; justify-content: space-between; gap: 12px; padding: 14px 16px; background: transparent; border: none; cursor: pointer; font-weight: 800; color: var(--text); text-align: right; } .accordion .panel { padding: 0 16px 16px 16px; color: #4b617a; font-size: 14px; display: none; line-height: 1.6; } .accordion.open .panel { display: block; } /* ============================ CTA Strip ============================ */ .cta-strip { margin-top: 28px; padding: 22px; border-radius: 14px; background: linear-gradient(90deg, rgba(37, 117, 252, 0.08), rgba(0, 201, 167, 0.06)); display: flex; align-items: center; justify-content: space-between; gap: 12px; box-shadow: var(--shadow-1); } .cta-strip .left { display: flex; gap: 14px; align-items: center; } .cta-strip h3 { margin: 0; font-size: 18px; font-weight: 900; } .cta-strip p { margin: 0; color: var(--muted); } /* ============================ Footer ============================ */ footer { padding: 50px 0 80px; background: linear-gradient(180deg, rgba(250, 252, 255, 0.98), rgba(245, 250, 255, 0.98)); border-top: 1px solid rgba(37, 117, 252, 0.04); margin-top: 40px; } .footer-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; align-items: start; } .socials { display: flex; gap: 10px; align-items: center; } .socials a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: #fff; box-shadow: var(--shadow-1); } .small { font-size: 13px; color: var(--muted); } /* ============================ Mobile Menu (sliding) styles ============================ */ /* mobile menu base (we set right: -360px inline to keep parity with original) */ .mobile-menu { position: fixed; top: 0; right: -360px; /* initial hidden state */ width: 320px; height: 100vh; padding: 30px; z-index: 140; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 250, 255, 0.98)); box-shadow: -20px 40px 80px rgba(37, 117, 252, 0.06); transition: right .36s cubic-bezier(.2, .9, .2, 1); display: flex; flex-direction: column; gap: 18px; } /* open state (applied by JS: mobileMenu.style.right = '0') */ .mobile-menu.open { right: 0 !important; } /* small helper for inner nav */ .mobile-menu nav a { display: block; padding: 10px 12px; border-radius: 10px; font-weight: 800; color: var(--text); } .mobile-menu .mobile-cta { margin-top: 8px; } /* ============================ Responsive ============================ */ @media (max-width: 1100px) { .cards { grid-template-columns: repeat(2, 1fr); } .hero-art { width: 260px; height: 260px; } } @media (max-width: 780px) { .cards { grid-template-columns: 1fr; } .hero-grid { flex-direction: column-reverse; align-items: center; } nav.desktop-links { display: none; } .hamburger { display: flex; } .header-ctas { display: none; } .footer-grid { grid-template-columns: 1fr; } .badge { display: none; } .hero-title { font-size: 36px; text-align: center; } .hero-sub { text-align: center; } .hero-art { margin-bottom: 8px; } .testimonial { min-width: 90%; } .faq { grid-template-columns: 1fr; } } /* small helpers */ .muted { color: var(--muted); font-weight: 700; } .mt-8 { margin-top: 32px; } .mb-6 { margin-bottom: 24px; } .text-center { text-align: center; } /* 📱 تنظیمات موبایل */ @media (max-width: 780px) { nav ul { display: none; } .hamburger { display: flex; } #contactForm { grid-template-columns: 1fr; } #about .container>div { grid-template-columns: 1fr !important; } #contact .container>div { grid-template-columns: 1fr !important; } } @media (max-width: 480px) { .hero h1 { font-size: 28px; line-height: 1.3; } .hero p { font-size: 15px; } .btn { padding: 12px 18px; font-size: 14px; } } /* small visual spacing to ensure comfortable tap targets on mobile */ .mobile-gap { padding-bottom: 18px; } /* end of stylesheet */
سفیر آسودگی خیال

آسودگی خیال

خدمات مراقبتی، پرستاری و همراه در منزل — سریع، مطمئن و قابل‌اعتماد.

ورود به اپلیکیشن استخدام خدمت‌دهنده
1527+
تماس‌های پشتیبانی
10K+
خدمت ارائه شده

خدمات ما

خدمات متنوع برای همه گروه‌های سنی

دل‌یار سالمند

مراقبت از سالمندان در منزل با تیم حرفه‌ای و دوره‌دیده برای آسایش بیشتر خانواده.

دل‌یار کودک

پرستاری کودک و همراهی در فعالیت‌های روزمره و آموزشی با رویکردی امن و دوستانه.

دل‌یار بیمار

خدمات پرستاری تخصصی برای بیماران مبتلا به نیازهای ویژه و مراقبت پس از ترخیص.

امور منزل

خدمت‌های خانگی، نظافت و پشتیبانی برای آسایش و آرامش خانواده.

چطور کار می‌کنیم

سه قدم ساده تا دریافت خدمت
  1. درخواست آنلاین یا تماس تلفنی
  2. هماهنگی و ارسال خدمت‌دهندهٔ موردنیاز
  3. شروع خدمت و پشتیبانی ۲۴/۷
M

آماده شروع هستید؟

همین حالا درخواست خود را ثبت کنید — ما کنارتان هستیم.

مزایا

  • خدمت‌دهندگان آموزش‌دیده
  • پشتیبانی ۲۴ ساعته
  • گزارش روزانه و شفاف

نظرات مشتریان

چند نمونه از بازخوردهای واقعی
الف

مریم رضایی

خدمات مایکا برای نگهداری از مادربزرگ‌مان بسیار حرفه‌ای و مطمئن بود. تیم پاسخگو و بااخلاق.

ب

علی حسینی

هماهنگی سریع و اعزام خدمت‌دهنده در کوتاه‌ترین زمان — واقعاً کمک بزرگی بود.

پ

زهرا قاسمی

پشتیبانی همیشه در دسترس و رفتار محترمانه‌ی پرسنل؛ ممنونم از شما.

سوالات متداول

پاسخ به سوالاتی که معمولا پرسیده شده
شما می‌توانید از طریق اپلیکیشن یا تماس با شماره 1527 درخواست خود را ثبت کنید. تیم ما با شما تماس خواهد گرفت و هماهنگی‌ها انجام می‌شود.
پشتیبانی ۲۴ ساعته از طریق تلفن و اپلیکیشن فراهم است. هر گونه سوال یا درخواست خاص را ثبت کنید تا رسیدگی شود.
بله، کلیه خدمت‌دهندگان دوره‌های آموزشی و تایید صلاحیت را گذرانده‌اند و بررسی پیشینه شده‌اند.
در صورت نیاز به لغو یا تعویض خدمت، از طریق پشتیبانی یا بخش اپلیکیشن اقدام کنید. شرایط و زمان‌بندی در قرارداد مشخص شده است.

آماده‌ایم کمک کنیم

هر زمان خواستید می‌توانید با ما تماس بگیرید یا در اپ درخواست ثبت کنید.

تماس فوری

1527

پشتیبانی تلفنی ۲۴/۷

آدرس دفتر

تهران، خیابان نمونه، ساختمان اعتماد

ساعات پاسخگویی ۹ صبح تا ۹ شب

======= M | آسودگی خیال
سفیر آسودگی خیال

آسودگی خیال

خدمات مراقبتی، پرستاری و همراه در منزل — سریع، مطمئن و قابل‌اعتماد.

ورود به اپلیکیشن استخدام خدمت‌دهنده
1527+
تماس‌های پشتیبانی
10K+
خدمت ارائه شده

خدمات ما

خدمات متنوع برای همه گروه‌های سنی

دل‌یار سالمند

مراقبت از سالمندان در منزل با تیم حرفه‌ای و دوره‌دیده برای آسایش بیشتر خانواده.

دل‌یار کودک

پرستاری کودک و همراهی در فعالیت‌های روزمره و آموزشی با رویکردی امن و دوستانه.

دل‌یار بیمار

خدمات پرستاری تخصصی برای بیماران مبتلا به نیازهای ویژه و مراقبت پس از ترخیص.

امور منزل

خدمت‌های خانگی، نظافت و پشتیبانی برای آسایش و آرامش خانواده.

چطور کار می‌کنیم

سه قدم ساده تا دریافت خدمت
  1. درخواست آنلاین یا تماس تلفنی
  2. هماهنگی و ارسال خدمت‌دهندهٔ موردنیاز
  3. شروع خدمت و پشتیبانی ۲۴/۷
M

آماده شروع هستید؟

همین حالا درخواست خود را ثبت کنید — ما کنارتان هستیم.

مزایا

  • خدمت‌دهندگان آموزش‌دیده
  • پشتیبانی ۲۴ ساعته
  • گزارش روزانه و شفاف

نظرات مشتریان

چند نمونه از بازخوردهای واقعی
الف

مریم رضایی

خدمات مایکا برای نگهداری از مادربزرگ‌مان بسیار حرفه‌ای و مطمئن بود. تیم پاسخگو و بااخلاق.

ب

علی حسینی

هماهنگی سریع و اعزام خدمت‌دهنده در کوتاه‌ترین زمان — واقعاً کمک بزرگی بود.

پ

زهرا قاسمی

پشتیبانی همیشه در دسترس و رفتار محترمانه‌ی پرسنل؛ ممنونم از شما.

سوالات متداول

پاسخ به سوالاتی که معمولا پرسیده شده
شما می‌توانید از طریق اپلیکیشن یا تماس با شماره 1527 درخواست خود را ثبت کنید. تیم ما با شما تماس خواهد گرفت و هماهنگی‌ها انجام می‌شود.
پشتیبانی ۲۴ ساعته از طریق تلفن و اپلیکیشن فراهم است. هر گونه سوال یا درخواست خاص را ثبت کنید تا رسیدگی شود.
بله، کلیه خدمت‌دهندگان دوره‌های آموزشی و تایید صلاحیت را گذرانده‌اند و بررسی پیشینه شده‌اند.
در صورت نیاز به لغو یا تعویض خدمت، از طریق پشتیبانی یا بخش اپلیکیشن اقدام کنید. شرایط و زمان‌بندی در قرارداد مشخص شده است.

آماده‌ایم کمک کنیم

هر زمان خواستید می‌توانید با ما تماس بگیرید یا در اپ درخواست ثبت کنید.

تماس فوری

1527

پشتیبانی تلفنی ۲۴/۷

آدرس دفتر

تهران، خیابان نمونه، ساختمان اعتماد

ساعات پاسخگویی ۹ صبح تا ۹ شب

☰
============================ Variables & Reset ============================ */ :root { --accent-1: #2575fc; --accent-2: #00c9a7; --muted: #9aa8c7; --card-bg: rgba(255, 255, 255, 0.85); --glass: rgba(255, 255, 255, 0.15); --text: #0b2546; --success: #10b981; --danger: #ef4444; --shadow-1: 0 10px 30px rgba(11, 37, 70, 0.06); } /* base reset */ * { box-sizing: border-box; } html, body { height: 100%; } body { margin: 0; font-family: "IranYekan", sans-serif; color: var(--text); background: linear-gradient(180deg, #f4f9ff 0%, #eaf3ff 50%, #ffffff 100%); overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.55; } /* subtle textured overlay (kept from original) */ body::after { content: ""; position: fixed; inset: 0; background: url('https://www.transparenttextures.com/patterns/asfalt-dark.png'); opacity: .03; z-index: 0; pointer-events: none; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 3; } a { color: inherit; text-decoration: none; } /* ============================ Top Navigation ============================ */ header { position: sticky; top: 0; z-index: 120; backdrop-filter: blur(8px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.55)); border-bottom: 1px solid rgba(37, 117, 252, 0.06); transition: box-shadow .25s ease, transform .25s ease; } header.scrolled { box-shadow: 0 6px 30px rgba(11, 37, 70, 0.06); transform: translateY(-1px); } .header-inner { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; } .brand { display: flex; align-items: center; gap: 12px; } .logo-circle { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 2px solid var(--accent-1); border-radius: 50%; font-size: 22px; font-weight: 900; color: var(--accent-1); text-shadow: 0 2px 6px rgba(37, 117, 252, 0.15); background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.6)); } .brand h1 { margin: 0; font-size: 15px; font-weight: 800; color: var(--text); } nav.desktop-links { display: flex; gap: 18px; align-items: center; } nav.desktop-links a { color: var(--muted); text-decoration: none; font-weight: 600; padding: 8px 12px; border-radius: 8px; transition: all .18s ease; } nav.desktop-links a:hover { color: var(--accent-1); background: rgba(37, 117, 252, 0.06); transform: translateY(-2px); } .header-ctas { display: flex; gap: 10px; align-items: center; } .btn { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 12px; font-weight: 800; font-size: 14px; text-decoration: none; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease; box-shadow: none; border: none; } .btn:active { transform: translateY(1px) scale(.995); } .btn-primary { background: linear-gradient(90deg, var(--accent-1), var(--accent-2)); color: #fff; box-shadow: 0 8px 30px rgba(37, 117, 252, 0.12); } .btn-outline { background: rgba(255, 255, 255, 0.85); color: var(--accent-1); border: 1px solid rgba(37, 117, 252, 0.12); font-weight: 700; } /* hamburger - mobile */ .hamburger { display: none; width: 46px; height: 46px; border-radius: 12px; align-items: center; justify-content: center; background: transparent; border: 1px solid rgba(11, 37, 70, 0.04); cursor: pointer; position: relative; } .hamburger span, .hamburger span::before, .hamburger span::after { display: block; background: var(--accent-1); height: 2px; width: 20px; border-radius: 2px; position: relative; } .hamburger span::before { content: ""; position: absolute; top: -7px; left: 0; width: 20px; height: 2px; background: var(--accent-1); } .hamburger span::after { content: ""; position: absolute; top: 7px; left: 0; width: 20px; height: 2px; background: var(--accent-1); } /* ============================ Animated Hamburger (three-line -> X) ============================ */ /* when .active is added, the middle line becomes transparent, top and bottom rotate to form an X */ .hamburger.active span { background: transparent; } .hamburger.active span::before { transform: rotate(45deg); top: 0; transition: transform .28s ease, top .28s ease; } .hamburger.active span::after { transform: rotate(-45deg); top: 0; transition: transform .28s ease, top .28s ease; } /* focus / accessibility */ .hamburger:focus { outline: none; box-shadow: 0 0 0 4px rgba(37, 117, 252, 0.08); } /* ============================ Hero Section (parallax layers) ============================ */ .hero { padding: 90px 0 60px; position: relative; overflow: visible; } .hero-grid { display: flex; gap: 40px; align-items: center; justify-content: space-between; flex-wrap: wrap; } .hero-copy { max-width: 680px; } .kicker { color: var(--muted); font-weight: 700; margin-bottom: 8px; letter-spacing: .6px; text-transform: uppercase; font-size: 12px; } .hero-title { font-size: 56px; font-weight: 900; line-height: 1; margin: 8px 0 16px; background: linear-gradient(90deg, var(--accent-1), var(--accent-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hero-sub { color: #27406a; font-size: 18px; margin-bottom: 26px; } .hero-art { display: flex; align-items: center; justify-content: center; width: 320px; height: 320px; border-radius: 22px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(245, 250, 255, 0.85)); box-shadow: 0 24px 60px rgba(37, 117, 252, 0.07); transform: translateZ(0); } .hero-art img { width: 220px; display: block; transform-origin: center; } /* floating badges */ .badge { position: absolute; background: var(--card-bg); border-radius: 12px; padding: 10px 12px; display: inline-flex; gap: 10px; align-items: center; box-shadow: var(--shadow-1); font-weight: 700; right: 40px; } .badge small { display: block; font-weight: 600; color: var(--muted); font-size: 12px; } .badge-1 { top: 20px; transform: translateY(-8px); } .badge-2 { bottom: 40px; right: 140px; transform: translateY(8px); opacity: .95; } /* CTA row */ .cta-row { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; } .cta-row .btn { padding: 14px 22px; border-radius: 14px; font-size: 15px; } /* ============================ Features / Services ============================ */ .section { padding: 56px 0; } .section .section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; } .section .section-head h3 { margin: 0; font-size: 20px; font-weight: 900; } .cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .card { background: var(--card-bg); border-radius: 16px; padding: 24px; text-align: center; box-shadow: var(--shadow-1); transition: transform .35s, box-shadow .35s; min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 12px; } .card:hover { transform: translateY(-12px); box-shadow: 0 30px 80px rgba(11, 37, 70, 0.09); } .card img { width: 72px; height: 72px; object-fit: contain; } .card h4 { margin: 0; font-size: 16px; font-weight: 800; } .card p { margin: 0; color: #4b617a; font-size: 14px; line-height: 1.5; } /* ============================ Stats / Trust ============================ */ .stats { display: flex; gap: 18px; align-items: stretch; margin-top: 18px; } .stat { background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(250, 253, 255, 0.95)); padding: 18px; border-radius: 12px; flex: 1; text-align: center; box-shadow: var(--shadow-1); } .stat h4 { margin: 0; font-size: 22px; font-weight: 900; } .stat p { margin: 6px 0 0; color: var(--muted); font-weight: 700; } /* ============================ Testimonials (carousel-lite) ============================ */ .testimonials { display: flex; gap: 16px; align-items: center; overflow: hidden; position: relative; } .testimonial-track { display: flex; gap: 16px; transition: transform .6s cubic-bezier(.2, .9, .2, 1); will-change: transform; } .testimonial { min-width: 340px; background: var(--card-bg); border-radius: 14px; padding: 18px; box-shadow: var(--shadow-1); display: flex; gap: 12px; align-items: flex-start; } .testimonial .avatar { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(245, 250, 255, 0.9)); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; color: var(--accent-1); border: 1px solid rgba(37, 117, 252, 0.06); } .testimonial p { margin: 0; color: #3b4b67; font-size: 14px; } /* ============================ FAQ / Accordion ============================ */ .faq { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .accordion { background: rgba(255, 255, 255, 0.98); border-radius: 12px; box-shadow: var(--shadow-1); overflow: hidden; } .accordion button { display: flex; width: 100%; justify-content: space-between; gap: 12px; padding: 14px 16px; background: transparent; border: none; cursor: pointer; font-weight: 800; color: var(--text); text-align: right; } .accordion .panel { padding: 0 16px 16px 16px; color: #4b617a; font-size: 14px; display: none; line-height: 1.6; } .accordion.open .panel { display: block; } /* ============================ CTA Strip ============================ */ .cta-strip { margin-top: 28px; padding: 22px; border-radius: 14px; background: linear-gradient(90deg, rgba(37, 117, 252, 0.08), rgba(0, 201, 167, 0.06)); display: flex; align-items: center; justify-content: space-between; gap: 12px; box-shadow: var(--shadow-1); } .cta-strip .left { display: flex; gap: 14px; align-items: center; } .cta-strip h3 { margin: 0; font-size: 18px; font-weight: 900; } .cta-strip p { margin: 0; color: var(--muted); } /* ============================ Footer ============================ */ footer { padding: 50px 0 80px; background: linear-gradient(180deg, rgba(250, 252, 255, 0.98), rgba(245, 250, 255, 0.98)); border-top: 1px solid rgba(37, 117, 252, 0.04); margin-top: 40px; } .footer-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; align-items: start; } .socials { display: flex; gap: 10px; align-items: center; } .socials a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: #fff; box-shadow: var(--shadow-1); } .small { font-size: 13px; color: var(--muted); } /* ============================ Mobile Menu (sliding) styles ============================ */ /* mobile menu base (we set right: -360px inline to keep parity with original) */ .mobile-menu { position: fixed; top: 0; right: -360px; /* initial hidden state */ width: 320px; height: 100vh; padding: 30px; z-index: 140; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 250, 255, 0.98)); box-shadow: -20px 40px 80px rgba(37, 117, 252, 0.06); transition: right .36s cubic-bezier(.2, .9, .2, 1); display: flex; flex-direction: column; gap: 18px; } /* open state (applied by JS: mobileMenu.style.right = '0') */ .mobile-menu.open { right: 0 !important; } /* small helper for inner nav */ .mobile-menu nav a { display: block; padding: 10px 12px; border-radius: 10px; font-weight: 800; color: var(--text); } .mobile-menu .mobile-cta { margin-top: 8px; } /* ============================ Responsive ============================ */ @media (max-width: 1100px) { .cards { grid-template-columns: repeat(2, 1fr); } .hero-art { width: 260px; height: 260px; } } @media (max-width: 780px) { .cards { grid-template-columns: 1fr; } .hero-grid { flex-direction: column-reverse; align-items: center; } nav.desktop-links { display: none; } .hamburger { display: flex; } .header-ctas { display: none; } .footer-grid { grid-template-columns: 1fr; } .badge { display: none; } .hero-title { font-size: 36px; text-align: center; } .hero-sub { text-align: center; } .hero-art { margin-bottom: 8px; } .testimonial { min-width: 90%; } .faq { grid-template-columns: 1fr; } } /* small helpers */ .muted { color: var(--muted); font-weight: 700; } .mt-8 { margin-top: 32px; } .mb-6 { margin-bottom: 24px; } .text-center { text-align: center; } /* 📱 تنظیمات موبایل */ @media (max-width: 780px) { nav ul { display: none; } .hamburger { display: flex; } #contactForm { grid-template-columns: 1fr; } #about .container>div { grid-template-columns: 1fr !important; } #contact .container>div { grid-template-columns: 1fr !important; } } @media (max-width: 480px) { .hero h1 { font-size: 28px; line-height: 1.3; } .hero p { font-size: 15px; } .btn { padding: 12px 18px; font-size: 14px; } } /* small visual spacing to ensure comfortable tap targets on mobile */ .mobile-gap { padding-bottom: 18px; } /* end of stylesheet */
سفیر آسودگی خیال

آسودگی خیال

خدمات مراقبتی، پرستاری و همراه در منزل — سریع، مطمئن و قابل‌اعتماد.

ورود به اپلیکیشن استخدام خدمت‌دهنده
1527+
تماس‌های پشتیبانی
10K+
خدمت ارائه شده

خدمات ما

خدمات متنوع برای همه گروه‌های سنی

دل‌یار سالمند

مراقبت از سالمندان در منزل با تیم حرفه‌ای و دوره‌دیده برای آسایش بیشتر خانواده.

دل‌یار کودک

پرستاری کودک و همراهی در فعالیت‌های روزمره و آموزشی با رویکردی امن و دوستانه.

دل‌یار بیمار

خدمات پرستاری تخصصی برای بیماران مبتلا به نیازهای ویژه و مراقبت پس از ترخیص.

امور منزل

خدمت‌های خانگی، نظافت و پشتیبانی برای آسایش و آرامش خانواده.

چطور کار می‌کنیم

سه قدم ساده تا دریافت خدمت
  1. درخواست آنلاین یا تماس تلفنی
  2. هماهنگی و ارسال خدمت‌دهندهٔ موردنیاز
  3. شروع خدمت و پشتیبانی ۲۴/۷
M

آماده شروع هستید؟

همین حالا درخواست خود را ثبت کنید — ما کنارتان هستیم.

مزایا

  • خدمت‌دهندگان آموزش‌دیده
  • پشتیبانی ۲۴ ساعته
  • گزارش روزانه و شفاف

نظرات مشتریان

چند نمونه از بازخوردهای واقعی
الف

مریم رضایی

خدمات مایکا برای نگهداری از مادربزرگ‌مان بسیار حرفه‌ای و مطمئن بود. تیم پاسخگو و بااخلاق.

ب

علی حسینی

هماهنگی سریع و اعزام خدمت‌دهنده در کوتاه‌ترین زمان — واقعاً کمک بزرگی بود.

پ

زهرا قاسمی

پشتیبانی همیشه در دسترس و رفتار محترمانه‌ی پرسنل؛ ممنونم از شما.

سوالات متداول

پاسخ به سوالاتی که معمولا پرسیده شده
شما می‌توانید از طریق اپلیکیشن یا تماس با شماره 1527 درخواست خود را ثبت کنید. تیم ما با شما تماس خواهد گرفت و هماهنگی‌ها انجام می‌شود.
پشتیبانی ۲۴ ساعته از طریق تلفن و اپلیکیشن فراهم است. هر گونه سوال یا درخواست خاص را ثبت کنید تا رسیدگی شود.
بله، کلیه خدمت‌دهندگان دوره‌های آموزشی و تایید صلاحیت را گذرانده‌اند و بررسی پیشینه شده‌اند.
در صورت نیاز به لغو یا تعویض خدمت، از طریق پشتیبانی یا بخش اپلیکیشن اقدام کنید. شرایط و زمان‌بندی در قرارداد مشخص شده است.

آماده‌ایم کمک کنیم

هر زمان خواستید می‌توانید با ما تماس بگیرید یا در اپ درخواست ثبت کنید.

تماس فوری

1527

پشتیبانی تلفنی ۲۴/۷

آدرس دفتر

تهران، خیابان نمونه، ساختمان اعتماد

ساعات پاسخگویی ۹ صبح تا ۹ شب

☰