پرش به محتوا

تست - فراغیب

از فراغیب
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
{{منوی اصلی/مکانیکی محمد}}
<html>
<script>
document.addEventListener("contextmenu", function (event) {
  event.preventDefault();
  alert("کلیک راست در این صفحه غیرفعال است.");
});
</script>


<div style="width:100%; text-align:center; margin:0 auto;">
<html lang="fa" dir="rtl">
  <div style="display:inline-block; max-width:100%; overflow:hidden; border-radius:0 0 18px 18px;">
<head>
<img src="https://dl.faraghaib.ir/m/260024-01/baner-01.png" alt="مکانیکی،جلوبندی و هیدرولیک فرمان محمد">
<meta charset="UTF-8">
</div>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<title>مکانیکی، جلوبندی و هیدرولیک فرمان محمد | تعمیر تخصصی خودرو</title>
 
<meta name="description"
content="مکانیکی، جلوبندی و هیدرولیک فرمان محمد؛ ارائه خدمات تخصصی تعمیر خودرو، تعمیر موتور، گیربکس، جلوبندی سازی و تعمیر هیدرولیک فرمان با تجربه و دقت بالا.">
 
<meta name="robots" content="index, follow">
 
<style>
 
/* =========================================================
  پایه - MOBILE FIRST
========================================================= */
 
@font-face {
    font-family: IRANSans;
    src: url("https://cdn.jsdelivr.net/gh/rastikerdar/iransans-font@master/dist/IRANSans.woff2")
        format("woff2");
    font-display: swap;
}
 
:root {
    --primary: #e53935;
    --primary-dark: #b71c1c;
    --secondary: #ffb300;
    --dark: #151515;
    --dark-2: #222;
    --gray: #666;
    --light: #f5f5f5;
    --white: #fff;
    --border: #e6e6e6;
    --shadow: 0 8px 25px rgba(0,0,0,.08);
    --radius: 16px;
    --container: 1200px;
}
 
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
 
html {
    scroll-behavior: smooth;
}
 
body {
    font-family: IRANSans, Tahoma, Arial, sans-serif;
    background: #fff;
    color: var(--dark);
    line-height: 1.8;
}
 
img {
    max-width: 100%;
    height: auto;
    display: block;
}
 
a {
    text-decoration: none;
    color: inherit;
}
 
button {
    font-family: inherit;
}
 
.container {
    width: min(92%, var(--container));
    margin-inline: auto;
}
 
section {
    padding: 55px 0;
}
 
.section-title {
    text-align: center;
    margin-bottom: 30px;
}
 
.section-title span {
    display: inline-block;
    color: var(--primary);
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: 5px;
}
 
.section-title h2 {
    font-size: clamp(1.35rem, 5vw, 2.1rem);
    line-height: 1.5;
}
 
.section-title p {
    color: var(--gray);
    font-size: .9rem;
    max-width: 650px;
    margin: 8px auto 0;
}
 
 
/* =========================================================
  HEADER
========================================================= */
 
.site-header {
    background: var(--dark);
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 15px rgba(0,0,0,.15);
}
 
.header-inner {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
 
.logo {
    display: flex;
    align-items: center;
    gap: 9px;
    font-weight: 900;
    font-size: .95rem;
}
 
.logo-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--primary);
    display: grid;
    place-items: center;
    font-size: 1.2rem;
}
 
.logo strong {
    color: var(--secondary);
}
 
.mobile-call {
    background: var(--primary);
    padding: 8px 13px;
    border-radius: 9px;
    font-size: .78rem;
    font-weight: bold;
}
 
.desktop-nav {
    display: none;
}
 
 
/* =========================================================
  HERO
========================================================= */
 
.hero {
    min-height: 560px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            rgba(0,0,0,.78),
            rgba(0,0,0,.65)
        ),
        url("https://images.unsplash.com/photo-1486006920555-c77dcf18193c?auto=format&fit=crop&w=1600&q=80")
        center/cover no-repeat;
    color: #fff;
}
 
.hero-content {
    padding: 55px 0;
    max-width: 750px;
}
 
.hero-badge {
    display: inline-block;
    background: rgba(255,179,0,.15);
    color: var(--secondary);
    border: 1px solid rgba(255,179,0,.4);
    padding: 5px 12px;
    border-radius: 30px;
    font-size: .78rem;
    margin-bottom: 15px;
}
 
