<!DOCTYPE html>
<html lang="fa" dir="rtl">
	<head>
		<meta charset="UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		<title>کلینیک پرو — نرم‌افزار مدیریت مطب و نوبت‌دهی آنلاین</title>
		<link rel="icon" type="image/svg+xml" href="/logo.svg"/>
		<link rel="icon" href="/logo.svg"/>
		<link rel="apple-touch-icon" href="/logo.svg"/>
		{% set base = app.request.schemeAndHttpHost %}
		<meta name="description" content="کلینیک پرو؛ نرم‌افزار مدیریت مطب و کلینیک — نوبت‌دهی آنلاین، پرونده‌ی بیمار و حسابداری مطب، همه در یک پنل ساده و سریع."/>
		<link rel="canonical" href="{{ base }}/"/>
		<meta name="robots" content="index, follow, max-image-preview:large"/>

		<meta property="og:type" content="website"/>
		<meta property="og:site_name" content="کلینیک پرو"/>
		<meta property="og:title" content="کلینیک پرو — نرم‌افزار مدیریت مطب و نوبت‌دهی آنلاین"/>
		<meta property="og:description" content="نوبت‌دهی آنلاین، پرونده‌ی بیمار و حساب مطب در یک پنل ساده و سریع."/>
		<meta property="og:url" content="{{ base }}/"/>
		<meta property="og:image" content="{{ base }}/logo.svg"/>
		<meta property="og:locale" content="fa_IR"/>

		<meta name="twitter:card" content="summary_large_image"/>
		<meta name="twitter:title" content="کلینیک پرو — نرم‌افزار مدیریت مطب و نوبت‌دهی آنلاین"/>
		<meta name="twitter:description" content="نوبت‌دهی آنلاین، پرونده‌ی بیمار و حساب مطب در یک پنل ساده و سریع."/>
		<meta name="twitter:image" content="{{ base }}/logo.svg"/>

		<script type="application/ld+json">
			{
																											"@context": "https://schema.org",
																											"@graph": [
																												{
																													"@type": "Organization",
																													"@id": "{{ base }}/#org",
																													"name": "کلینیک پرو",
																													"url": "{{ base }}/",
																													"logo": "{{ base }}/logo.svg",
																													"contactPoint": {
																														"@type": "ContactPoint",
																														"telephone": "+98-74-91012178",
																														"contactType": "customer support",
																														"areaServed": "IR",
																														"availableLanguage": "fa"
																													},
																													"address": {
																														"@type": "PostalAddress",
																														"addressLocality": "یاسوج",
																														"streetAddress": "مهریان، خیابان شهید ستاره شیرازی، خیابان امام‌زاده احمد، پلاک ۸",
																														"addressCountry": "IR"
																													}
																												},
																												{
																													"@type": "WebSite",
																													"@id": "{{ base }}/#website",
																													"url": "{{ base }}/",
																													"name": "کلینیک پرو",
																													"inLanguage": "fa-IR",
																													"publisher": { "@id": "{{ base }}/#org" }
																												}
																											]
																										}
		</script>
		<link rel="preload" href="/fonts/Vazirmatn-Regular.woff2" as="font" type="font/woff2" crossorigin/>
		<link rel="preload" href="/fonts/Vazirmatn-Bold.woff2" as="font" type="font/woff2" crossorigin/>
		{{ encore_entry_link_tags('home') }}
		<script>
			document.documentElement.classList.add('js');
		</script>
	</head>
	<body>

		<!-- ===================== Header ===================== -->
		<header class="site-header" id="header">
			<div class="wrap nav">
				<a class="brand" href="#hero" aria-label="کلینیک پرو">
					<b>کلینیک پرو</b>
					<span class="dot"></span>
					<small>مدیریت مطب</small>
				</a>

				<nav class="nav-links" id="navLinks">
					<a href="#hero" class="active">خانه</a>
					<a href="#features">امکانات</a>
					<a href="#why">چرا کلینیک پرو</a>
					<a href="#download" style="display:none">دانلود</a>
					<a href="#contact">تماس با ما</a>
					<a href="#" id="openRegModalNav" class="nav-reg-mobile">ثبت نام</a>
				</nav>

				<div class="nav-right">
					<button class="nav-burger nav-toggle" id="navToggle" aria-label="منو">
						<svg viewbox="0 0 24 24" fill="none"><path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>
					</button>
					<button class="btn btn-ghost" id="openRegModal" style="font-size:13px;padding:8px 20px">ثبت نام</button>
					<a href="/admin" class="btn btn-blue" style="font-size:13px;padding:8px 20px;text-decoration:none">ورود به پنل</a>
				</div>
			</div>
		</header>

		<main>
			<!-- ===================== Hero ===================== -->
			<section class="hero" id="hero">
				<div class="wrap hero-grid">
					<div class="hero-copy">
						<h1 class="reveal">هوشمند، سریع و<br/>بدون دردسر.</h1>
						<p class="reveal d1">مطب هوشمند از همین‌جا شروع می‌شود. همه‌چیز، از نوبت‌دهی تا پرونده و حسابداری، در یک پنل ساده و سریع. کمتر درگیر مدیریت شوید، بیشتر کنار بیماران باشید.</p>
						<div class="hero-actions reveal d2">
							<button class="btn btn-coral" id="openRegModal2">رایگان شروع کنید</button>
							<a href="#contact" class="btn btn-blue">درخواست دمو</a>
						</div>
					</div>

					<div class="hero-art reveal d1">
						<div class="art-chip chip-1">
							<span class="ci">
								<svg viewbox="0 0 24 24" fill="none"><path d="M12 21s-7-4.3-7-9.5A4 4 0 0 1 12 8a4 4 0 0 1 7 3.5C19 16.7 12 21 12 21Z" stroke="currentColor" stroke-width="1.9" stroke-linejoin="round"/></svg>
							</span>
							<div>
								<b style="font-variant-numeric:tabular-nums">۹۵٪</b>
								<span>رضایت بیماران</span>
							</div>
						</div>
						<div class="art-chip chip-2">
							<span class="ci">
								<svg viewbox="0 0 24 24" fill="none"><path d="M8 7V5m8 2V5M4 9h16M5 7h14v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7Z" stroke="currentColor" stroke-width="1.9"/></svg>
							</span>
							<div>
								<b style="font-variant-numeric:tabular-nums">۳۸</b>
								<span>نوبت امروز</span>
							</div>
						</div>

						<svg viewbox="0 0 600 480" role="img" aria-label="تصویر مدیریت مطب">
							<ellipse cx="300" cy="438" rx="250" ry="30" fill="#e2e9fb"/>
							<circle cx="300" cy="244" r="184" fill="#eaeffb"/>
							<g fill="#dbe4fb"><ellipse cx="138" cy="150" rx="42" ry="20"/><ellipse cx="476" cy="120" rx="48" ry="22"/><ellipse cx="508" cy="250" rx="30" ry="15"/></g>

							<rect x="196" y="184" width="208" height="152" rx="13" fill="#fff" stroke="#dde3f7" stroke-width="3"/>
							<rect x="210" y="198" width="180" height="124" rx="7" fill="#eef2fd"/>
							<rect x="223" y="211" width="68" height="9" rx="4.5" fill="#c4cef2"/>
							<circle cx="378" cy="216" r="6" fill="#f8b3a6"/>
							<path d="M223 272 h24 l9 -22 12 40 10 -28 8 14 h62" fill="none" stroke="#5666e0" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
							<g fill="#cdd6f4"><rect x="226" y="292" width="14" height="22" rx="3"/><rect x="246" y="284" width="14" height="30" rx="3"/><rect x="266" y="298" width="14" height="16" rx="3"/></g>
							<rect x="330" y="288" width="50" height="26" rx="6" fill="#fde3df"/>
							<path d="M166 336 h268 l26 28 H140 z" fill="#cfd9f9"/>
							<path d="M166 336 h268 l6 6 H160 z" fill="#aab6ee"/>
							<rect x="268" y="350" width="64" height="6" rx="3" fill="#9aa8ea"/>

							<g fill="#fff"><ellipse cx="300" cy="190" rx="58" ry="22"/><ellipse cx="258" cy="196" rx="26" ry="15"/><ellipse cx="342" cy="196" rx="26" ry="15"/></g>

							<path d="M276 150 q-20 16 -15 42 l19 -11 z" fill="#3a3a7d"/>
							<path d="M324 150 q20 16 15 42 l-19 -11 z" fill="#3a3a7d"/>
							<rect x="278" y="70" width="44" height="118" rx="22" fill="#fff" stroke="#dfe4f7" stroke-width="2"/>
							<path d="M300 50 a22 22 0 0 1 22 26 h-44 a22 22 0 0 1 22 -26z" fill="#f17a6b"/>
							<circle cx="300" cy="106" r="13" fill="#cfe0fb" stroke="#5666e0" stroke-width="3"/>
							<g fill="#5666e0"><rect x="295" y="130" width="10" height="30" rx="3"/><rect x="285" y="140" width="30" height="10" rx="3"/></g>
							<path d="M289 188 q11 24 11 30 q0 -6 11 -30 z" fill="#f8b3a6"/>
							<g stroke="#bcc7f2" stroke-width="4" stroke-linecap="round"><path d="M250 92 h-20"/><path d="M258 112 h-13"/><path d="M350 92 h20"/><path d="M342 112 h13"/></g>

							<g>
								<path d="M86 332 h36 l-2 86 a6 6 0 0 1 -12 0 l-4 -52 -4 52 a6 6 0 0 1 -12 0 z" fill="#3a3a7d"/>
								<ellipse cx="90" cy="420" rx="12" ry="6" fill="#2b2b5e"/>
								<ellipse cx="118" cy="420" rx="12" ry="6" fill="#2b2b5e"/>
								<path d="M80 262 q-14 30 -6 58" fill="none" stroke="#fff" stroke-width="15" stroke-linecap="round"/>
								<circle cx="76" cy="318" r="7" fill="#f3c6a5"/>
								<path d="M78 256 q26 -18 54 0 l8 80 h-70 z" fill="#fff" stroke="#dde3f7" stroke-width="2"/>
								<path d="M105 250 l-9 56 9 7 9 -7 -9 -56z" fill="#eef2fd"/>
								<path d="M99 254 q-12 28 9 42" fill="none" stroke="#5666e0" stroke-width="2.6"/>
								<circle cx="110" cy="298" r="5" fill="#5666e0"/>
								<path d="M128 260 q42 -6 66 -54" fill="none" stroke="#fff" stroke-width="15" stroke-linecap="round"/>
								<circle cx="196" cy="206" r="7.5" fill="#f3c6a5"/>
								<rect x="99" y="232" width="12" height="16" rx="4" fill="#e8b594"/>
								<circle cx="105" cy="218" r="22" fill="#f3c6a5"/>
								<path d="M83 216 q0 -30 31 -28 q19 1 21 22 q-13 -12 -30 -7 q-15 4 -22 13z" fill="#3a3a7d"/>
							</g>

							<g>
								<path d="M478 332 h36 l-2 86 a6 6 0 0 1 -12 0 l-4 -52 -4 52 a6 6 0 0 1 -12 0 z" fill="#4f51a8"/>
								<ellipse cx="482" cy="420" rx="12" ry="6" fill="#34356f"/>
								<ellipse cx="510" cy="420" rx="12" ry="6" fill="#34356f"/>
								<path d="M512 258 q26 -16 30 -54" fill="none" stroke="#fff" stroke-width="15" stroke-linecap="round"/>
								<circle cx="543" cy="200" r="8" fill="#f3c6a5"/>
								<path d="M462 256 q26 -18 54 0 l6 80 h-66 z" fill="#fff" stroke="#dde3f7" stroke-width="2"/>
								<path d="M489 250 l-8 56 8 7 8 -7 -8 -56z" fill="#fde3df"/>
								<path d="M464 260 q-12 28 -6 54" fill="none" stroke="#fff" stroke-width="14" stroke-linecap="round"/>
								<circle cx="460" cy="316" r="7" fill="#f3c6a5"/>
								<rect x="483" y="232" width="12" height="16" rx="4" fill="#e8b594"/>
								<circle cx="489" cy="218" r="22" fill="#f3c6a5"/>
								<path d="M467 220 q-4 -32 28 -32 q24 0 22 30 q-2 14 -6 20 q4 -22 -8 -30 q4 12 -2 18 q-10 -20 -34 -6z" fill="#3a3a7d"/>
							</g>
						</svg>
					</div>
				</div>
			</section>

			<!-- ===================== Feature columns ===================== -->
			<section class="fcols" id="features">
				<div class="wrap fcols-grid">
					<div class="fcol reveal">
						<h3>پرونده‌ای که گم نمی‌شود</h3>
						<p>سابقه، نسخه و آزمایش هر بیمار یک‌جا جمع است؛ هر وقت خواستید، چند ثانیه‌ای پیدایش می‌کنید.</p>
						<a href="#why" class="readmore">بیشتر بدانید
							<svg viewbox="0 0 24 24" fill="none"><path d="M14 6l-6 6 6 6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
						</a>
					</div>
					<div class="fcol reveal d1">
						<h3>نوبت‌دهی ۲۴ ساعته</h3>
						<p>بیمار خودش آنلاین نوبت می‌گیرد و پیامک یادآوری می‌رود؛ صف تلفن و نوبت‌های فراموش‌شده کم می‌شود.</p>
						<a href="#why" class="readmore">بیشتر بدانید
							<svg viewbox="0 0 24 24" fill="none"><path d="M14 6l-6 6 6 6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
						</a>
					</div>
					<div class="fcol reveal d2">
						<h3>حساب مطب، شفاف</h3>
						<p>فاکتور بزنید، درآمد و هزینه را ثبت کنید و آخر ماه دقیق بدانید مطب چقدر کار کرده است.</p>
						<a href="#why" class="readmore">بیشتر بدانید
							<svg viewbox="0 0 24 24" fill="none"><path d="M14 6l-6 6 6 6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
						</a>
					</div>
					<div class="fcol reveal d3">
						<h3>‎+۵۰۰ مطب</h3>
						<p>همین حالا بیش از ۵۰۰ پزشک و کلینیک در شهرهای مختلف هر روز کارشان را با کلینیک پرو پیش می‌برند.</p>
						<a href="#why" class="readmore">بیشتر بدانید
							<svg viewbox="0 0 24 24" fill="none"><path d="M14 6l-6 6 6 6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
						</a>
					</div>
				</div>
			</section>

			<!-- ===================== Icon row (band) ===================== -->
			<section class="band">
				<div class="icons" id="why">
					<div class="wrap icon-grid">
						<div class="icon-cell reveal">
							<div class="ic-circ">
								<svg viewbox="0 0 24 24" fill="none"><path d="M4 5h16a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H9l-4 4v-4H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Z" stroke="currentColor" stroke-linejoin="round"/><path d="M8.5 10.5h7M8.5 13h4" stroke="currentColor" stroke-linecap="round"/></svg>
							</div>
							<h3>در یک روز راه می‌افتید</h3>
							<p>تنظیمات اولیه و انتقال اطلاعات را کنار شما انجام می‌دهیم؛ از همان روز اول آماده‌ی کار.</p>
						</div>
						<div class="icon-cell reveal d1">
							<div class="ic-circ">
								<svg viewbox="0 0 24 24" fill="none"><path d="M4 13v-1a8 8 0 0 1 16 0v1" stroke="currentColor" stroke-linecap="round"/><rect x="3" y="13" width="4" height="7" rx="2" stroke="currentColor"/><rect x="17" y="13" width="4" height="7" rx="2" stroke="currentColor"/><path d="M20 19v1a3 3 0 0 1-3 3h-3" stroke="currentColor" stroke-linecap="round"/></svg>
							</div>
							<h3>پشتیبانی همیشه کنار شما</h3>
							<p>هر ساعت از شبانه‌روز گیر کردید، یک تماس یا پیام کافی است تا سریع کنارتان باشیم.</p>
						</div>
						<div class="icon-cell reveal d2">
							<div class="ic-circ">
								<svg viewbox="0 0 24 24" fill="none"><path d="M7 11v9H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3Z" stroke="currentColor" stroke-linejoin="round"/><path d="M7 11l4.5-7a2 2 0 0 1 3.5 1.3V9h4.2a2 2 0 0 1 2 2.4l-1.3 7A2 2 0 0 1 17.9 20H7" stroke="currentColor" stroke-linejoin="round"/></svg>
							</div>
							<h3>ساخته‌شده برای مطب ایرانی</h3>
							<p>از بیمه و نسخه تا تقویم شمسی؛ همه‌چیز با روال واقعی کار مطب‌ها در ایران جور است.</p>
						</div>
						<div class="icon-cell reveal d3">
							<div class="ic-circ">
								<svg viewbox="0 0 24 24" fill="none"><path d="M12 3a9 9 0 1 0 9 9h-9V3Z" stroke="currentColor" stroke-linejoin="round"/><path d="M14 3.5a8 8 0 0 1 6.5 6.5H14V3.5Z" stroke="currentColor" stroke-linejoin="round"/></svg>
							</div>
							<h3>تصمیم با عدد، نه حدس</h3>
							<p>عملکرد مطب را با نمودارهای روشن و قابل‌فهم ببینید و آگاهانه تصمیم بگیرید.</p>
						</div>
					</div>
				</div>

				<!-- ===================== Devices section ===================== -->
				<section class="devices">
					<div class="wrap devices-grid">
						<div class="devices-copy reveal">
							<h2>هرجا باشید،<br/>مطب در دستان شماست.</h2>
							<p>گوشی، تبلت یا کامپیوتر — هرجا باز کنید، اطلاعات خودش هماهنگ است. لازم نیست نگران جابه‌جایی بین دستگاه‌ها باشید.</p>
							<a href="#download" class="btn btn-coral" style="margin-top:30px;display:none">بیشتر بدانید</a>
						</div>
						<div class="devices-art reveal d1">
							<svg viewbox="0 0 520 420" role="img" aria-label="کار روی همه دستگاه‌ها">
								<ellipse cx="260" cy="384" rx="220" ry="26" fill="#e2e9fb"/>
								<circle cx="300" cy="120" r="22" fill="#fff" stroke="#cdd6f4" stroke-width="3"/>
								<path d="M294 120l4 4 8-9" stroke="#5666e0" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>

								<rect x="150" y="300" width="220" height="12" rx="6" fill="#cfd9f9"/>
								<rect x="168" y="312" width="10" height="58" rx="4" fill="#aab6ee"/>
								<rect x="342" y="312" width="10" height="58" rx="4" fill="#aab6ee"/>

								<rect x="206" y="196" width="120" height="86" rx="9" fill="#fff" stroke="#dde3f7" stroke-width="3"/>
								<rect x="216" y="206" width="100" height="66" rx="5" fill="#eef2fd"/>
								<path d="M226 252 l16 -16 12 12 18 -22 16 18" fill="none" stroke="#5666e0" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
								<circle cx="226" cy="250" r="3.5" fill="#f17a6b"/>
								<rect x="252" y="300" width="28" height="8" rx="4" fill="#bcc7f2"/>

								<g>
									<rect x="338" y="150" width="92" height="60" rx="10" fill="#fff" stroke="#e3e8fa" stroke-width="2"/>
									<rect x="350" y="162" width="22" height="22" rx="6" fill="#fde3df"/>
									<g fill="#f17a6b"><rect x="358" y="167" width="6" height="12" rx="2"/><rect x="355" y="170" width="12" height="6" rx="2"/></g>
									<rect x="380" y="164" width="40" height="7" rx="3.5" fill="#cdd6f4"/>
									<rect x="380" y="176" width="28" height="7" rx="3.5" fill="#e1e7f7"/>
									<rect x="350" y="192" width="70" height="7" rx="3.5" fill="#e1e7f7"/>
								</g>

								<g>
									<path d="M120 300 q-2 -40 22 -40 q24 0 22 40 z" fill="#fff" stroke="#dde3f7" stroke-width="2"/>
									<path d="M118 268 q-22 -8 -26 -34" fill="none" stroke="#fff" stroke-width="13" stroke-linecap="round"/>
									<circle cx="91" cy="232" r="7" fill="#f3c6a5"/>
									<path d="M120 300 h44 l-2 64 a5 5 0 0 1 -10 0 l-10 -40 -10 40 a5 5 0 0 1 -10 0z" fill="#4f51a8"/>
									<rect x="135" y="244" width="12" height="16" rx="4" fill="#e8b594"/>
									<circle cx="141" cy="232" r="19" fill="#f3c6a5"/>
									<path d="M122 232 q-2 -26 24 -25 q18 1 17 22 q-12 -12 -26 -6 q-12 4 -15 9z" fill="#3a3a7d"/>
								</g>
								<g>
									<path d="M356 300 q-2 -40 22 -40 q24 0 22 40 z" fill="#fff" stroke="#dde3f7" stroke-width="2"/>
									<path d="M398 268 q22 -6 24 -36" fill="none" stroke="#fff" stroke-width="13" stroke-linecap="round"/>
									<circle cx="423" cy="228" r="7" fill="#f3c6a5"/>
									<path d="M356 300 h44 l-2 64 a5 5 0 0 1 -10 0 l-10 -40 -10 40 a5 5 0 0 1 -10 0z" fill="#3a3a7d"/>
									<rect x="371" y="244" width="12" height="16" rx="4" fill="#e8b594"/>
									<circle cx="377" cy="232" r="19" fill="#f3c6a5"/>
									<path d="M358 234 q-4 -28 26 -27 q20 1 17 26 q-10 -16 -22 -12 q-12 4 -21 13z" fill="#2b2b5e"/>
								</g>

								<g>
									<path d="M444 370 h26 l-4 -26 h-18 z" fill="#aab6ee"/>
									<path d="M457 344 q-14 -10 -10 -34 q12 6 12 22" fill="#bcc7f2"/>
									<path d="M457 344 q14 -12 10 -38 q-12 8 -12 24" fill="#cdd6f4"/>
								</g>
							</svg>
						</div>
					</div>
				</section>
			</section>

			<!-- ===================== Specialties ===================== -->
			<section class="specs">
				<div class="wrap">
					<div class="specs-head reveal">
						<span class="eyebrow">هر تخصص، روال خودش</span>
						<h2>برای کار شما تنظیم می‌شود</h2>
						<p>پزشک عمومی باشید یا دندان‌پزشک، کلینیک پرو خودش را با روال کار شما جور می‌کند — نه برعکس.</p>
					</div>
					<div class="specs-grid">
						<div class="spec-card reveal">
							<div class="av">
								<svg viewbox="0 0 116 116"><circle cx="58" cy="58" r="58" fill="#e7ecfb"/><g><path d="M30 116 q0 -34 28 -34 q28 0 28 34z" fill="#fff"/><path d="M44 86 l14 18 14 -18 -6 -8 -8 6 -8 -6z" fill="#eef2fd"/><circle cx="58" cy="58" r="20" fill="#f3c6a5"/><path d="M37 58 q-2 -30 21 -29 q22 0 20 28 q-10 -14 -22 -9 q-13 4 -19 10z" fill="#3a3a7d"/><path d="M50 86 q-10 26 8 36" fill="none" stroke="#5666e0" stroke-width="2.4"/><circle cx="59" cy="120" r="4" fill="#5666e0"/></g>
								</svg>
							</div>
							<h3>پزشک عمومی</h3>
							<div class="role">GENERAL</div>
							<ul class="feats">
								<li>
									<svg viewbox="0 0 24 24" fill="none"><path d="m5 13 4 4L19 7" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>پرونده‌ی بیمار</li>
								<li>
									<svg viewbox="0 0 24 24" fill="none"><path d="m5 13 4 4L19 7" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>نسخه‌نویسی سریع</li>
							</ul>
						</div>
						<div class="spec-card reveal d1">
							<div class="av">
								<svg viewbox="0 0 116 116"><circle cx="58" cy="58" r="58" fill="#fdeae6"/><g><path d="M30 116 q0 -34 28 -34 q28 0 28 34z" fill="#fff"/><circle cx="58" cy="58" r="20" fill="#f3c6a5"/><path d="M37 56 q-2 -28 21 -28 q23 0 20 30 q-6 -10 -10 -10 l-2 8 -6 -10 q-12 2 -23 10z" fill="#5a3b2e"/><path d="M40 116 q2 -18 18 -18 q16 0 18 18z" fill="#fde3df"/></g>
								</svg>
							</div>
							<h3>دندان‌پزشک</h3>
							<div class="role">DENTAL</div>
							<ul class="feats">
								<li>
									<svg viewbox="0 0 24 24" fill="none"><path d="m5 13 4 4L19 7" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>نقشه‌ی دندان</li>
								<li>
									<svg viewbox="0 0 24 24" fill="none"><path d="m5 13 4 4L19 7" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>طرح درمان</li>
							</ul>
						</div>
						<div class="spec-card reveal d2">
							<div class="av">
								<svg viewbox="0 0 116 116"><circle cx="58" cy="58" r="58" fill="#e7ecfb"/><g><path d="M30 116 q0 -34 28 -34 q28 0 28 34z" fill="#fff"/><circle cx="58" cy="58" r="20" fill="#f3c6a5"/><path d="M36 60 q-2 -32 22 -31 q24 1 22 31 q-6 -8 -10 -8 q-2 -10 -12 -8 q-14 2 -22 16z" fill="#1f2452"/><path d="M40 116 q2 -18 18 -18 q16 0 18 18z" fill="#e7ecfb"/></g>
								</svg>
							</div>
							<h3>متخصص پوست</h3>
							<div class="role">DERMATOLOGY</div>
							<ul class="feats">
								<li>
									<svg viewbox="0 0 24 24" fill="none"><path d="m5 13 4 4L19 7" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>گالری تصاویر</li>
								<li>
									<svg viewbox="0 0 24 24" fill="none"><path d="m5 13 4 4L19 7" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>پیگیری درمان</li>
							</ul>
						</div>
						<div class="spec-card reveal d3">
							<div class="av">
								<svg viewbox="0 0 116 116"><circle cx="58" cy="58" r="58" fill="#fdeae6"/><g><path d="M30 116 q0 -34 28 -34 q28 0 28 34z" fill="#fff"/><circle cx="58" cy="58" r="20" fill="#f3c6a5"/><path d="M36 58 q-2 -30 22 -29 q24 1 21 29 q-10 -12 -21 -8 q-13 4 -22 8z" fill="#7a4a2e"/><path d="M48 84 q-8 24 10 34" fill="none" stroke="#f17a6b" stroke-width="2.4"/><circle cx="59" cy="119" r="4" fill="#f17a6b"/></g>
								</svg>
							</div>
							<h3>متخصص اطفال</h3>
							<div class="role">PEDIATRICS</div>
							<ul class="feats">
								<li>
									<svg viewbox="0 0 24 24" fill="none"><path d="m5 13 4 4L19 7" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>نمودار رشد</li>
								<li>
									<svg viewbox="0 0 24 24" fill="none"><path d="m5 13 4 4L19 7" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>یادآور واکسن</li>
							</ul>
						</div>
					</div>
				</div>
			</section>

			<!-- ===================== App / phone CTA ===================== -->
			<section class="appcta" id="download" style="display:none">
				<div class="wrap appcta-grid">
					<div class="appcta-art reveal">
						<svg viewbox="0 0 440 360" role="img" aria-label="نرم‌افزار دسکتاپ کلینیک پرو برای مک و ویندوز">
							<ellipse cx="220" cy="322" rx="180" ry="24" fill="#e2e9fb"/>
							<circle cx="220" cy="158" r="150" fill="#eef2fd"/>

							<rect x="96" y="48" width="248" height="170" rx="14" fill="#fff" stroke="#dde3f7" stroke-width="3"/>
							<rect x="108" y="60" width="224" height="146" rx="8" fill="#f5f7fe"/>
							<path d="M108 68a8 8 0 0 1 8-8h208a8 8 0 0 1 8 8v14H108z" fill="#5666e0"/>
							<circle cx="122" cy="71" r="4" fill="#aebcff"/>
							<rect x="132" y="67" width="40" height="7" rx="3.5" fill="#aebcff"/>
							<circle cx="320" cy="71" r="5" fill="#aebcff"/>
							<rect x="108" y="82" width="32" height="124" fill="#eef2fd"/>
							<rect x="116" y="92" width="16" height="6" rx="3" fill="#c4cef2"/>
							<rect x="116" y="104" width="16" height="6" rx="3" fill="#5666e0"/>
							<rect x="116" y="116" width="16" height="6" rx="3" fill="#c4cef2"/>
							<rect x="116" y="128" width="16" height="6" rx="3" fill="#c4cef2"/>
							<g>
								<rect x="150" y="92" width="54" height="40" rx="7" fill="#fff" stroke="#e6eafa" stroke-width="1.6"/>
								<rect x="158" y="100" width="20" height="6" rx="3" fill="#cdd6f4"/>
								<rect x="158" y="112" width="30" height="10" rx="3" fill="#5666e0"/>
							</g>
							<g>
								<rect x="212" y="92" width="54" height="40" rx="7" fill="#fff" stroke="#e6eafa" stroke-width="1.6"/>
								<rect x="220" y="100" width="20" height="6" rx="3" fill="#cdd6f4"/>
								<rect x="220" y="112" width="30" height="10" rx="3" fill="#f17a6b"/>
							</g>
							<g>
								<rect x="274" y="92" width="50" height="40" rx="7" fill="#fff" stroke="#e6eafa" stroke-width="1.6"/>
								<rect x="282" y="100" width="20" height="6" rx="3" fill="#cdd6f4"/>
								<rect x="282" y="112" width="28" height="10" rx="3" fill="#4ca77a"/>
							</g>
							<g>
								<rect x="150" y="140" width="108" height="58" rx="7" fill="#fff" stroke="#e6eafa" stroke-width="1.6"/>
								<rect x="160" y="180" width="10" height="10" rx="2" fill="#c4cef2"/>
								<rect x="176" y="172" width="10" height="18" rx="2" fill="#5666e0"/>
								<rect x="192" y="164" width="10" height="26" rx="2" fill="#c4cef2"/>
								<rect x="208" y="156" width="10" height="34" rx="2" fill="#5666e0"/>
								<rect x="224" y="168" width="10" height="22" rx="2" fill="#c4cef2"/>
								<rect x="240" y="150" width="10" height="40" rx="2" fill="#f17a6b"/>
							</g>
							<g>
								<rect x="266" y="140" width="58" height="58" rx="7" fill="#fff" stroke="#e6eafa" stroke-width="1.6"/>
								<circle cx="278" cy="152" r="6" fill="#fde3df"/><rect x="288" y="149" width="28" height="6" rx="3" fill="#cdd6f4"/>
								<circle cx="278" cy="168" r="6" fill="#e0e6fb"/><rect x="288" y="165" width="28" height="6" rx="3" fill="#e1e7f7"/>
								<circle cx="278" cy="184" r="6" fill="#e6f0e6"/><rect x="288" y="181" width="22" height="6" rx="3" fill="#e1e7f7"/>
							</g>
							<path d="M70 218h300l22 26H48z" fill="#cfd9f9"/>
							<path d="M70 218h300l5 6H65z" fill="#aab6ee"/>
							<rect x="196" y="232" width="48" height="6" rx="3" fill="#9aa8ea"/>

							<g>
								<rect x="34" y="92" width="92" height="46" rx="13" fill="#fff" stroke="#e3e8fa" stroke-width="2"/>
								<g transform="translate(46,104)" fill="#3a3a7d"><path d="M16.4 12.6c0-2.3 1.9-3.4 2-3.5-1.1-1.6-2.8-1.8-3.4-1.8-1.4-.1-2.8.9-3.5.9-.7 0-1.8-.8-3-.8-1.5 0-3 .9-3.7 2.3-1.6 2.8-.4 6.9 1.1 9.2.8 1.1 1.6 2.3 2.8 2.3 1.1 0 1.6-.7 2.9-.7 1.4 0 1.7.7 2.9.7 1.2 0 2-1.1 2.7-2.2.9-1.2 1.2-2.5 1.2-2.5s-2.3-.9-2.3-3.6ZM14.2 5.7c.6-.8 1-1.8.9-2.9-.9 0-2 .6-2.6 1.4-.6.7-1.1 1.7-.9 2.7 1 .1 2-.5 2.6-1.2Z"/></g>
								<rect x="74" y="105" width="40" height="7" rx="3.5" fill="#cdd6f4"/>
								<rect x="74" y="117" width="28" height="6" rx="3" fill="#e6eafa"/>
							</g>

							<g>
								<rect x="300" y="250" width="100" height="46" rx="13" fill="#fff" stroke="#e3e8fa" stroke-width="2"/>
								<g transform="translate(312,262)" fill="#5666e0"><path d="M3 5.5 10.5 4.4v7.1H3V5.5Zm0 13L10.5 19.6v-7H3v6Zm8.5 1.3L21 21V12.5h-9.5v7.3Zm0-15.6V11.5H21V3l-9.5 1.2Z"/></g>
								<rect x="342" y="263" width="46" height="7" rx="3.5" fill="#cdd6f4"/>
								<rect x="342" y="275" width="30" height="6" rx="3" fill="#e6eafa"/>
							</g>

							<g>
								<circle cx="360" cy="96" r="20" fill="#f17a6b"/>
								<path d="M360 86v16m0 0 6-6m-6 6-6-6M351 108h18" stroke="#fff" stroke-width="2.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
							</g>
						</svg>
					</div>

					<div class="appcta-copy">
						<span class="eyebrow reveal">نرم‌افزار دسکتاپ</span>
						<h2 class="reveal d1">روی کامپیوتر مطب،<br/>سریع و بی‌دردسر</h2>
						<p class="reveal d2">نسخه‌ی دسکتاپ کلینیک پرو را روی مک یا ویندوز نصب کنید؛ سریع، بدون نیاز به اینترنت دائم، و همه‌چیز روی سیستم خودتان.</p>
						<div class="dl-trust reveal d2">
							<span>
								<svg viewbox="0 0 24 24" fill="none"><path d="M12 3 4 6v5c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V6l-8-3Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><path d="m9 12 2 2 4-4" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>کاملاً ایمن</span>
							<span>
								<svg viewbox="0 0 24 24" fill="none"><path d="m5 13 4 4L19 7" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>نصب آسان</span>
							<span>
								<svg viewbox="0 0 24 24" fill="none"><path d="M4 17V9m5 8V5m5 12v-6m5 6V8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>آپدیت رایگان</span>
						</div>
						<div class="store-badges reveal d3">
							<a class="store-badge" href="#">
								<svg viewbox="0 0 24 24" fill="currentColor"><path d="M16.4 12.6c0-2.3 1.9-3.4 2-3.5-1.1-1.6-2.8-1.8-3.4-1.8-1.4-.1-2.8.9-3.5.9-.7 0-1.8-.8-3-.8-1.5 0-3 .9-3.7 2.3-1.6 2.8-.4 6.9 1.1 9.2.8 1.1 1.6 2.3 2.8 2.3 1.1 0 1.6-.7 2.9-.7 1.4 0 1.7.7 2.9.7 1.2 0 2-1.1 2.7-2.2.9-1.2 1.2-2.5 1.2-2.5s-2.3-.9-2.3-3.6ZM14.2 5.7c.6-.8 1-1.8.9-2.9-.9 0-2 .6-2.6 1.4-.6.7-1.1 1.7-.9 2.7 1 .1 2-.5 2.6-1.2Z"/></svg>
								<span class="sb-t">
									<small>دانلود برای</small>
									<b>مک · macOS</b>
								</span>
							</a>
							<a class="store-badge" href="#">
								<svg viewbox="0 0 24 24" fill="currentColor"><path d="M3 5.5 10.5 4.4v7.1H3V5.5Zm0 13L10.5 19.6v-7H3v6Zm8.5 1.3L21 21V12.5h-9.5v7.3Zm0-15.6V11.5H21V3l-9.5 1.2Z"/></svg>
								<span class="sb-t">
									<small>دانلود برای</small>
									<b>ویندوز</b>
								</span>
							</a>
						</div>
					</div>
				</div>
			</section>
			<!-- ===================== Pre-Registration Modal ===================== -->
			<div id="regOverlay" style="display:none;position:fixed;inset:0;background:oklch(0.2 0.05 285 / 0.55);z-index:900;backdrop-filter:blur(4px);overflow-y:auto;padding:24px 16px" onclick="if(event.target===this)closeRegModal()">
				<div style="background:#fff;border-radius:20px;max-width:520px;margin:auto;padding:32px 28px;position:relative;box-shadow:0 24px 60px oklch(0.3 0.1 285 / 0.22)">
					<button onclick="closeRegModal()" aria-label="بستن" style="position:absolute;top:16px;left:20px;background:none;border:none;cursor:pointer;font-size:22px;color:var(--text-2);line-height:1">×</button>

					<h2 style="margin:0 0 6px;font-size:20px;font-weight:800;color:var(--ink)">ثبت نام در کلینیک پرو</h2>
					<p style="margin:0 0 24px;font-size:13px;color:var(--text-2)">نوع حساب خود را انتخاب کنید</p>

					<!-- Type Cards -->
					<div id="typeCards" style="display:flex;flex-direction:column;gap:10px;margin-bottom:22px">

						<label class="reg-card" data-type="independent_doctor" style="display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s">
							<input type="radio" name="regType" value="independent_doctor" style="display:none">
							<span style="font-size:26px;flex-shrink:0">🩺</span>
							<div>
								<div style="font-weight:700;font-size:14px;color:var(--ink)">دکتر هستم</div>
								<div style="font-size:12px;color:var(--text-2);margin-top:2px">مطب شخصی دارم، به تنهایی کار می‌کنم</div>
							</div>
						</label>

						<label class="reg-card" data-type="doctor_with_clinic" style="display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s">
							<input type="radio" name="regType" value="doctor_with_clinic" style="display:none">
							<span style="font-size:26px;flex-shrink:0">🏥</span>
							<div>
								<div style="font-weight:700;font-size:14px;color:var(--ink)">دکتر هستم و کلینیک دارم</div>
								<div style="font-size:12px;color:var(--text-2);margin-top:2px">با چند دکتر در یک کلینیک همکاری می‌کنم</div>
							</div>
						</label>

						<label class="reg-card" data-type="clinic_manager" style="display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s">
							<input type="radio" name="regType" value="clinic_manager" style="display:none">
							<span style="font-size:26px;flex-shrink:0">🏢</span>
							<div>
								<div style="font-weight:700;font-size:14px;color:var(--ink)">مدیر کلینیک هستم</div>
								<div style="font-size:12px;color:var(--text-2);margin-top:2px">مدیریت کلینیک را دارم، خودم دکتر نیستم</div>
							</div>
						</label>
					</div>

					<!-- Form Fields -->
					<div id="regFields" style="display:flex;flex-direction:column;gap:14px">
						<div>
							<label style="display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--ink)">نام کامل
								<span style="color:var(--coral)">*</span>
							</label>
							<input id="regName" type="text" placeholder="مثال: دکتر علی احمدی" style="width:100%;border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;color:var(--ink)"/>
						</div>
						<div>
							<label style="display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--ink)">شماره موبایل
								<span style="color:var(--coral)">*</span>
							</label>
							<input id="regMobile" type="tel" placeholder="09xxxxxxxxx" dir="ltr" style="width:100%;border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;color:var(--ink);text-align:right"/>
						</div>
						<div>
							<label style="display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--ink)">توضیحات
								<span style="font-weight:400;color:var(--text-2)">(اختیاری)</span>
							</label>
							<textarea id="regInfo" rows="3" placeholder="تخصص، آدرس، سابقه کاری، ..." style="width:100%;border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;resize:vertical;color:var(--ink)"></textarea>
						</div>
					</div>

					{% if altcha_enabled %}
					<!-- ALTCHA captcha — proof-of-work در پس‌زمینه (بدون تعامل کاربر) -->
					{# widget v3: attribute «challenge» (نه challengeurl قدیمی) #}
					<altcha-widget id="regAltcha" challenge="/api/v1/altcha/challenge" auto="onload" language="fa" style="display:block;margin-top:16px"></altcha-widget>
					{% endif %}

					<!-- Error / Success -->
					<div id="regMsg" style="display:none;margin-top:14px;padding:12px 16px;border-radius:10px;font-size:13px"></div>

					<button id="regSubmitBtn" disabled onclick="submitReg()" style="margin-top:20px;width:100%;background:var(--blue);color:#fff;border:none;border-radius:12px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;opacity:.45;transition:opacity .2s">
						ارسال درخواست
					</button>
					<p style="text-align:center;font-size:12px;color:var(--text-2);margin:12px 0 0">پس از بررسی، اطلاعات ورود از طریق SMS ارسال می‌شود</p>
				</div>
			</div>

			<style>
				.reg-card:hover {
					border-color: var(--blue) !important;
					background: oklch(0.97 0.02 277);
				}
				.reg-card.selected {
					border-color: var(--blue) !important;
					background: oklch(0.96 0.03 277);
				}
				.reg-card.selected div > div:first-child {
					color: var(--blue);
				}
				#regName:focus,
				#regMobile:focus,
				#regInfo:focus {
					border-color: var(--blue);
					box-shadow: 0 0 0 3px oklch(0.58 0.185 277 / 0.12);
				}
			</style>

			<script>
				(function () {
var overlay = document.getElementById('regOverlay');
var submitBtn = document.getElementById('regSubmitBtn');
var selectedType = null;

// payload حل‌شده‌ی ALTCHA (یک‌بارمصرف؛ در prod الزامی است)
var regAltchaPayload = '';
var regAltchaEl = document.getElementById('regAltcha');
if (regAltchaEl)
regAltchaEl.addEventListener('statechange', function (e) {
if (e.detail && e.detail.state === 'verified')
regAltchaPayload = e.detail.payload;
});

function openRegModal() {
overlay.style.display = 'block';
document.body.style.overflow = 'hidden';
}
window.closeRegModal = function () {
overlay.style.display = 'none';
document.body.style.overflow = '';
};

var btn1 = document.getElementById('openRegModal');
var btn2 = document.getElementById('openRegModal2');
var btn3 = document.getElementById('openRegModalNav');
if (btn1) 
btn1.addEventListener('click', openRegModal);



if (btn2) 
btn2.addEventListener('click', openRegModal);



if (btn3) 
btn3.addEventListener('click', function (e) {
e.preventDefault();
openRegModal();
});



document.querySelectorAll('.reg-card').forEach(function (card) {
card.addEventListener('click', function () {
document.querySelectorAll('.reg-card').forEach(function (c) {
c.classList.remove('selected');
});
card.classList.add('selected');
var radio = card.querySelector('input[type=radio]');
if (radio) 
radio.checked = true;



selectedType = card.dataset.type;
submitBtn.disabled = false;
submitBtn.style.opacity = '1';
});
});

window.submitReg = function () {
var name = document.getElementById('regName').value.trim();
var mobile = document.getElementById('regMobile').value.trim();
var info = document.getElementById('regInfo').value.trim();
var msg = document.getElementById('regMsg');

if (! selectedType) 
return;



if (! name) {
showMsg('نام را وارد کنید', 'error');
return;
}
if (! mobile || mobile.length < 10) {
showMsg('شماره موبایل معتبر نیست', 'error');
return;
}

submitBtn.disabled = true;
submitBtn.textContent = 'در حال ارسال...';

fetch('/api/v1/pre-registration', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(
{
type: selectedType,
name: name,
mobile: mobile,
info: info || null,
altcha: regAltchaPayload
}
)
}).then(function (r) {
return r.json();
}).then(function (data) {
if (data.success) {
showMsg('درخواست شما ثبت شد. پس از بررسی، اطلاعات ورود از طریق SMS ارسال می‌شود.', 'success');
submitBtn.textContent = 'ارسال شد ✓';
setTimeout(function () {
closeRegModal();
}, 2200);
} else {
var errMsg = (data.errors && data.errors[0]) ? data.errors[0].message : 'خطایی رخ داد';
showMsg(errMsg, 'error');
submitBtn.disabled = false;
submitBtn.style.opacity = '1';
submitBtn.textContent = 'ارسال درخواست';
resetRegAltcha();
}
}).catch(function () {
showMsg('خطا در اتصال به سرور', 'error');
submitBtn.disabled = false;
submitBtn.style.opacity = '1';
submitBtn.textContent = 'ارسال درخواست';
resetRegAltcha();
});
};

// challenge یک‌بارمصرف است؛ بعد از خطا یک challenge تازه بگیر.
function resetRegAltcha() {
regAltchaPayload = '';
if (regAltchaEl && typeof regAltchaEl.reset === 'function')
regAltchaEl.reset();
}

function showMsg(text, type) {
var msg = document.getElementById('regMsg');
msg.textContent = text;
msg.style.display = 'block';
msg.style.background = type === 'success' ? '#dcfce7' : '#fef2f2';
msg.style.color = type === 'success' ? '#16a34a' : '#ef4444';
msg.style.border = type === 'success' ? '1px solid #bbf7d0' : '1px solid #fecaca';
}
})();
			</script>

		</main>

		<!-- ===================== Footer ===================== -->
		<footer class="site-footer" id="contact">
			<div class="wrap">
				<div class="footer-grid">
					<div class="footer-col footer-brand">
						<a class="brand" href="#hero">
							<b>کلینیک پرو</b>
							<span class="dot"></span>
						</a>
						<p>کلینیک پرو را ساختیم تا پزشک‌ها به‌جای درگیری با دفتر و کاغذ، حواس‌شان به کار اصلی‌شان باشد: بیمار.</p>
						<div class="foot-socials">
							<a href="#" aria-label="اینستاگرام">
								<svg viewbox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="5" stroke="currentColor" stroke-width="1.8"/><circle cx="12" cy="12" r="4" stroke="currentColor" stroke-width="1.8"/><circle cx="17.4" cy="6.6" r="1.2" fill="currentColor"/></svg>
							</a>
							<a href="#" aria-label="تلگرام">
								<svg viewbox="0 0 24 24" fill="none"><path d="M21 4 3 11l5 2 2 6 3-4 5 4 3-15Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/></svg>
							</a>
							<a href="#" aria-label="واتساپ">
								<svg viewbox="0 0 24 24" fill="none"><path d="M4 20l1.4-4A8 8 0 1 1 9 18.6L4 20Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/></svg>
							</a>
						</div>
						<!-- نماد اعتماد الکترونیکی — بعد از لود کامل صفحه تزریق می‌شود (footer JS) -->
						<div id="enamad-seal" style="margin-top:18px"></div>
					</div>

					<div class="footer-col">
						<h4>دسترسی سریع</h4>
						<div class="foot-links">
							<a href="#features">امکانات</a>
							<a href="#why">چرا کلینیک پرو</a>
							<a href="#download" style="display:none">دانلود نرم‌افزار</a>
							<a href="#contact">تماس با ما</a>
						</div>
					</div>

					<div class="footer-col">
						<h4>اطلاعات تماس</h4>
						<div class="foot-contact">
							<div class="fl">
								<svg viewbox="0 0 24 24" fill="none"><path d="M12 21s-7-5.2-7-11a7 7 0 0 1 14 0c0 5.8-7 11-7 11Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><circle cx="12" cy="10" r="2.6" stroke="currentColor" stroke-width="1.7"/></svg>
								<span>یاسوج، مهریان، خیابان شهید ستاره شیرازی، خیابان امام‌زاده احمد، پلاک ۸ شرکت توسعه فناوری اطلاعات حامی</span>
							</div>
							<div class="fl">
								<svg viewbox="0 0 24 24" fill="none"><path d="M4 6.5C4 5 5 4 6.5 4h2c.6 0 1.1.4 1.3 1l1 3c.2.6 0 1.2-.5 1.6L9 11c1 2 2.5 3.5 4.5 4.5l1.4-1.3c.4-.4 1-.6 1.6-.4l3 1c.6.2 1 .7 1 1.3v2c0 1.5-1 2.5-2.5 2.4C10.5 20 4 13.5 4 6.5Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/></svg>
								<a href="tel:02191550875" style="font-variant-numeric:tabular-nums" dir="ltr">02191550875</a>

							</div>
							<div class="fl">
								<svg viewbox="0 0 24 24" fill="none"><rect x="3" y="5" width="18" height="14" rx="2" stroke="currentColor" stroke-width="1.7"/><path d="m4 7 8 5 8-5" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/></svg>
								<a href="mailto:info@clinic-pro.ir" class="mono" dir="ltr">info@clinic-pro.ir</a>
							</div>
						</div>
					</div>

					<div class="footer-col" style="display:none">
						<h4>دانلود نرم‌افزار</h4>
						<div class="foot-badges">
							<a class="store-badge" href="#" style="background:oklch(1 0 0 / 0.08)">
								<svg viewbox="0 0 24 24" fill="currentColor"><path d="M16.4 12.6c0-2.3 1.9-3.4 2-3.5-1.1-1.6-2.8-1.8-3.4-1.8-1.4-.1-2.8.9-3.5.9-.7 0-1.8-.8-3-.8-1.5 0-3 .9-3.7 2.3-1.6 2.8-.4 6.9 1.1 9.2.8 1.1 1.6 2.3 2.8 2.3 1.1 0 1.6-.7 2.9-.7 1.4 0 1.7.7 2.9.7 1.2 0 2-1.1 2.7-2.2.9-1.2 1.2-2.5 1.2-2.5s-2.3-.9-2.3-3.6ZM14.2 5.7c.6-.8 1-1.8.9-2.9-.9 0-2 .6-2.6 1.4-.6.7-1.1 1.7-.9 2.7 1 .1 2-.5 2.6-1.2Z"/></svg>
								<span class="sb-t">
									<small>دانلود برای</small>
									<b>مک · macOS</b>
								</span>
							</a>
							<a class="store-badge" href="#" style="background:oklch(1 0 0 / 0.08)">
								<svg viewbox="0 0 24 24" fill="currentColor"><path d="M3 5.5 10.5 4.4v7.1H3V5.5Zm0 13L10.5 19.6v-7H3v6Zm8.5 1.3L21 21V12.5h-9.5v7.3Zm0-15.6V11.5H21V3l-9.5 1.2Z"/></svg>
								<span class="sb-t">
									<small>دانلود برای</small>
									<b>ویندوز</b>
								</span>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">© ۲۰۲۴ کلینیک پرو · ساخته‌شده برای پزشکان ایران</div>
		</footer>

		<script>
			(function () {
'use strict';
var FA = [
'۰',
'۱',
'۲',
'۳',
'۴',
'۵',
'۶',
'۷',
'۸',
'۹'
];
function groupFa(n) {
return String(n).replace(/\B(?=(\d{3})+(?!\d))/g, '،').replace(/\d/g, function (d) {
return FA[+ d];
});
}

var header = document.getElementById('header');
function onScroll() {
header.classList.toggle('scrolled', window.scrollY > 12);
}
window.addEventListener('scroll', onScroll, {passive: true});
onScroll();

var navToggle = document.getElementById('navToggle');
var navLinks = document.getElementById('navLinks');
if (navToggle) {
navToggle.addEventListener('click', function () {
navLinks.classList.toggle('open');
});
navLinks.addEventListener('click', function (e) {
if (e.target.tagName === 'A') 
navLinks.classList.remove('open');



});
}


var sections = [
'hero',
'features',
'why',
'download',
'contact'
];
var links = Array.prototype.slice.call(document.querySelectorAll('.nav-links a'));
function syncActive() {
var y = window.scrollY + 120,
cur = 'hero';
sections.forEach(function (id) {
var el = document.getElementById(id);
if (el && el.offsetTop <= y) 
cur = id;



});
links.forEach(function (a) {
a.classList.toggle('active', a.getAttribute('href') === '#' + cur);
});
}
window.addEventListener('scroll', syncActive, {passive: true});
syncActive();

var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
var reveals = Array.prototype.slice.call(document.querySelectorAll('.reveal'));
function inView(el) {
var r = el.getBoundingClientRect();
return r.top<(window.innerHeight||document.documentElement.clientHeight)-30 && r.bottom> 0;
}
function reveal(el) {
el.classList.add('in');
}

if (reduce) {
reveals.forEach(reveal);
} else {
reveals.forEach(function (el) {
if (inView(el)) 
reveal(el);



});
if ('IntersectionObserver' in window) {
var io = new IntersectionObserver(function (es) {
es.forEach(function (e) {
if (e.isIntersecting) {
reveal(e.target);
io.unobserve(e.target);
}
});
}, {
threshold: 0.12,
rootMargin: '0px 0px -40px 0px'
});
reveals.forEach(function (el) {
if (! el.classList.contains('in')) 
io.observe(el);



});
}
var ticking = false;
function sweep() {
if (ticking) 
return;



ticking = true;
requestAnimationFrame(function () {
reveals.forEach(function (el) {
if (inView(el)) 
reveal(el);



});
ticking = false;
});
}
window.addEventListener('scroll', sweep, {passive: true});
window.addEventListener('resize', sweep, {passive: true});
setTimeout(function () {
reveals.forEach(reveal);
}, 2800);
}

// نماد اعتماد الکترونیکی (Enamad) — فقط بعد از لود کامل صفحه تزریق می‌شود تا
// درخواست تصویرِ دامنه‌ی بیرونی با منابع خود سایت رقابت نکند و سرعت لود پایین نیاید.
function mountEnamad() {
var slot = document.getElementById('enamad-seal');
if (! slot) 
return;



var a = document.createElement('a');
a.setAttribute('referrerpolicy', 'origin');
a.target = '_blank';
a.href = 'https://trustseal.enamad.ir/?id=755841&Code=8sNSk0yrUE7EgbY9k5xkqTE0LaeXIaq4';
var img = document.createElement('img');
img.setAttribute('referrerpolicy', 'origin');
img.src = 'https://trustseal.enamad.ir/logo.aspx?id=755841&Code=8sNSk0yrUE7EgbY9k5xkqTE0LaeXIaq4';
img.alt = 'نماد اعتماد الکترونیکی';
img.style.cursor = 'pointer';
img.setAttribute('code', '8sNSk0yrUE7EgbY9k5xkqTE0LaeXIaq4');
img.loading = 'lazy';
a.appendChild(img);
slot.appendChild(a);
}
if (document.readyState === 'complete') {
mountEnamad();
} else {
window.addEventListener('load', mountEnamad);
}
})();
		</script>

		{{ encore_entry_script_tags('home') }}
	</body>
</html>
