فراغیب

الگو:کانتینر منحنی/کاووسی: تفاوت میان نسخه‌ها

دیداریویکی‌متن
صفحه‌ای تازه حاوی «<!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> <style> @font-face{ font-family:"IRANSans"; src:url("../fonts/IRANSansWeb.woff2") format("woff2"), url("../fonts/IRANSansWeb.woff") format("woff"); font-display:swap; } :root{ --card-radius:24px; --card-gap:24px; --card-shadow:...» ایجاد کرد
 
بدون خلاصۀ ویرایش
 
(۳ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<!DOCTYPE html>
 
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
<meta charset="UTF-8" />
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>خدمات ما</title>
    <title>خدمات تخصصی دوربین مداربسته و سیستم‌های امنیتی</title>
<style>
    <meta name="description" content="ارائه خدمات حرفه‌ای نصب، راه اندازی، انتقال تصویر روی موبایل، عیب یابی و هوشمندسازی انواع دوربین مداربسته با ضمانت کیفیت.">
@font-face{
   
    font-family:"IRANSans";
    <style>
    src:url("../fonts/IRANSansWeb.woff2") format("woff2"),
        /* =====================================================
        url("../fonts/IRANSansWeb.woff") format("woff");
          1. FONTS & RESET (Mobile-First Base)
    font-display:swap;
        ===================================================== */
}
        @font-face {
            font-family: "IRANSans";
            src: url("../fonts/IRANSansWeb.woff2") format("woff2"),
                url("../fonts/IRANSansWeb.woff") format("woff");
            font-display: swap;
        }


:root{
        *, *::before, *::after {
    --card-radius:24px;
            box-sizing: border-box;
    --card-gap:24px;
            margin: 0;
    --card-shadow:0 10px 28px rgba(0,0,0,.08);
            padding: 0;
    --card-color:#ff8300;
        }
    --card-text:#ffffff;
    --card-title:#2d3436;
    --section-bg:#ffffff;


    --shape-height:320px;
        :root {
    --image-width:82%;
            /* Colors */
    --image-height:190px;
            --bg-page: #f8fafc;
    --title-size:18px;
            --bg-card: #6082B6;
    --text-size:15px;
            --text-main: #000;
    --brand-size:34px;
            --text-muted: #000;
    --padding:22px;
            --text-white: #ffffff;
}
           
            /* Theme Color Variants */
            --theme-primary: #0284c7;  /* Cyan/Blue (پیش‌فرض) */
            --theme-dark: #0369a1;
           
            /* Card Geometry & Spacing (Fluid Sizing) */
            --card-radius: 20px;
            --card-gap: 16px;
            --card-padding: 16px;
            --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.05);
            --shadow-hover: 0 16px 32px rgba(15, 23, 42, 0.12);
            --transition-speed: 0.3s;
        }


*,
        body {
*::before,
            font-family: "IRANSans", system-ui, -apple-system, sans-serif;
*::after{
            background-color: var(--bg-page);
    box-sizing:border-box;
            color: var(--text-main);
}
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }


body{
        img {
    margin:0;
            max-width: 100%;
    font-family:IRANSans,Tahoma,sans-serif;
            height: auto;
    background:#fafafa;
            display: block;
    color:#222;
        }
}


img{
        a {
    max-width:100%;
            text-decoration: none;
    display:block;
            color: inherit;
}
        }


a{
        /* Screen Reader Accessible Class (Accessibility SEO) */
    text-decoration:none;
        .sr-only {
    color:inherit;
            position: absolute;
}
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }


.ads-section{
        /* =====================================================
    width:100%;
          2. SECTION & CONTAINER
    background:var(--section-bg);
        ===================================================== */
    padding:40px 20px;
        .cctv-section {
}
            width: 100%;
            padding: 28px 14px;
        }


.ads-container{
        .cctv-container {
    max-width:1550px;
            max-width: 1440px;
    margin:auto;
            margin: 0 auto;
}
        }


.ads-heading{
        .cctv-header {
    display:flex;
            text-align: center;
    justify-content:space-between;
            margin-bottom: 24px;
    align-items:center;
        }
    margin-bottom:28px;
}


.ads-heading h2{
        .cctv-header h2 {
    margin:0;
            font-size: clamp(20px, 4vw, 32px);
    font-size:34px;
            font-weight: 900;
    font-weight:900;
            color: var(--text-main);
    color:#222;
            position: relative;
    line-height:1.3;
            display: inline-block;
}
        }


.ads-grid{
        .cctv-header p {
    display:grid;
            font-size: clamp(13px, 2.5vw, 16px);
    grid-template-columns:repeat(5,1fr);
            color: var(--text-muted);
    gap:var(--card-gap);
            margin-top: 6px;
    align-items:stretch;
        }
}


.ads-card{
        /* =====================================================
    position:relative;
          3. GRID SYSTEM (Mobile First: 1 Col -> 2 Col -> 4 Col)
    overflow:hidden;
        ===================================================== */
    border-radius:var(--card-radius);
        .cctv-grid {
    background:#fff;
            display: grid;
    box-shadow:var(--card-shadow);
            grid-template-columns: 1fr; /* موبایل: تک ستونه */
    transition:transform .25s ease, box-shadow .25s ease;
            gap: var(--card-gap);
    min-height:420px;
        }
}


.ads-card:hover{
        /* =====================================================
    transform:translateY(-4px);
          4. CARD DESIGN
    box-shadow:0 14px 34px rgba(0,0,0,.12);
        ===================================================== */
}
        .cctv-card {
            position: relative;
            background: var(--bg-card);
            border-radius: var(--card-radius);
            box-shadow: var(--shadow-sm);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
            isolation: isolate;
        }


.ads-card__shape{
        .cctv-card:hover {
    position:relative;
            transform: translateY(-6px);
    width:100%;
            box-shadow: var(--shadow-hover);
    height:var(--shape-height);
        }
    background:var(--card-color);
    overflow:hidden;
    border-radius:var(--card-radius);
    isolation:isolate;
}


/* لایه سفید تزئینی */
        /* Hero / Colored Curved Top Area */
.ads-card__shape::before{
        .cctv-card__hero {
    content:"";
            position: relative;
    position:absolute;
            background-color: var(--theme-primary);
    inset:0;
            padding: 16px;
    background:#fff;
            display: flex;
    clip-path:ellipse(130% 82% at 92% -6%);
            flex-direction: column;
    z-index:1;
            align-items: center;
}
            justify-content: space-between;
            min-height: 250px;
            overflow: hidden;
        }


/* تصویر */
        /* قوس بالا و پس‌زمینه منحنی ارگانیک */
.ads-card__image{
        .cctv-card__hero::after {
    position:absolute;
            content: "";
    top:18px;
            position: absolute;
    left:50%;
            bottom: -35px;
    transform:translateX(-50%);
            left: -10%;
    width:var(--image-width);
            width: 120%;
    height:var(--image-height);
            height: 70px;
    display:flex;
            background: var(--bg-card);
    justify-content:center;
            border-radius: 50%;
    align-items:center;
            z-index: 2;
    z-index:5;
        }
}


.ads-card__image img{
        /* Image Box - پرکننده کامل کادر بدون فضا خالی */
    width:100%;
        .cctv-card__img-wrapper {
    height:100%;
            position: relative;
    object-fit:cover;   /* تغییر مهم */
            width: 100%;
    object-position:center;
            max-width: 280px;
    border-radius:18px;
            aspect-ratio: 16 / 10; /* نسبت ابعاد استاندارد برای جلوگیری از بهم ریختگی */
}
            border-radius: 14px;
            overflow: hidden;
            z-index: 3;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
        }


/* متن داخل بخش نارنجی */
        .cctv-card__img-wrapper img {
.ads-card__content{
            width: 100%;
    position:absolute;
            height: 100%;
    left:0;
            object-fit: cover; /* پر کردن کامل بدون اسکیل نادرست */
    right:0;
            object-position: center;
    bottom:20px;
            transition: transform 0.5s ease;
    padding:0 var(--padding);
        }
    text-align:center;
    z-index:5;
}


.ads-card__subtitle{
        .cctv-card:hover .cctv-card__img-wrapper img {
    margin:0;
            transform: scale(1.08);
    font-size:var(--text-size);
        }
    line-height:1.8;
    color:#2b2b2b;
    font-weight:500;
}


.ads-card__brand{
        /* Content Inside Colored Hero */
    margin-top:8px;
        .cctv-card__hero-content {
    font-size:var(--brand-size);
            position: relative;
    line-height:1.15;
            z-index: 3;
    font-weight:900;
            text-align: center;
    color:var(--card-text);
            margin-top: 12px;
}
            width: 100%;
        }


/* عنوان پایین کارت */
        .cctv-card__tagline {
.ads-card__title{
            font-size: 13px;
    padding:18px 14px 22px;
            font-weight: 500;
    text-align:center;
            color: rgba(255, 255, 255, 0.9);
    min-height:96px;
            background: rgba(0, 0, 0, 0.15);
    display:flex;
            display: inline-block;
    align-items:center;
            padding: 3px 12px;
    justify-content:center;
            border-radius: 20px;
}
            backdrop-filter: blur(4px);
        }


.ads-card__title h3{
        .cctv-card__highlight {
    margin:0;
            font-size: clamp(20px, 3.5vw, 24px);
    font-size:var(--title-size);
            font-weight: 900;
    color:var(--card-title);
            color: var(--text-white);
    font-weight:800;
            margin-top: 4px;
    line-height:1.7;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
        }


/* لینک تمام‌صفحه */
        /* Card Bottom Body */
.ads-card__link{
        .cctv-card__body {
    position:absolute;
           
    inset:0;
            padding: 20px 18px 18px;
    z-index:20;
            display: flex;
    display:block;
            flex-direction: column;
    font-size:0;
            justify-content: space-between;
    background:transparent;
            flex-grow: 1;
}
            text-align: center;
            z-index: 3;
        }


/* رنگ‌های مختلف */
        .cctv-card__title {
.ads-card.orange{ --card-color:#ff8300; }
            font-size: clamp(16px, 2.5vw, 18px);
.ads-card.green{ --card-color:#00b894; }
            font-weight: 800;
.ads-card.blue{ --card-color:#0984e3; }
            color: var(--text-main);
.ads-card.red{ --card-color:#e74c3c; }
            line-height: 1.4;
.ads-card.purple{ --card-color:#6c5ce7; }
            margin-bottom: 8px;
        }


/* Accessibility */
        .cctv-card__desc {
.ads-card:focus-within{
            font-size: 13px;
    outline:3px solid rgba(0,123,255,.35);
            color: var(--text-muted);
    outline-offset:5px;
            line-height: 1.7;
}
            margin-bottom: 16px;
        }


.ads-card__link:focus{
        /* Button CTA / Touch Target Compatible (Min 44px height) */
    outline:none;
        .cctv-card__btn {
}
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            width: 100%;
            min-height: 44px;
            padding: 10px 16px;
            background-color: #f1f5f9;
            color: var(--text-main);
            font-size: 14px;
            font-weight: 700;
            border-radius: 12px;
            transition: all var(--transition-speed) ease;
        }


/* Responsive */
        .cctv-card:hover .cctv-card__btn {
@media (max-width:1400px){
            background-color: var(--theme-primary);
    :root{
            color: var(--text-white);
        --shape-height:300px;
         }
        --brand-size:31px;
        --image-height:175px;
         --card-gap:20px;
    }
}


@media (max-width:1200px){
        /* Full Card Accessible Stretched Overlay Link */
    .ads-grid{
        .cctv-card__link {
        grid-template-columns:repeat(3,1fr);
            position: absolute;
    }
            inset: 0;
}
            z-index: 10;
        }


@media (max-width:992px){
         .cctv-card:focus-within {
    :root{
            outline: 3px solid var(--theme-primary);
         --shape-height:285px;
            outline-offset: 3px;
        --image-width:80%;
         }
        --image-height:160px;
        --brand-size:28px;
        --title-size:17px;
         --text-size:14px;
    }


    .ads-heading{
        /* =====================================================
        flex-direction:column;
          5. COLOR VARIATIONS FOR CCTV SERVICES
         gap:10px;
        ===================================================== */
         text-align:center;
        /* ۱. نصب و راه‌اندازی (نارنجی/امبر) */
    }
        .cctv-card--installation {
}
            --theme-primary: #f59e0b;
         }
       
        /* ۲. انتقال تصویر (آبی فیروزه‌ای) */
         .cctv-card--remote {
            --theme-primary: #0284c7;
        }


@media (max-width:768px){
        /* ۳. تعمیرات و عیب‌یابی (زمردی) */
    .ads-section{
        .cctv-card--repair {
        padding:24px 16px;
            --theme-primary: #10b981;
    }
        }


    .ads-grid{
        /* ۴. پردازش تصویر و هوشمندسازی (بنفش/نیلی) */
        grid-template-columns:repeat(2,1fr);
        .cctv-card--ai {
         gap:16px;
            --theme-primary: #6366f1;
    }
         }


    :root{
        /* =====================================================
         --shape-height:240px;
          6. RESPONSIVE BREAKPOINTS (Mobile-First approach)
         --image-height:125px;
        ===================================================== */
        --image-width:84%;
         /* تبلت‌های کوچک و موبایل‌های افقی (از 576px به بالا) */
        --brand-size:22px;
         @media (min-width: 576px) {
        --padding:16px;
            .cctv-grid {
    }
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }
            .cctv-section {
                padding: 36px 20px;
            }
        }


    .ads-card{
        /* تبلت‌های بزرگ و لپ‌تاپ (از 992px به بالا) */
        min-height:380px;
        @media (min-width: 992px) {
    }
            .cctv-grid {
}
                grid-template-columns: repeat(3, 1fr);
                gap: 24px;
            }
        }


@media (max-width:480px){
        /* دسکتاپ بزرگ (از 1200px به بالا) */
    .ads-grid{
        @media (min-width: 1200px) {
        grid-template-columns:repeat(2,minmax(0,1fr));
            .cctv-grid {
        gap:12px;
                grid-template-columns: repeat(4, 1fr);
    }
                gap: 26px;
 
            }
    :root{
            .cctv-card__hero {
        --shape-height:215px;
                min-height: 270px;
        --image-height:105px;
            }
        --image-width:88%;
         }
        --brand-size:19px;
     </style>
        --title-size:14px;
        --text-size:12px;
        --card-radius:18px;
    }
 
    .ads-card{
        min-height:350px;
    }
 
    .ads-card__title{
         min-height:84px;
        padding:14px 10px 18px;
     }
}
</style>
</head>
</head>
<body>
<body>


<section class="ads-section" aria-labelledby="ads-title">
<!-- =====================================================
     <div class="ads-container">
    CCTV Services Section
         <header class="ads-heading">
===================================================== -->
             <h2 id="ads-title">خدمات ما</h2>
<section class="cctv-section" aria-labelledby="cctv-main-heading">
     <div class="cctv-container">
       
        <!-- Section Header -->
         <header class="cctv-header">
             <h2 id="cctv-main-heading">خدمات تخصصی دوربین مداربسته</h2>
            <p>مجری سیستم‌های نظارتی، امنیتی و هوشمندسازی اماکن</p>
         </header>
         </header>


         <div class="ads-grid">
        <!-- Card Grid -->
             <article class="ads-card orange">
         <div class="cctv-grid">
                 <div class="ads-card__shape">
 
                     <figure class="ads-card__image">
            <!-- Card 1: نصب و راه‌اندازی -->
                         <img
             <article class="cctv-card cctv-card--installation">
                             src="https://dl.faraghaib.ir/m/260018/26001802.png"
                 <div class="cctv-card__hero">
                             alt="خدمات ثبت نام خودرو"
                     <figure class="cctv-card__img-wrapper">
                         <img  
                             src="https://dl.faraghaib.ir/m/260018/26001831.jpg"  
                             alt="نصب و جانمایی دوربین مداربسته در محل"  
                             loading="lazy"
                             loading="lazy"
                             width="320"
                            decoding="async"
                             height="320">
                             width="400"  
                             height="250">
                     </figure>
                     </figure>
 
                     <div class="cctv-card__hero-content">
                     <div class="ads-card__content">
                         <span class="cctv-card__tagline">استاندارد و حرفه‌ای</span>
                         <p class="ads-card__subtitle">سریع، آسان و مطمئن</p>
                         <div class="cctv-card__highlight">نصب دوربین</div>
                         <div class="ads-card__brand">ثبت نام خودرو</div>
                     </div>
                     </div>
                 </div>
                 </div>


                 <div class="ads-card__title">
                 <div class="cctv-card__body">
                     <h3>ثبت نام و خدمات خودرو</h3>
                     <h3 class="cctv-card__title">نصب و کابل‌کشی تخصصی</h3>
                    <p class="cctv-card__desc">جانمایی دقیق دوربین‌ها، سیم‌کشی تمیز و استاندارد، تنظیم زاویه دید و پیکربندی دستگاه DVR/NVR</p>
                    <div class="cctv-card__btn" aria-hidden="true">
                        <span>مشاهده جزئیات نصب</span>
                        <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
                    </div>
                 </div>
                 </div>


                 <a href="/car-services" class="ads-card__link" aria-label="رفتن به صفحه ثبت نام و خدمات خودرو">
                 <a href="/services/cctv-installation" class="cctv-card__link" aria-label="اطلاعات بیشتر درباره نصب و کابل‌کشی تخصصی دوربین مداربسته">
                     ثبت نام و خدمات خودرو
                     <span class="sr-only">مشاهده خدمات نصب و راه اندازی دوربین مداربسته</span>
                 </a>
                 </a>
             </article>
             </article>


             <article class="ads-card green">
            <!-- Card 2: انتقال تصویر روی موبایل -->
                 <div class="ads-card__shape">
             <article class="cctv-card cctv-card--remote">
                     <figure class="ads-card__image">
                 <div class="cctv-card__hero">
                         <img
                     <figure class="cctv-card__img-wrapper">
                             src="images/service-02.webp"
                         <img  
                             alt="خدمات ثبت شرکت"
                             src="https://dl.faraghaib.ir/m/260018/26001833.jpg"  
                             alt="انتقال تصویر دوربین مداربسته روی گوشی موبایل"  
                             loading="lazy"
                             loading="lazy"
                             width="320"
                            decoding="async"
                             height="320">
                             width="400"  
                             height="250">
                     </figure>
                     </figure>
 
                     <div class="cctv-card__hero-content">
                     <div class="ads-card__content">
                         <span class="cctv-card__tagline">دسترسی از هر کجا</span>
                         <p class="ads-card__subtitle">شروع کسب و کار</p>
                         <div class="cctv-card__highlight">انتقال تصویر</div>
                         <div class="ads-card__brand">ثبت شرکت</div>
                     </div>
                     </div>
                 </div>
                 </div>


                 <div class="ads-card__title">
                 <div class="cctv-card__body">
                     <h3>خدمات ثبت شرکت</h3>
                     <h3 class="cctv-card__title">مشاهده زنده روی موبایل</h3>
                    <p class="cctv-card__desc">تنظیمات P2P و IP Static، مشاهده آنلاین تصویر دوربین‌ها روی موبایل و لپ‌تاپ بدون قطعی</p>
                    <div class="cctv-card__btn" aria-hidden="true">
                        <span>راهنمای انتقال تصویر</span>
                        <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
                    </div>
                 </div>
                 </div>


                 <a href="/company-registration" class="ads-card__link" aria-label="رفتن به صفحه خدمات ثبت شرکت">
                 <a href="/services/mobile-monitoring" class="cctv-card__link" aria-label="اطلاعات بیشتر درباره انتقال تصویر دوربین مداربسته روی موبایل">
                     خدمات ثبت شرکت
                     <span class="sr-only">مشاهده خدمات انتقال تصویر زنده روی موبایل</span>
                 </a>
                 </a>
             </article>
             </article>


             <article class="ads-card blue">
            <!-- Card 3: عیب‌یابی و تعمیرات -->
                 <div class="ads-card__shape">
             <article class="cctv-card cctv-card--repair">
                     <figure class="ads-card__image">
                 <div class="cctv-card__hero">
                         <img
                     <figure class="cctv-card__img-wrapper">
                             src="images/service-03.webp"
                         <img  
                             alt="خدمات نوبت پزشک"
                             src="https://dl.faraghaib.ir/m/260018/26001834.jpg"  
                             alt="تعمیر و عیب یابی دستگاه dvr و دوربین مداربسته"  
                             loading="lazy"
                             loading="lazy"
                             width="320"
                            decoding="async"
                             height="320">
                             width="400"  
                             height="250">
                     </figure>
                     </figure>
 
                     <div class="cctv-card__hero-content">
                     <div class="ads-card__content">
                         <span class="cctv-card__tagline">سریع و باضمانت</span>
                         <p class="ads-card__subtitle">رزرو اینترنتی</p>
                         <div class="cctv-card__highlight">تعمیرات آنلاین</div>
                         <div class="ads-card__brand">نوبت پزشک</div>
                     </div>
                     </div>
                 </div>
                 </div>


                 <div class="ads-card__title">
                 <div class="cctv-card__body">
                     <h3>دریافت نوبت آنلاین</h3>
                     <h3 class="cctv-card__title">عیب‌یابی و رفع قطعی</h3>
                    <p class="cctv-card__desc">رفع مشکل نویز تصویر، بازیابی کلمه عبور DVR، تعویض هارد، تعمیر منبع تغذیه و سوختگی دوربین</p>
                    <div class="cctv-card__btn" aria-hidden="true">
                        <span>درخواست تعمیرکار</span>
                        <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
                    </div>
                 </div>
                 </div>


                 <a href="/doctor" class="ads-card__link" aria-label="رفتن به صفحه دریافت نوبت پزشک">
                 <a href="/services/cctv-repair" class="cctv-card__link" aria-label="اطلاعات بیشتر درباره عیب یابی و تعمیرات دوربین مداربسته">
                     دریافت نوبت آنلاین
                     <span class="sr-only">درخواست خدمات عیب یابی و رفع قطعی دوربین مداربسته</span>
                 </a>
                 </a>
             </article>
             </article>


             <article class="ads-card purple">
            <!-- Card 4: هوشمندسازی و پردازش تصویر -->
                 <div class="ads-card__shape">
             <article class="cctv-card cctv-card--ai">
                     <figure class="ads-card__image">
                 <div class="cctv-card__hero">
                         <img
                     <figure class="cctv-card__img-wrapper">
                             src="images/service-03.webp"
                         <img  
                             alt="خدمات نوبت پزشک"
                             src="https://dl.faraghaib.ir/m/260018/26001835.jpg"  
                             alt="سیستم هوشمند پردازش تصویر و پلاک خوان دوربین مداربسته"  
                             loading="lazy"
                             loading="lazy"
                             width="320"
                            decoding="async"
                             height="320">
                             width="400"  
                             height="250">
                     </figure>
                     </figure>
 
                     <div class="cctv-card__hero-content">
                     <div class="ads-card__content">
                         <span class="cctv-card__tagline">فناوری هوش مصنوعی</span>
                         <p class="ads-card__subtitle">رزرو اینترنتی</p>
                         <div class="cctv-card__highlight">پردازش تصویر</div>
                         <div class="ads-card__brand">نوبت پزشک</div>
                     </div>
                     </div>
                 </div>
                 </div>


                 <div class="ads-card__title">
                 <div class="cctv-card__body">
                     <h3>دریافت نوبت آنلاین</h3>
                     <h3 class="cctv-card__title">پلاک‌خوان و تشخیص چهره</h3>
                    <p class="cctv-card__desc">راه اندازی دوربین‌های پلاک خوان پارکینگ، تشخیص چهره، خط کشی مجازی و هشدار هوشمند سرقت</p>
                    <div class="cctv-card__btn" aria-hidden="true">
                        <span>بررسی هوشمندسازی</span>
                        <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
                    </div>
                 </div>
                 </div>


                 <a href="/doctor" class="ads-card__link" aria-label="رفتن به صفحه دریافت نوبت پزشک">
                 <a href="/services/ai-cctv" class="cctv-card__link" aria-label="اطلاعات بیشتر درباره دوربین های پلاک خوان و هوشمند">
                     دریافت نوبت آنلاین
                     <span class="sr-only">مشاهده سیستم‌های هوشمند پردازش تصویر دوربین مداربسته</span>
                 </a>
                 </a>
             </article>
             </article>
         </div>
         </div>
     </div>
     </div>
</section>
</section>
<!-- =====================================================
    SEO STRUCTURED DATA (JSON-LD)
===================================================== -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "خدمات تخصصی دوربین مداربسته",
  "description": "لیست خدمات حرفه‌ای نصب، راه اندازی و تعمیرات دوربین مداربسته",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "نصب و کابل‌کشی تخصصی دوربین مداربسته",
      "url": "https://yourdomain.com/services/cctv-installation"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "مشاهده زنده و انتقال تصویر روی موبایل",
      "url": "https://yourdomain.com/services/mobile-monitoring"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "عیب‌یابی و رفع قطعی دوربین مداربسته",
      "url": "https://yourdomain.com/services/cctv-repair"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "پلاک‌خوان و تشخیص چهره هوشمند",
      "url": "https://yourdomain.com/services/ai-cctv"
    }
  ]
}
</script>


</body>
</body>
</html>
</html>
برگرفته از «https://fa.faraghaib.ir/wiki/الگو:کانتینر_منحنی/کاووسی»