.hero h1 {
    font-size: clamp(1.8rem, 8vw, 3.3rem);
    line-height: 1.45;
    margin-bottom: 15px;
}
 
.hero h1 strong {
    color: var(--secondary);
}
 
.hero p {
    color: #eee;
    font-size: .95rem;
    max-width: 620px;
    margin-bottom: 25px;
}
 
.hero-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
 
.btn {
    min-height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: .9rem;
    font-weight: 700;
    transition: .25s;
}
 
.btn-primary {
    background: var(--primary);
    color: #fff;
}
 
.btn-secondary {
    background: var(--secondary);
    color: #111;
}
 
.btn:hover {
    transform: translateY(-2px);
}
 
 
/* =========================================================
  خدمات سریع
========================================================= */
 
.quick-services {
    background: var(--light);
    padding: 25px 0;
}
 
.quick-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
 
.quick-item {
    background: #fff;
    border-radius: 12px;
    padding: 17px 10px;
    text-align: center;
    box-shadow: var(--shadow);
}
 
.quick-icon {
    font-size: 1.6rem;
    margin-bottom: 5px;
}
 
.quick-item strong {
    display: block;
    font-size: .82rem;
}
 
.quick-item span {
    color: var(--gray);
    font-size: .7rem;
}
 
 
/* =========================================================
  خدمات اصلی
========================================================= */
 
.services {
    background: #fff;
}
 
.services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}
 
.service-card {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 25px 20px;
    transition: .3s;
}
 
.service-card::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: var(--primary);
}
 
.service-icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #fff1f1;
    color: var(--primary);
    font-size: 1.5rem;
    margin-bottom: 15px;
}
 
.service-card h3 {
    font-size: 1.05rem;
    margin-bottom: 8px;
}
 
.service-card p {
    color: var(--gray);
    font-size: .82rem;
}
 
.service-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow);
}
 
 
/* =========================================================
  معرفی
========================================================= */
 
.about {
    background: var(--dark);
    color: #fff;
}
 
.about-grid {
    display: grid;
    gap: 25px;
}
 
.about-image {
    border-radius: var(--radius);
    overflow: hidden;
    min-height: 260px;
    background:
        linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),
        url("https://images.unsplash.com/photo-1504222490345-c075b6008014?auto=format&fit=crop&w=1000&q=80")
        center/cover;
}
 
.about-content span {
    color: var(--secondary);
    font-size: .85rem;
    font-weight: bold;
}
 
.about-content h2 {
    font-size: clamp(1.4rem, 6vw, 2.2rem);
    margin: 8px 0 15px;
}
 
.about-content p {
    color: #ccc;
    font-size: .9rem;
    margin-bottom: 15px;
}
 
.about-list {
    list-style: none;
    display: grid;
    gap: 8px;
}
 
.about-list li {
    font-size: .82rem;
    color: #eee;
}
 
.about-list li::before {
    content: "✓";
    color: var(--secondary);
    font-weight: bold;
    margin-left: 8px;
}
 
 
/* =========================================================
  خدمات تخصصی
========================================================= */
 
.special-services {
    background: var(--light);
}
 
.special-grid {
    display: grid;
    gap: 15px;
}
 
.special-card {
    background: #fff;
    padding: 22px;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}
 
.special-card h3 {
    font-size: 1rem;
    margin-bottom: 8px;
}
 
.special-card p {
    color: var(--gray);
    font-size: .8rem;
}
 
 
/* =========================================================
  چرا ما؟
========================================================= */
 
.features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}
 
.feature {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 13px;
}
 
.feature-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    background: #fff3d6;
    color: #e09b00;
    border-radius: 10px;
}
 
.feature h3 {
    font-size: .9rem;
}
 
.feature p {
    font-size: .75rem;
    color: var(--gray);
}
 
 
/* =========================================================
  CTA
========================================================= */
 
.cta {
    padding: 40px 0;
}
 
.cta-box {
    background:
        linear-gradient(
            135deg,
            var(--primary),
            var(--primary-dark)
        );
    color: #fff;
    border-radius: 20px;
    padding: 35px 20px;
    text-align: center;
    box-shadow: 0 12px 30px rgba(229,57,53,.25);
}
 
