چاپ و تبلیغات برادران نعمتی - فراغیب

{{منوی اصلی/نعمتی}}

<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>خدمات چاپ و تبلیغات نعمتی</title>

    <style>

    /* ==================================================
       RESET
    ================================================== */
    *,
    *::before,
    *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    html {
        scroll-behavior: smooth;
        overflow-x: hidden;
    }

    body {
        font-family: Tahoma, Arial, sans-serif;
        line-height: 1.8;
        color: #333;
        background: #fff;
        overflow-x: hidden;
    }

    img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    h1,
    h2,
    h3,
    p {
        overflow-wrap: break-word;
    }

    /* ==================================================
       MEDIAWIKI FULL WIDTH
    ================================================== */
    #mw-panel,
    #column-one {
        display: none !important;
    }

    #content,
    .mw-body {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
    }

    #bodyContent {
        width: 100% !important;
        max-width: none !important;
    }

    .mw-body-content {
        max-width: none !important;
        width: 100% !important;
    }

    /* ==================================================
       PARALLAX / HERO
    ================================================== */
    .parallax {
        width: 100%;
        min-height: clamp(280px, 38vw, 450px);

        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        color: #fff;
        text-align: center;

        position: relative;
        overflow: hidden;

        padding: clamp(30px, 5vw, 70px) 20px;
    }

    .parallax::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1;
    }

    .parallax > * {
        position: relative;
        z-index: 2;
        max-width: 100%;
    }

    .parallax h1 {
        font-size: clamp(25px, 4vw, 44px) !important;
        line-height: 1.5;
        margin-bottom: clamp(8px, 2vw, 18px);
    }

    .parallax h2 {
        font-size: clamp(25px, 4vw, 36px) !important;
        line-height: 1.5;
        padding: 0 !important;
        margin-bottom: 12px;
    }

    .parallax p {
        font-size: clamp(15px, 2vw, 22px) !important;
        line-height: 1.9;
        max-width: 900px;
    }

    /* ==================================================
       GENERAL CONTAINER
    ================================================== */
    .container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;

        padding: clamp(40px, 6vw, 70px)
                 clamp(15px, 4vw, 30px);

        text-align: center;
    }

    /* ==================================================
       SECTION TITLE
    ================================================== */
    .section-title {
        position: relative;

        font-size: clamp(22px, 3vw, 32px);
        line-height: 1.5;

        margin-bottom: clamp(25px, 4vw, 40px);
        padding-bottom: clamp(22px, 3vw, 35px);
    }

    .section-title::after {
        content: "";

        position: absolute;
        bottom: 0;
        left: 50%;

        width: clamp(40px, 5vw, 55px);
        height: 3px;

        background: #c19a6b;

        transform: translateX(-50%);
    }

    /* ==================================================
       PRODUCT CIRCLE GRID
    ================================================== */
    .product-circle-grid {
        width: 100%;

        display: grid;

        grid-template-columns:
            repeat(auto-fit, minmax(min(150px, 100%), 1fr));

        gap: clamp(20px, 3vw, 35px);

        justify-items: center;
        align-items: start;
    }

    .product-circle-item {
        width: 100%;
        max-width: 180px;
        text-align: center;
    }

    .product-circle-item img {
        width: clamp(110px, 13vw, 150px);
        height: clamp(110px, 13vw, 150px);

        margin: 0 auto;

        border-radius: 50%;
        object-fit: cover;

        border: 4px solid #f4f4f4;

        box-shadow:
            0 4px 10px rgba(0,0,0,0.1);
    }

    .product-circle-item p {
        margin-top: 12px;
        font-size: clamp(14px, 1.5vw, 17px);
        font-weight: bold;
        line-height: 1.7;
    }

    /* ==================================================
       BEST SELLERS GRID
    ================================================== */
    .best-sellers-grid {
        width: 100%;

        display: grid;

        grid-template-columns:
            repeat(auto-fit, minmax(min(280px, 100%), 1fr));

        gap: clamp(18px, 2.5vw, 30px);

        margin-top: 25px;
    }

    /* ==================================================
       BEST SELLER CARD
    ================================================== */
    .best-seller-card {
        width: 100%;
        min-width: 0;

        border: 1px solid #eee;
        background: #fff;

        padding: clamp(10px, 2vw, 15px);

        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease;
    }

    .best-seller-card:hover {
        transform: translateY(-5px);

        box-shadow:
            0 10px 20px rgba(0,0,0,0.1);
    }

    .best-seller-card img {
        width: 100%;

        height: clamp(230px, 30vw, 350px);

        object-fit: cover;
        border-radius: 2px;
    }

    .product-code {
        color: #c19a6b;
        font-weight: bold;

        display: block;

        margin: 10px 0;

        font-size: clamp(13px, 1.5vw, 16px);
    }

    .best-seller-card p {
        font-size: clamp(14px, 1.6vw, 17px);
        line-height: 1.8;
        min-height: 50px;
    }

    /* ==================================================
       INFO ROW
    ================================================== */
    .info-row {
        width: 100%;

        display: flex;
        align-items: center;

        flex-wrap: wrap;

        gap: clamp(25px, 5vw, 60px);

        text-align: right;
    }

    .info-text,
    .info-image {
        flex: 1 1 400px;
        min-width: 0;
    }

    .info-text p {
        font-size: clamp(15px, 1.7vw, 18px);
        line-height: 2.1;
    }

    .info-image {
        display: flex;
        justify-content: center;
    }

    .info-image img {
        width: 100%;
        max-width: 550px;

        height: auto;

        border-radius: 10px;

        object-fit: cover;
    }

    /* ==================================================
       FOOTER
    ================================================== */
    .footer-container {
        width: 100%;

        background: #222;
        color: #fff;

        padding:
            clamp(35px, 5vw, 55px)
            20px;
    }

    .footer-grid {
        width: 100%;
        max-width: 1200px;

        margin: 0 auto;

        display: grid;

        grid-template-columns:
            repeat(auto-fit, minmax(min(250px, 100%), 1fr));

        gap: clamp(25px, 4vw, 45px);

        text-align: right;
    }

    .footer-column h3 {
        color: #c19a6b;

        font-size: clamp(18px, 2vw, 22px);

        margin-bottom: 12px;
    }

    .footer-column p {
        color: #bbb;

        font-size: clamp(13px, 1.5vw, 15px);

        line-height: 1.9;
    }

    /* ==================================================
       MAP
    ================================================== */
    .map-section {
        width: 100%;
        height: clamp(280px, 35vw, 400px);

        background: #eee;

        border-top: 2px solid #c19a6b;
    }

    .map-placeholder {
        width: 100%;
        height: 100%;

        display: flex;
        align-items: center;
        justify-content: center;

        background: #e0e0e0;

        color: #666;

        font-size: clamp(14px, 1.5vw, 17px);

        text-align: center;
        padding: 20px;
    }

    /* ==================================================
       WHATSAPP
    ================================================== */
    .whatsapp-btn {
        position: fixed;

        bottom: clamp(15px, 3vw, 30px);
        left: clamp(15px, 3vw, 30px);

        width: clamp(50px, 6vw, 60px);
        height: clamp(50px, 6vw, 60px);

        background: #25d366;

        border-radius: 50%;

        display: flex;
        align-items: center;
        justify-content: center;

        box-shadow:
            0 4px 15px rgba(0,0,0,0.3);

        z-index: 1000;

        transition: transform 0.3s ease;
    }

    .whatsapp-btn:hover {
        transform: scale(1.08);
    }

    .whatsapp-btn img {
        width: clamp(28px, 4vw, 35px);
        height: auto;
    }

    /* ==================================================
       TABLET
    ================================================== */
    @media (min-width: 769px) and (max-width: 1024px) {

        .parallax {
            min-height: 360px;
            background-attachment: scroll;
        }

        .best-sellers-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .info-row {
            gap: 30px;
        }

        .info-text,
        .info-image {
            flex: 1 1 45%;
        }
    }

    /* ==================================================
       MOBILE
    ================================================== */
    @media (max-width: 768px) {

        body {
            font-size: 14px;
        }

        .parallax {
            min-height: 280px;

            background-attachment: scroll;
            background-size: cover;

            padding:
                35px
                18px;
        }

        .parallax h1 {
            font-size: 26px !important;
        }

        .parallax h2 {
            font-size: 25px !important;
        }

        .parallax p {
            font-size: 15px !important;
        }

        .container {
            padding:
                40px
                15px;
        }

        .section-title {
            font-size: 23px;
            margin-bottom: 30px;
            padding-bottom: 25px;
        }

        .product-circle-grid {
            grid-template-columns:
                repeat(2, minmax(0, 1fr));

            gap: 25px 15px;
        }

        .product-circle-item {
            max-width: 150px;
            justify-self: center;
        }

        .product-circle-item img {
            width: 115px;
            height: 115px;
        }

        .best-sellers-grid {
            grid-template-columns: 1fr;
            gap: 20px;
        }

        .best-seller-card img {
            height: auto;
            aspect-ratio: 1 / 1;
            object-fit: cover;
        }

        .best-seller-card p {
            font-size: 14px;
            min-height: auto;
        }

        .info-row {
            flex-direction: column !important;

            gap: 25px;

            text-align: center;
        }

        .info-text,
        .info-image {
            width: 100%;
            flex: 1 1 100%;
        }

        .info-text {
            text-align: center !important;
        }

        .info-text .section-title {
            text-align: center !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .info-text p {
            font-size: 15px;
            line-height: 2;
        }

        .info-image img {
            width: 100%;
            max-width: 100%;
        }

        .footer-grid {
            grid-template-columns: 1fr;
        }

        .map-section {
            height: 300px;
        }
    }

    /* ==================================================
       SMALL MOBILE
    ================================================== */
    @media (max-width: 480px) {

        .parallax {
            min-height: 250px;
            padding: 30px 15px;
        }

        .parallax h1 {
            font-size: 23px !important;
        }

        .parallax h2 {
            font-size: 22px !important;
        }

        .parallax p {
            font-size: 14px !important;
        }

        .container {
            padding:
                35px
                12px;
        }

        .section-title {
            font-size: 21px;
        }

        .product-circle-grid {
            gap: 22px 10px;
        }

        .product-circle-item img {
            width: 105px;
            height: 105px;
        }

        .product-circle-item p {
            font-size: 13px;
        }

        .best-seller-card {
            padding: 10px;
        }

        .best-seller-card img {
            aspect-ratio: 1 / 1;
        }

        .product-code {
            font-size: 12px;
        }

        .best-seller-card p {
            font-size: 13px;
        }

        .info-text p {
            font-size: 14px;
        }

        .map-section {
            height: 260px;
        }
    }

    /* ==================================================
       VERY SMALL DEVICES
    ================================================== */
    @media (max-width: 360px) {

        .parallax {
            min-height: 230px;
        }

        .parallax h1 {
            font-size: 21px !important;
        }

        .parallax h2 {
            font-size: 20px !important;
        }

        .parallax p {
            font-size: 13px !important;
        }

        .product-circle-item img {
            width: 95px;
            height: 95px;
        }

        .container {
            padding-left: 10px;
            padding-right: 10px;
        }
    }

    </style>
</head>

<body>

    <!-- 1. Hero Section (Typing Image) -->
    <div class="parallax"
         style="background-image: url('https://dl.faraghaib.ir/m/260005/26000505.jpg');">

        <h1 style="color: #fff;">
            چاپ و تبلیغات نعمتی
        </h1>

        <p>
            کیفیت ماندگار، چاپ حرفه‌ای و تبلیغات مؤثر برای رشد کسب‌وکار شما
        </p>

    </div>


    <h2 class="section-title"
        style="text-align:center; padding-bottom:40px; margin-top:30px;">
        محصولات
    </h2>

</html>

{{کانتینر نامنظم/نعمتی}}

{{محصولات مربعی}}


<html>

    <!-- 3. Parallax: Azadi Tower (Shipping) -->
    <div class="parallax"
         style="background-image: url('https://dl.faraghaib.ir/m/260005/26000530.png');">

        <h2 style="color:#fff;">
            پذیرش سفارش
        </h2>

        <p style="color:#fff;">
            ارسال سریع و ایمن با تضمین سلامت و اجرای بی نقص
        </p>

    </div>


    <!-- 4. Best Sellers Section -->
    <div class="container">

        <h2 class="section-title">
            محصولات پرفروش
        </h2>

        <div class="best-sellers-grid">

            <div class="best-seller-card">

                <img
                    src="https://dl.faraghaib.ir/m/260005/26000521.png"
                    alt="چاپ و تبلیغات نعمتی">

                <span class="product-code">
                    کد محصول: SD 107
                </span>

                <p>
                    چاپ بنر حج
                </p>

            </div>


            <div class="best-seller-card">

                <img
                    src="https://dl.faraghaib.ir/m/260005/26000512.jpg"
                    alt="چاپ و تبلیغات نعمتی">

                <span class="product-code">
                    کد محصول: SD 110
                </span>

                <p>
                    طراحی و چاپ تسلیت
                </p>

            </div>


            <div class="best-seller-card">

                <img
                    src="https://dl.faraghaib.ir/m/260005/26000506.png"
                    alt="چاپ و تبلیغات نعمتی">

                <span class="product-code">
                    کد محصول: SD 118
                </span>

                <p>
                    طراحی و چاپ تبریک و خیر مقدم انواع مراسم
                </p>

            </div>


            <div class="best-seller-card">

                <img
                    src="https://dl.faraghaib.ir/m/260005/26000527.png"
                    alt="چاپ و تبلیغات نعمتی">

                <span class="product-code">
                    کد محصول: SD 118
                </span>

                <p>
                    طراحی و چاپ بنر تبریک تولد
                </p>

            </div>

        </div>

    </div>


    <!-- 5. Parallax: Drill (Installation) -->
    <div class="parallax"
         style="background-image: url('https://dl.faraghaib.ir/m/260005/26000529.png');">

        <h2 style="color:#fff;">
            چاپ اختصاصی
        </h2>

        <p style="color:#fff;">
            چاپ سفارشی با کیفیت و دقت در اجرا
        </p>

    </div>


    <!-- 6. Security Section -->
    <div class="container">

        <div class="info-row">

            <div class="info-text">

                <h2 class="section-title"
                    style="text-align:right; margin-right:auto;">
                    کیفیت
                </h2>

                <p>
                    <strong>چاپ و تبلیغات برادران نعمتی</strong>
                    با بهره‌گیری از تجهیزات پیشرفته، متریال باکیفیت و چاپ دقیق،
                    بهترین نتیجه را برای معرفی برند شما ارائه می‌دهد.
                    ما کیفیت ماندگار را در هر سفارش تضمین می‌کنیم.
                </p>

            </div>


            <div class="info-image">

                <img
                    src="https://dl.faraghaib.ir/m/260005/26000526.png"
                    alt="کیفیت">

            </div>

        </div>

    </div>


    <!-- 7. Sound Privacy Section -->
    <div class="container">

        <div class="info-row"
             style="flex-direction:row-reverse;">

            <div class="info-text"
                 style="text-align:left;">

                <h2 class="section-title"
                    style="text-align:left; margin-left:auto;">
                    اعتماد
                </h2>

                <p>
                    اعتماد مشتریان، بزرگ‌ترین سرمایه
                    <strong>چاپ و تبلیغات برادران نعمتی</strong>
                    است. ما با کیفیت چاپ، تحویل به‌موقع و خدمات حرفه‌ای،
                    همراه مطمئن کسب‌وکار شما هستیم.
                </p>

            </div>


            <div class="info-image">

                <img
                    src="https://dl.faraghaib.ir/m/260005/26000519.png"
                    alt="اعتماد">

            </div>

        </div>

    </div>


    <!-- 8. Parallax: Phone (Consultation) -->
    <div class="parallax"
         style="background-image: url('https://dl.faraghaib.ir/m/260005/26000525.png');">

        <h2 style="color:#fff;">
            هویت بصری
        </h2>

        <p style="color:#fff;">
            چاپ تراکت، پوستر و اقلام تبلیغاتی با کیفیت ممتاز
        </p>

    </div>


    <!-- 9. Energy Saving Section -->
    <div class="container">

        <div class="info-row">

            <div class="info-text">

                <h2 class="section-title">
                    ماندگاری
                </h2>

                <p>
                    <strong>چاپ و تبلیغات برادران نعمتی</strong>
                    با استفاده از بهترین متریال و فناوری‌های چاپ،
                    محصولاتی با رنگ‌های زنده و دوام بالا تولید می‌کند
                    تا تبلیغات شما اثربخشی بیشتری داشته باشد.
                </p>

            </div>


            <div class="info-image">

                <img
                    src="https://dl.faraghaib.ir/m/260005/26000533.png"
                    alt="ماندگاری">

            </div>

        </div>

    </div>


</body>

</html>

{{منوی زیر صفحه/نعمتی}}