hamed
68b8b05630
- Implemented header and hero section in _header.html.twig and _hero_art.html.twig. - Created a pre-registration modal in _reg_modal.html.twig with form fields and validation. - Added page scripts for dynamic behavior and interaction in _page_scripts.html.twig. - Developed landing page structure in landing.html.twig, integrating header, footer, and modal. - Introduced tests for landing page rendering and registry validation in LandingPageTest.php and LandingRegistryTest.php.
409 lines
26 KiB
Twig
409 lines
26 KiB
Twig
<!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="کلینیک پرو؛ نرمافزار مدیریت مطب و کلینیک — نوبتدهی آنلاین، پروندهی بیمار و حسابداری مطب، همه در یک پنل ساده و سریع."/>
|
||
<meta name="keywords" content="نرم افزار مدیریت کلینیک, نرم افزار کلینیک, نرم افزار مدیریت مطب, نرم افزار مطب, سیستم مدیریت کلینیک, سیستم مدیریت مطب, نرم افزار پزشکی, نرم افزار مراکز درمانی, نرم افزار نوبت دهی پزشکی, نرم افزار نوبت دهی آنلاین پزشکان, پرونده الکترونیک بیمار, مدیریت پرونده بیماران, مدیریت نوبت پزشکان, مدیریت منشی مطب, مدیریت بیمه درمانی, نسخه الکترونیک, مدیریت مالی کلینیک, حسابداری کلینیک, مدیریت پرداخت بیماران, مدیریت پزشکان, مدیریت چند پزشک, مدیریت چند شعبه, پیامک یادآوری نوبت, نوبت دهی اینترنتی, رزرو آنلاین نوبت پزشک, نرم افزار کلینیک تحت وب, نرم افزار کلینیک ابری, نرم افزار SaaS کلینیک, بهترین نرم افزار مدیریت کلینیک, خرید نرم افزار مدیریت کلینیک, قیمت نرم افزار مدیریت کلینیک, نرم افزار کلینیک دندانپزشکی, نرم افزار کلینیک زیبایی, نرم افزار درمانگاه, نرم افزار پلی کلینیک"/>
|
||
<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>
|
||
|
||
{{ include('public/_header.html.twig') }}
|
||
|
||
<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>
|
||
|
||
{{ include('public/_hero_art.html.twig') }}
|
||
</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>
|
||
{{ include('public/_reg_modal.html.twig') }}
|
||
|
||
</main>
|
||
|
||
{{ include('public/_footer.html.twig') }}
|
||
|
||
{{ include('public/_page_scripts.html.twig') }}
|
||
|
||
{{ encore_entry_script_tags('home') }}
|
||
</body>
|
||
</html>
|