.cta-box h2 {
    font-size: clamp(1.4rem, 6vw, 2rem);
    margin-bottom: 10px;
}
 
.cta-box p {
    color: #ffecec;
    font-size: .85rem;
    margin-bottom: 20px;
}
 
.cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
 
 
/* =========================================================
  مقالات
========================================================= */
 
.blog {
    background: #fff;
}
 
.blog-grid {
    display: grid;
    gap: 15px;
}
 
.blog-card {
    border: 1px solid var(--border);
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
}
 
.blog-image {
    aspect-ratio: 16 / 9;
    background:
        url("https://images.unsplash.com/photo-1487754180451-c456f719a1fc?auto=format&fit=crop&w=800&q=80")
        center/cover;
}
 
.blog-content {
    padding: 17px;
}
 
.blog-content span {
    font-size: .7rem;
    color: var(--primary);
}
 
.blog-content h3 {
    font-size: .9rem;
    margin: 5px 0;
}
 
.blog-content p {
    color: var(--gray);
    font-size: .75rem;
}
 
 
/* =========================================================
  تماس
========================================================= */
 
.contact {
    background: var(--light);
}
 
.contact-grid {
    display: grid;
    gap: 15px;
}
 
.contact-card {
    background: #fff;
    padding: 22px;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}
 
.contact-card h3 {
    margin-bottom: 15px;
    font-size: 1rem;
}
 
.contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid var(--border);
    font-size: .8rem;
}
 
.contact-item:last-child {
    border-bottom: 0;
}
 
.contact-icon {
    color: var(--primary);
    font-size: 1.1rem;
}
 
 
/* =========================================================
  FOOTER
========================================================= */
 
footer {
    background: #111;
    color: #ddd;
    padding: 40px 0 85px;
}
 
.footer-grid {
    display: grid;
    gap: 25px;
}
 
.footer-col h3 {
    color: #fff;
    font-size: .95rem;
    margin-bottom: 12px;
}
 
.footer-col p,
.footer-col li {
    color: #aaa;
    font-size: .75rem;
}
 
.footer-col ul {
    list-style: none;
    display: grid;
    gap: 6px;
}
 
.footer-bottom {
    border-top: 1px solid #333;
    margin-top: 25px;
    padding-top: 18px;
    text-align: center;
    color: #777;
    font-size: .7rem;
}
 
 
/* =========================================================
  نوار پایین موبایل
========================================================= */
 
.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    height: 65px;
    background: #151515;
    z-index: 2000;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    box-shadow: 0 -4px 18px rgba(0,0,0,.2);
}
 
.mobile-bottom-nav a {
    color: #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    font-size: .65rem;
}
 
.mobile-bottom-nav a:first-child {
    color: var(--secondary);
}
 
.mobile-bottom-nav .nav-icon {
    font-size: 1.25rem;
}
 
 
/* =========================================================
  TABLET
========================================================= */
 
@media (min-width: 600px) {
 
    .hero-buttons {
        flex-direction: row;
    }
 
    .btn {
        min-width: 150px;
    }
 
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
 
    .special-grid {
        grid-template-columns: repeat(2, 1fr);
    }
 
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
 
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
 
    .contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }
 
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
 
 
/* =========================================================
  DESKTOP
========================================================= */
 
@media (min-width: 900px) {
 
    section {
        padding: 80px 0;
    }
 
    .site-header {
        position: relative;
    }
 
    .header-inner {
        min-height: 80px;
    }
 
    .mobile-call {
        display: none;
    }
 
    .desktop-nav {
        display: flex;
        align-items: center;
        gap: 25px;
        font-size: .82rem;
    }
 
    .desktop-nav a {
        color: #ddd;
        transition: .2s;
    }
 
    .desktop-nav a:hover {
        color: var(--secondary);
    }
 
    .hero {
        min-height: 680px;
    }
 
    .hero-content {
        padding: 80px 0;
    }
 
    .quick-grid {
        grid-template-columns: repeat(4, 1fr);
    }
 
    .services-grid {
        grid-template-columns: repeat(4, 1fr);
    }
 
    .about-grid {
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }
 
    .special-grid {
        grid-template-columns: repeat(4, 1fr);
    }
 
    .features-grid {
        grid-template-columns: repeat(4, 1fr);
    }
 
    .blog-grid {
        grid-template-columns: repeat(3, 1fr);
    }
 
    .contact-grid {
        grid-template-columns: 1fr 1fr;
    }
 
    .footer-grid {
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }
 
    .mobile-bottom-nav {
        display: none;
    }
 
    footer {
        padding-bottom: 40px;
    }
}
 
 
/* =========================================================
  DESKTOP LARGE
========================================================= */
 
@media (min-width: 1200px) {
 
    .hero-content {
        padding-right: 30px;
    }
 
    .service-card {
        padding: 30px 22px;
    }
 
    .quick-item {
        padding: 22px;
    }
}
 
</style>
</head>
 
 
<body>
 
 
<!-- ======================================================
    HEADER
====================================================== -->
 
<header class="site-header">
 
    <div class="container header-inner">
 
        <a href="#" class="logo" aria-label="مکانیکی جلوبندی و هیدرولیک فرمان محمد">
 
            <span class="logo-icon">🔧</span>
 
            <span>
                مکانیکی و <strong>هیدرولیک محمد</strong>
            </span>
 
        </a>
 
        <nav class="desktop-nav" aria-label="منوی اصلی">
 
            <a href="#services">خدمات</a>
            <a href="#about">درباره ما</a>
            <a href="#special">تخصص‌ها</a>
            <a href="#blog">مقالات</a>
            <a href="#contact">تماس با ما</a>
 
        </nav>
 
        <a href="tel:09123456789" class="mobile-call">
            تماس فوری
        </a>
 
    </div>
 
</header>
 
 
<!-- ======================================================
    HERO
====================================================== -->
 
<main>
 
<section class="hero">
 
    <div class="container">
 
        <div class="hero-content">
 
            <span class="hero-badge">
                تعمیرات تخصصی خودرو
            </span>
 
            <h1>
                مکانیکی، جلوبندی و
                <strong>هیدرولیک فرمان محمد</strong>
            </h1>
 
            <p>
                ارائه خدمات تخصصی مکانیکی خودرو، تعمیر موتور،
                تعمیر گیربکس، جلوبندی سازی و تعمیر هیدرولیک فرمان
                با دقت، تجربه و استفاده از تجهیزات مناسب.
            </p>
 
            <div class="hero-buttons">
 
                <a href="tel:09123456789"
                  class="btn btn-primary">
                    📞 تماس برای تعمیر خودرو
                </a>
 
                <a href="#services"
                  class="btn btn-secondary">
                    مشاهده خدمات
                </a>
 
            </div>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- ======================================================
    QUICK SERVICES
====================================================== -->
 
<section class="quick-services"
        aria-label="خدمات اصلی تعمیرگاه">
 
    <div class="container">
 
        <div class="quick-grid">
 
            <div class="quick-item">
                <div class="quick-icon">🔧</div>
                <strong>مکانیکی خودرو</strong>
                <span>عیب‌یابی و تعمیر</span>
            </div>
 
            <div class="quick-item">
                <div class="quick-icon">⚙️</div>
                <strong>تعمیر گیربکس</strong>
                <span>بررسی تخصصی</span>
            </div>
 
            <div class="quick-item">
                <div class="quick-icon">🚗</div>
                <strong>جلوبندی سازی</strong>
                <span>رفع مشکلات جلوبندی</span>
            </div>
 
            <div class="quick-item">
                <div class="quick-icon">⭕</div>
                <strong>هیدرولیک فرمان</strong>
                <span>تعمیر سیستم فرمان</span>
            </div>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- ======================================================
    SERVICES
====================================================== -->
 
<section class="services"
        id="services"
        aria-labelledby="services-title">
 
    <div class="container">
 
        <div class="section-title">
 
            <span>خدمات تعمیرگاه</span>
 
            <h2 id="services-title">
                خدمات مکانیکی و تعمیر خودرو
            </h2>
 
            <p>
                مجموعه‌ای از خدمات تخصصی برای عیب‌یابی،
                تعمیر و سرویس خودرو
            </p>
 
        </div>
 
 
        <div class="services-grid">
 
            <article class="service-card">
 
                <div class="service-icon">🔧</div>
 
                <h3>تعمیر موتور خودرو</h3>
 
                <p>
                    عیب‌یابی و تعمیر موتور خودرو،
                    رفع مشکلات فنی و سرویس بخش‌های مختلف موتور.
                </p>
 
            </article>
 
 
            <article class="service-card">
 
                <div class="service-icon">⚙️</div>
 
                <h3>تعمیر گیربکس</h3>
 
                <p>
                    بررسی و تعمیر مشکلات گیربکس،
                    رفع صدا، لرزش و ایرادات عملکردی خودرو.
                </p>
 
            </article>
 
 
            <article class="service-card">
 
                <div class="service-icon">🚘</div>
 
                <h3>جلوبندی سازی</h3>
 
                <p>
                    تعمیر و تعویض قطعات جلوبندی،
                    رفع لرزش، صدا و ناهماهنگی خودرو.
                </p>
 
            </article>
 
 
            <article class="service-card">
 
                <div class="service-icon">🔩</div>
 
                <h3>تعمیر هیدرولیک فرمان</h3>
 
                <p>
                    بررسی و تعمیر سیستم هیدرولیک فرمان،
                    رفع نشتی روغن و مشکلات فرمان خودرو.
                </p>
 
            </article>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- ======================================================
    ABOUT
====================================================== -->
 
<section class="about"
        id="about"
        aria-labelledby="about-title">
 
    <div class="container about-grid">
 
        <div class="about-image"
            role="img"
            aria-label="تعمیر خودرو و خدمات مکانیکی">
        </div>
 
 
        <div class="about-content">
 
            <span>درباره تعمیرگاه</span>
 
            <h2 id="about-title">
                مکانیکی، جلوبندی و هیدرولیک فرمان محمد
            </h2>
 
            <p>
                هدف ما ارائه خدمات دقیق و اصولی در زمینه
                تعمیرات مکانیکی خودرو، جلوبندی سازی و
                هیدرولیک فرمان است.
            </p>
 
            <p>
                قبل از انجام تعمیرات، مشکل خودرو بررسی و
                علت خرابی مشخص می‌شود تا خدمات مورد نیاز
                با دقت بیشتری انجام شود.
            </p>
 
            <ul class="about-list">
 
                <li>عیب‌یابی و بررسی دقیق خودرو</li>
                <li>تعمیر تخصصی جلوبندی</li>
                <li>تعمیر هیدرولیک فرمان</li>
                <li>خدمات مکانیکی خودرو</li>
                <li>ارائه مشاوره پیش از تعمیر</li>
 
            </ul>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- ======================================================
    SPECIAL SERVICES
====================================================== -->
 
<section class="special-services"
        id="special"
        aria-labelledby="special-title">
 
    <div class="container">
 
        <div class="section-title">
 
            <span>تخصص‌های مجموعه</span>
 
            <h2 id="special-title">
                تعمیرات تخصصی خودرو
            </h2>
 
        </div>
 
 
        <div class="special-grid">
 
            <article class="special-card">
 
                <h3>
                    تعمیر پمپ هیدرولیک فرمان
                </h3>
 
                <p>
                    بررسی نشتی، صدا و عملکرد نامناسب
                    پمپ هیدرولیک فرمان خودرو.
                </p>
 
            </article>
 
 
            <article class="special-card">
 
                <h3>
                    تعمیر جلوبندی خودرو
                </h3>
 
                <p>
                    بررسی سیستم تعلیق، فرمان و قطعات
                    مختلف جلوبندی خودرو.
                </p>
 
            </article>
 
 
            <article class="special-card">
 
                <h3>
                    تعمیر سیستم فرمان
                </h3>
 
                <p>
                    عیب‌یابی مشکلات فرمان و بررسی
                    عملکرد سیستم هیدرولیک.
                </p>
 
            </article>
 
 
            <article class="special-card">
 
                <h3>
                    تعمیرات مکانیکی
                </h3>
 
                <p>
                    انجام خدمات مکانیکی و رفع ایرادات
                    فنی خودرو با بررسی اصولی.
                </p>
 
            </article>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- ======================================================
    WHY US
====================================================== -->
 
<section aria-labelledby="why-title">
 
    <div class="container">
 
        <div class="section-title">
 
            <span>انتخاب مطمئن</span>
 
            <h2 id="why-title">
                چرا مکانیکی محمد؟
            </h2>
 
        </div>
 
 
        <div class="features-grid">
 
            <div class="feature">
 
                <div class="feature-icon">✓</div>
 
                <div>
                    <h3>عیب‌یابی دقیق</h3>
                    <p>
                        بررسی مشکل خودرو قبل از تعمیر.
                    </p>
                </div>
 
            </div>
 
 
            <div class="feature">
 
                <div class="feature-icon">🔧</div>
 
                <div>
                    <h3>تخصص در تعمیرات</h3>
                    <p>
                        تمرکز بر مکانیکی، جلوبندی و هیدرولیک.
                    </p>
                </div>
 
            </div>
 
 
            <div class="feature">
 
                <div class="feature-icon">⏱</div>
 
                <div>
                    <h3>صرفه‌جویی در زمان</h3>
                    <p>
                        بررسی سریع‌تر مشکل و ارائه راهکار.
                    </p>
                </div>
 
            </div>
 
 
            <div class="feature">
 
                <div class="feature-icon">⭐</div>
 
                <div>
                    <h3>خدمات مشتری‌محور</h3>
                    <p>
                        توضیح مشکل و خدمات مورد نیاز به مشتری.
                    </p>
                </div>
 
            </div>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- ======================================================
    CTA
====================================================== -->
 
<section class="cta">
 
    <div class="container">
 
        <div class="cta-box">
 
            <h2>
                خودرو مشکل فنی دارد؟
            </h2>
 
            <p>
                برای بررسی مشکل خودرو و دریافت مشاوره
                با مکانیکی، جلوبندی و هیدرولیک فرمان محمد تماس بگیرید.
            </p>
 
            <div class="cta-buttons">
 
                <a href="tel:09123456789"
                  class="btn btn-secondary">
                    📞 تماس مستقیم
                </a>
 
                <a href="#contact"
                  class="btn"
                  style="background:#fff;color:#222;">
                    اطلاعات تماس
                </a>
 
            </div>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- ======================================================
    BLOG
====================================================== -->
 
<section class="blog"
        id="blog"
        aria-labelledby="blog-title">
 
    <div class="container">
 
        <div class="section-title">
 
            <span>راهنمای خودرو</span>
 
            <h2 id="blog-title">
                مقالات و نکات فنی خودرو
            </h2>
 
        </div>
 
 
        <div class="blog-grid">
 
 
            <article class="blog-card">
 
                <div class="blog-image"
                    role="img"
                    aria-label="جلوبندی خودرو">
                </div>
 
                <div class="blog-content">
 
                    <span>جلوبندی خودرو</span>
 
                    <h3>
                        نشانه‌های خرابی جلوبندی خودرو چیست؟
                    </h3>
 
                    <p>
                        با مهم‌ترین علائم خرابی قطعات
                        جلوبندی خودرو آشنا شوید.
                    </p>
 
                </div>
 
            </article>
 
 
            <article class="blog-card">
 
                <div class="blog-image"
                    role="img"
                    aria-label="هیدرولیک فرمان خودرو">
                </div>
 
                <div class="blog-content">
 
                    <span>هیدرولیک فرمان</span>
 
                    <h3>
                        علت سفت شدن فرمان هیدرولیک چیست؟
                    </h3>
 
                    <p>
                        بررسی دلایل رایج سفت شدن فرمان
                        و مشکلات سیستم هیدرولیک.
                    </p>
 
                </div>
 
            </article>
 
 
            <article class="blog-card">
 
                <div class="blog-image"
                    role="img"
                    aria-label="تعمیر موتور خودرو">
                </div>
 
                <div class="blog-content">
 
                    <span>مکانیکی خودرو</span>
 
                    <h3>
                        چه زمانی خودرو به تعمیر موتور نیاز دارد؟
                    </h3>
 
                    <p>
                        علائم مهمی که می‌توانند نشان‌دهنده
                        وجود مشکل در موتور خودرو باشند.
                    </p>
 
                </div>
 
            </article>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- ======================================================
    CONTACT
====================================================== -->
 
<section class="contact"
        id="contact"
        aria-labelledby="contact-title">
 
    <div class="container">
 
        <div class="section-title">
 
            <span>ارتباط با ما</span>
 
            <h2 id="contact-title">
                تماس با مکانیکی محمد
            </h2>
 
        </div>
 
 
        <div class="contact-grid">
 
 
            <div class="contact-card">
 
                <h3>
                    اطلاعات تماس
                </h3>
 
                <div class="contact-item">
 
                    <span class="contact-icon">📞</span>
 
                    <a href="tel:09123456789">
                        0912 345 6789
                    </a>
 
                </div>
 
 
                <div class="contact-item">
 
                    <span class="contact-icon">📍</span>
 
                    <span>
                        آدرس تعمیرگاه را اینجا وارد کنید
                    </span>
 
                </div>
 
 
                <div class="contact-item">
 
                    <span class="contact-icon">🕐</span>
 
                    <span>
                        ساعات کاری: شنبه تا پنجشنبه
                    </span>
 
                </div>
 
            </div>
 
 
            <div class="contact-card">
 
                <h3>
                    خدمات قابل ارائه
                </h3>
 
                <div class="contact-item">
                    🔧 تعمیرات مکانیکی
                </div>
 
                <div class="contact-item">
                    🚗 جلوبندی سازی
                </div>
 
                <div class="contact-item">
                    ⚙️ تعمیر هیدرولیک فرمان
                </div>
 
                <div class="contact-item">
                    🔩 تعمیر موتور و گیربکس
                </div>
 
            </div>
 
        </div>
 
    </div>
 
</section>
 
</main>
 
 
<!-- ======================================================
    FOOTER
====================================================== -->
 
<footer>
 
    <div class="container">
 
        <div class="footer-grid">
 
 
            <div class="footer-col">
 
                <h3>
                    مکانیکی، جلوبندی و هیدرولیک فرمان محمد
                </h3>
 
                <p>
                    ارائه خدمات تخصصی مکانیکی خودرو،
                    جلوبندی سازی و تعمیر هیدرولیک فرمان.
                </p>
 
            </div>
 
 
            <div class="footer-col">
 
                <h3>خدمات</h3>
 
                <ul>
                    <li><a href="#services">تعمیر موتور</a></li>
                    <li><a href="#services">تعمیر گیربکس</a></li>
                    <li><a href="#services">جلوبندی سازی</a></li>
                    <li><a href="#special">هیدرولیک فرمان</a></li>
                </ul>
 
            </div>
 
 
            <div class="footer-col">
 
                <h3>دسترسی سریع</h3>
 
                <ul>
                    <li><a href="#about">درباره ما</a></li>
                    <li><a href="#services">خدمات</a></li>
                    <li><a href="#blog">مقالات</a></li>
                    <li><a href="#contact">تماس با ما</a></li>
                </ul>
 
            </div>
 
 
            <div class="footer-col">
 
                <h3>تماس</h3>
 
                <ul>
                    <li>
                        <a href="tel:09123456789">
                            0912 345 6789
                        </a>
                    </li>
 
                    <li>
                        آدرس تعمیرگاه
                    </li>
                </ul>
 
            </div>
 
        </div>
 
 
        <div class="footer-bottom">
 
            © تمامی حقوق برای مکانیکی، جلوبندی و
            هیدرولیک فرمان محمد محفوظ است.
 
        </div>
 
    </div>
 
</footer>
 
 
<!-- ======================================================
    MOBILE BOTTOM NAV
====================================================== -->
 
<nav class="mobile-bottom-nav"
    aria-label="دسترسی سریع موبایل">
 
    <a href="tel:09123456789">
 
        <span class="nav-icon">📞</span>
 
        <span>تماس</span>
 
    </a>
 
 
    <a href="#services">
 
        <span class="nav-icon">🔧</span>
 
        <span>خدمات</span>
 
    </a>
 
 
    <a href="#contact">
 
        <span class="nav-icon">📍</span>
 
        <span>مسیریابی</span>
 
    </a>
 
</nav>
 
 
</body>
</html>
</html>
{{کانتبنر 6 ضلعی/مکانیکی محمد}}
{{محصولات مربعی/مکانیکی محمد}}
{{کارت دوره/مکانیکی محمد}}

نسخهٔ ‏۲۲ اوت ۲۰۲۶، ساعت ۰۸:۱۲

مکانیکی، جلوبندی و هیدرولیک فرمان محمد | تعمیر تخصصی خودرو

تعمیرات تخصصی خودرو

مکانیکی، جلوبندی و هیدرولیک فرمان محمد

ارائه خدمات تخصصی مکانیکی خودرو، تعمیر موتور، تعمیر گیربکس، جلوبندی سازی و تعمیر هیدرولیک فرمان با دقت، تجربه و استفاده از تجهیزات مناسب.

🔧
مکانیکی خودرو عیب‌یابی و تعمیر
⚙️
تعمیر گیربکس بررسی تخصصی
🚗
جلوبندی سازی رفع مشکلات جلوبندی
هیدرولیک فرمان تعمیر سیستم فرمان
خدمات تعمیرگاه

خدمات مکانیکی و تعمیر خودرو

مجموعه‌ای از خدمات تخصصی برای عیب‌یابی، تعمیر و سرویس خودرو

🔧

تعمیر موتور خودرو

عیب‌یابی و تعمیر موتور خودرو، رفع مشکلات فنی و سرویس بخش‌های مختلف موتور.

⚙️

تعمیر گیربکس

بررسی و تعمیر مشکلات گیربکس، رفع صدا، لرزش و ایرادات عملکردی خودرو.

🚘

جلوبندی سازی

تعمیر و تعویض قطعات جلوبندی، رفع لرزش، صدا و ناهماهنگی خودرو.

🔩

تعمیر هیدرولیک فرمان

بررسی و تعمیر سیستم هیدرولیک فرمان، رفع نشتی روغن و مشکلات فرمان خودرو.

درباره تعمیرگاه

مکانیکی، جلوبندی و هیدرولیک فرمان محمد

هدف ما ارائه خدمات دقیق و اصولی در زمینه تعمیرات مکانیکی خودرو، جلوبندی سازی و هیدرولیک فرمان است.

قبل از انجام تعمیرات، مشکل خودرو بررسی و علت خرابی مشخص می‌شود تا خدمات مورد نیاز با دقت بیشتری انجام شود.

  • عیب‌یابی و بررسی دقیق خودرو
  • تعمیر تخصصی جلوبندی
  • تعمیر هیدرولیک فرمان
  • خدمات مکانیکی خودرو
  • ارائه مشاوره پیش از تعمیر
تخصص‌های مجموعه

تعمیرات تخصصی خودرو

تعمیر پمپ هیدرولیک فرمان

بررسی نشتی، صدا و عملکرد نامناسب پمپ هیدرولیک فرمان خودرو.

تعمیر جلوبندی خودرو

بررسی سیستم تعلیق، فرمان و قطعات مختلف جلوبندی خودرو.

تعمیر سیستم فرمان

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

تعمیرات مکانیکی

انجام خدمات مکانیکی و رفع ایرادات فنی خودرو با بررسی اصولی.

انتخاب مطمئن

چرا مکانیکی محمد؟

عیب‌یابی دقیق

بررسی مشکل خودرو قبل از تعمیر.

🔧

تخصص در تعمیرات

تمرکز بر مکانیکی، جلوبندی و هیدرولیک.

صرفه‌جویی در زمان

بررسی سریع‌تر مشکل و ارائه راهکار.

خدمات مشتری‌محور

توضیح مشکل و خدمات مورد نیاز به مشتری.

خودرو مشکل فنی دارد؟

برای بررسی مشکل خودرو و دریافت مشاوره با مکانیکی، جلوبندی و هیدرولیک فرمان محمد تماس بگیرید.

راهنمای خودرو

مقالات و نکات فنی خودرو

جلوبندی خودرو

نشانه‌های خرابی جلوبندی خودرو چیست؟

با مهم‌ترین علائم خرابی قطعات جلوبندی خودرو آشنا شوید.

هیدرولیک فرمان

علت سفت شدن فرمان هیدرولیک چیست؟

بررسی دلایل رایج سفت شدن فرمان و مشکلات سیستم هیدرولیک.

مکانیکی خودرو

چه زمانی خودرو به تعمیر موتور نیاز دارد؟

علائم مهمی که می‌توانند نشان‌دهنده وجود مشکل در موتور خودرو باشند.

ارتباط با ما

تماس با مکانیکی محمد

اطلاعات تماس

📍 آدرس تعمیرگاه را اینجا وارد کنید
🕐 ساعات کاری: شنبه تا پنجشنبه

خدمات قابل ارائه

🔧 تعمیرات مکانیکی
🚗 جلوبندی سازی
⚙️ تعمیر هیدرولیک فرمان
🔩 تعمیر موتور و گیربکس