09383898158 - فراغیب

<html lang="fa" dir="rtl">

<head>

    <meta charset="UTF-8">

    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">

    <meta name="description"
          content="ایران پخش به مدیریت آقای شفیعی؛ پخش و توزیع مواد شوینده، محصولات بهداشتی و مواد خوراکی با هدف تأمین منظم و مطمئن فروشگاه‌ها و مراکز تجاری.">

    <meta name="keywords"
          content="ایران پخش, پخش مواد شوینده, پخش مواد غذایی, پخش خوراکی, پخش محصولات بهداشتی, توزیع مواد شوینده, توزیع مواد غذایی, آقای شفیعی">

    <meta name="robots"
          content="index, follow">

    <meta name="author"
          content="ایران پخش">

    <title>
        ایران پخش | پخش مواد شوینده و خوراکی | مدیریت آقای شفیعی
    </title>


    <style>

        /* =========================================================
           IRANSans
        ========================================================= */

        @font-face {
            font-family: "IRANSans";
            src: url("fonts/IRANSans.woff2") format("woff2");
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "IRANSans";
            src: url("fonts/IRANSans-Bold.woff2") format("woff2");
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }


        /* =========================================================
           ROOT
        ========================================================= */

        :root {

            --primary: #087f5b;
            --primary-dark: #056044;
            --primary-light: #e7f6f0;

            --orange: #f59f00;
            --orange-light: #fff4d6;

            --blue: #1971c2;
            --blue-light: #e8f2fc;

            --red: #e03131;

            --dark: #172b26;
            --text: #33413d;
            --muted: #71807a;

            --white: #ffffff;
            --light: #f7faf9;
            --border: #e2e9e6;

            --shadow:
                0 10px 35px rgba(20, 55, 45, .08);

            --radius: 18px;

            --container: 1200px;
        }


        /* =========================================================
           RESET
        ========================================================= */

        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }


        html {
            scroll-behavior: smooth;
        }


        body {

            margin: 0;

            background:
                linear-gradient(
                    180deg,
                    #ffffff 0%,
                    #f8fbfa 100%
                );

            color: var(--text);

            font-family:
                "IRANSans",
                Arial,
                sans-serif;

            /* قبلاً 15px بود */
            font-size: 17px;

            line-height: 1.9;

            padding-bottom: 72px;
        }


        img {

            display: block;

            max-width: 100%;

            width: 100%;

            height: auto;
        }


        a {

            color: inherit;

            text-decoration: none;
        }


        button,
        input {

            font-family: inherit;
        }


        .container {

            width:
                min(
                    calc(100% - 28px),
                    var(--container)
                );

            margin-inline: auto;
        }


        /* =========================================================
           TOP BAR
        ========================================================= */

        .ip-topbar {

            background: var(--dark);

            color: #ffffff;

            font-size: 14px;
        }


        .ip-topbar__inner {

            min-height: 42px;

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 30px;

            text-align: center;
        }


        .ip-topbar__item {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 7px;
        }


        .ip-topbar__item span:first-child {

            color: #a7d9c7;
        }


        /* =========================================================
           HEADER
        ========================================================= */

        .ip-header {

            background: #ffffff;

            border-bottom:
                1px solid var(--border);

            position: relative;

            z-index: 20;
        }


        .ip-header__inner {

            min-height: 78px;

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 28px;

            flex-wrap: wrap;
        }


        .ip-logo {

            display: flex;

            align-items: center;

            gap: 12px;

            min-width: max-content;
        }


        .ip-logo__mark {

            width: 48px;

            height: 48px;

            border-radius: 14px;

            background:
                linear-gradient(
                    135deg,
                    var(--primary),
                    #13a276
                );

            color: #ffffff;

            display: grid;

            place-items: center;

            font-size: 21px;

            font-weight: 700;
        }


        .ip-logo__text strong {

            display: block;

            color: var(--dark);

            font-size: 21px;

            line-height: 1.4;
        }


        .ip-logo__text small {

            display: block;

            color: var(--muted);

            font-size: 12px;
        }


        .ip-main-nav {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 4px;
        }


        .ip-main-nav a {

            padding: 9px 13px;

            border-radius: 10px;

            color: var(--text);

            font-size: 15px;
        }


        .ip-main-nav a:hover {

            background: var(--primary-light);

            color: var(--primary);
        }


        .ip-header__cta {

            background: var(--primary);

            color: #ffffff;

            padding: 10px 17px;

            border-radius: 11px;

            font-size: 14px;

            white-space: nowrap;
        }


        /* =========================================================
           HERO
        ========================================================= */

        .ip-hero {

            padding: 25px 0 15px;
        }


        .ip-hero__box {

            position: relative;

            overflow: hidden;

            border-radius: 24px;

            background:
                linear-gradient(
                    135deg,
                    #e8f8f2 0%,
                    #f8fffc 55%,
                    #fff4d8 100%
                );

            border:
                1px solid #dcece6;

            min-height: 420px;

            display: flex;

            align-items: center;

            justify-content: center;
        }


        .ip-hero__content {

            width: 100%;

            padding: 40px 28px;

            position: relative;

            z-index: 3;

            text-align: center;

            display: flex;

            flex-direction: column;

            align-items: center;
        }


        .ip-hero__badge {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 7px;

            background: #ffffff;

            color: var(--primary);

            padding: 6px 13px;

            border-radius: 50px;

            font-size: 13px;

            margin-bottom: 15px;

            box-shadow:
                0 5px 20px rgba(0,0,0,.05);
        }


        .ip-hero h1 {

            margin: 0 0 15px;

            color: var(--dark);

            font-size:
                clamp(
                    30px,
                    4vw,
                    45px
                );

            line-height: 1.5;

            font-weight: 700;

            max-width: 760px;
        }


        .ip-hero h1 span {

            color: var(--primary);
        }


        .ip-hero p {

            max-width: 680px;

            margin: 0 auto 24px;

            color: var(--text);

            font-size: 17px;
        }


        .ip-hero__actions {

            display: flex;

            align-items: center;

            justify-content: center;

            flex-wrap: wrap;

            gap: 10px;
        }


        .ip-btn {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            min-height: 46px;

            padding: 8px 19px;

            border-radius: 12px;

            font-size: 15px;
        }


        .ip-btn--primary {

            color: #ffffff;

            background: var(--primary);

            box-shadow:
                0 8px 20px
                rgba(8,127,91,.18);
        }


        .ip-btn--light {

            color: var(--primary);

            background: #ffffff;

            border:
                1px solid #d8e8e1;
        }


        /* =========================================================
           HERO IMAGE
        ========================================================= */

        .ip-hero__visual {

            width: 100%;

            max-width: 470px;

            margin: 25px auto 0;

            position: relative;

            z-index: 2;
        }


        .ip-hero__image-wrap {

            width: 100%;

            border-radius: 22px;

            overflow: hidden;

            background: #ffffff;

            border:
                1px solid #d8e9e2;

            box-shadow: var(--shadow);
        }


        .ip-hero__image {

            width: 100%;

            height: auto;

            aspect-ratio: 16 / 9;

            object-fit: cover;
        }


        .ip-hero__shapes {

            position: absolute;

            inset: 0;

            pointer-events: none;
        }


        .ip-shape {

            position: absolute;

            border-radius: 50%;

            opacity: .55;
        }


        .ip-shape--one {

            width: 250px;

            height: 250px;

            background: #bdebd9;

            left: -90px;

            bottom: -120px;
        }


        .ip-shape--two {

            width: 180px;

            height: 180px;

            background: #ffe3a1;

            right: -30px;

            top: -90px;
        }


        /* =========================================================
           TRUST
        ========================================================= */

        .ip-trust {

            padding: 12px 0 28px;
        }


        .ip-trust__grid {

            display: grid;

            grid-template-columns:
                repeat(2, 1fr);

            gap: 10px;

            max-width: 950px;

            margin-inline: auto;
        }


        .ip-trust__item {

            background: #ffffff;

            border:
                1px solid var(--border);

            border-radius: 15px;

            padding: 15px;

            text-align: center;

            box-shadow:
                0 5px 18px
                rgba(0,0,0,.035);
        }


        .ip-trust__number {

            color: var(--primary);

            font-size: 25px;

            font-weight: 700;

            display: block;
        }


        .ip-trust__item span:last-child {

            color: var(--muted);

            font-size: 14px;
        }


        /* =========================================================
           SECTION
        ========================================================= */

        .ip-section {

            padding: 42px 0;
        }


        .ip-section--light {

            background: var(--light);
        }


        .ip-section__head {

            margin-bottom: 25px;

            text-align: center;
        }


        .ip-section__title {

            margin: 0;

            color: var(--dark);

            font-size: 27px;

            line-height: 1.5;
        }


        .ip-section__title span {

            color: var(--primary);
        }


        .ip-section__desc {

            margin: 5px auto 0;

            color: var(--muted);

            font-size: 15px;

            max-width: 700px;
        }


        /* =========================================================
           CATEGORY
        ========================================================= */

        .ip-category-grid {

            display: grid;

            grid-template-columns:
                repeat(2, 1fr);

            gap: 12px;

            max-width: 1100px;

            margin-inline: auto;
        }


        .ip-category {

            background: #ffffff;

            border:
                1px solid var(--border);

            border-radius: var(--radius);

            padding: 18px;

            position: relative;

            overflow: hidden;

            box-shadow: var(--shadow);

            text-align: center;
        }


        .ip-category__icon {

            width: 55px;

            height: 55px;

            margin: 0 auto 12px;

            border-radius: 15px;

            display: grid;

            place-items: center;

            font-size: 27px;

            background: var(--primary-light);
        }


        .ip-category:nth-child(2)
        .ip-category__icon {

            background: var(--orange-light);
        }


        .ip-category:nth-child(3)
        .ip-category__icon {

            background: var(--blue-light);
        }


        .ip-category:nth-child(4)
        .ip-category__icon {

            background: #fdecec;
        }


        .ip-category h3 {

            margin: 0 0 5px;

            font-size: 18px;

            color: var(--dark);
        }


        .ip-category p {

            margin: 0;

            color: var(--muted);

            font-size: 14px;
        }


        .ip-category__link {

            display: inline-block;

            margin-top: 10px;

            color: var(--primary);

            font-size: 14px;
        }


        /* =========================================================
           PRODUCTS
        ========================================================= */

        .ip-products {

            display: grid;

            grid-template-columns:
                repeat(2, 1fr);

            gap: 14px;

            max-width: 1150px;

            margin-inline: auto;
        }


        .ip-product {

            background: #ffffff;

            border:
                1px solid var(--border);

            border-radius: var(--radius);

            overflow: hidden;

            box-shadow:
                0 7px 25px
                rgba(30,70,60,.055);
        }


        .ip-product__image {

            width: 100%;

            aspect-ratio: 4 / 3;

            background:
                linear-gradient(
                    135deg,
                    #eef8f4,
                    #ffffff
                );

            overflow: hidden;

            display: flex;

            align-items: center;

            justify-content: center;
        }


        .ip-product__image img {

            width: 100%;

            height: 100%;

            object-fit: contain;

            padding: 10px;
        }


        .ip-product__content {

            padding: 14px;

            text-align: center;
        }


        .ip-product__tag {

            display: inline-block;

            background: var(--primary-light);

            color: var(--primary);

            padding: 3px 9px;

            border-radius: 50px;

            font-size: 12px;

            margin-bottom: 7px;
        }


        .ip-product h3 {

            margin: 0 0 4px;

            color: var(--dark);

            font-size: 17px;
        }


        .ip-product p {

            margin: 0;

            color: var(--muted);

            font-size: 13px;

            line-height: 1.8;
        }


        /* =========================================================
           IMAGE BANNER
        ========================================================= */

        .ip-image-banner {

            margin-top: 30px;

            max-width: 1100px;

            margin-inline: auto;

            border-radius: 22px;

            overflow: hidden;

            border:
                1px solid var(--border);

            box-shadow: var(--shadow);
        }


        .ip-image-banner img {

            width: 100%;

            height: auto;

            aspect-ratio: 16 / 6;

            object-fit: cover;
        }


        /* =========================================================
           ADVANTAGES
        ========================================================= */

        .ip-advantages {

            display: grid;

            gap: 12px;

            max-width: 1100px;

            margin-inline: auto;
        }


        .ip-advantage {

            background: #ffffff;

            border:
                1px solid var(--border);

            border-radius: 16px;

            padding: 18px;

            display: flex;

            gap: 13px;

            align-items: flex-start;

            text-align: right;
        }


        .ip-advantage__icon {

            width: 42px;

            height: 42px;

            flex: 0 0 42px;

            border-radius: 12px;

            background: var(--primary-light);

            color: var(--primary);

            display: grid;

            place-items: center;

            font-size: 21px;
        }


        .ip-advantage h3 {

            margin: 0 0 3px;

            color: var(--dark);

            font-size: 17px;
        }


        .ip-advantage p {

            margin: 0;

            color: var(--muted);

            font-size: 14px;
        }


        /* =========================================================
           PROCESS
        ========================================================= */

        .ip-process {

            display: grid;

            gap: 12px;

            max-width: 1100px;

            margin-inline: auto;

            counter-reset: process;
        }


        .ip-process__item {

            position: relative;

            background: #ffffff;

            border:
                1px solid var(--border);

            border-radius: 16px;

            padding: 20px;

            padding-right: 62px;

            text-align: right;
        }


        .ip-process__item::before {

            counter-increment: process;

            content: counter(process);

            position: absolute;

            right: 18px;

            top: 19px;

            width: 32px;

            height: 32px;

            border-radius: 10px;

            display: grid;

            place-items: center;

            background: var(--primary);

            color: #ffffff;

            font-size: 14px;
        }


        .ip-process__item h3 {

            margin: 0 0 4px;

            font-size: 17px;

            color: var(--dark);
        }


        .ip-process__item p {

            margin: 0;

            font-size: 14px;

            color: var(--muted);
        }


        /* =========================================================
           MANAGER
        ========================================================= */

        .ip-manager {

            background:
                linear-gradient(
                    135deg,
                    var(--dark),
                    #24594b
                );

            color: #ffffff;

            border-radius: 24px;

            padding: 30px;

            position: relative;

            overflow: hidden;

            max-width: 1050px;

            margin-inline: auto;

            text-align: center;
        }


        .ip-manager__label {

            color: #a9dbc9;

            font-size: 14px;

            margin-bottom: 5px;

            display: block;
        }


        .ip-manager h2 {

            margin: 0 0 10px;

            font-size: 27px;
        }


        .ip-manager p {

            margin: 0 auto;

            color: #dbece6;

            font-size: 15px;

            max-width: 800px;
        }


        /* =========================================================
           CTA
        ========================================================= */

        .ip-cta {

            padding: 42px 0;
        }


        .ip-cta__box {

            border-radius: 22px;

            background:
                linear-gradient(
                    135deg,
                    #fff3cf,
                    #fffaf0
                );

            border:
                1px solid #f2dfad;

            padding: 30px;

            text-align: center;

            max-width: 1000px;

            margin-inline: auto;
        }


        .ip-cta h2 {

            margin: 0 0 8px;

            color: var(--dark);

            font-size: 26px;
        }


        .ip-cta p {

            margin: 0 auto 18px;

            color: var(--muted);

            font-size: 15px;

            max-width: 700px;
        }


        /* =========================================================
           ARTICLES
        ========================================================= */

        .ip-articles {

            display: grid;

            gap: 12px;

            max-width: 1100px;

            margin-inline: auto;
        }


        .ip-article {

            background: #ffffff;

            border:
                1px solid var(--border);

            border-radius: 16px;

            padding: 18px;

            text-align: center;
        }


        .ip-article__meta {

            color: var(--primary);

            font-size: 12px;

            margin-bottom: 5px;
        }


        .ip-article h3 {

            margin: 0 0 5px;

            color: var(--dark);

            font-size: 17px;
        }


        .ip-article p {

            margin: 0;

            color: var(--muted);

            font-size: 14px;
        }


        /* =========================================================
           FOOTER
        ========================================================= */

        .ip-footer {

            background: var(--dark);

            color: #dce9e5;

            padding: 38px 0 95px;

            text-align: center;
        }


        .ip-footer__grid {

            display: grid;

            gap: 25px;

            max-width: 1000px;

            margin-inline: auto;
        }


        .ip-footer h3 {

            color: #ffffff;

            margin: 0 0 10px;

            font-size: 18px;
        }


        .ip-footer p {

            margin: 0;

            font-size: 14px;

            color: #b6cbc4;
        }


        .ip-footer__links {

            display: grid;

            gap: 6px;
        }


        .ip-footer__links a {

            color: #b6cbc4;

            font-size: 14px;
        }


        .ip-footer__bottom {

            margin-top: 25px;

            padding-top: 15px;

            border-top:
                1px solid
                rgba(255,255,255,.1);

            color: #9bb2aa;

            font-size: 12px;
        }


        /* =========================================================
           MOBILE BOTTOM NAV
        ========================================================= */

        .ip-mobile-nav {

            position: fixed;

            right: 0;

            left: 0;

            bottom: 0;

            height: 65px;

            background:
                rgba(255,255,255,.97);

            border-top:
                1px solid var(--border);

            box-shadow:
                0 -5px 25px
                rgba(0,0,0,.08);

            display: flex;

            align-items: stretch;

            justify-content: space-around;

            z-index: 9999;
        }


        .ip-mobile-nav a {

            flex: 1;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            gap: 1px;

            color: var(--muted);

            font-size: 12px;

            position: relative;
        }


        .ip-mobile-nav a span:first-child {

            font-size: 21px;

            line-height: 1.3;
        }


        .ip-mobile-nav a.active {

            color: var(--primary);
        }


        .ip-mobile-nav a.active::before {

            content: "";

            position: absolute;

            top: 0;

            width: 35px;

            height: 3px;

            border-radius:
                0 0 5px 5px;

            background: var(--primary);
        }


        /* =========================================================
           TABLET
        ========================================================= */

        @media (min-width: 600px) {

            body {
                padding-bottom: 0;
            }


            .ip-trust__grid {

                grid-template-columns:
                    repeat(4, 1fr);
            }


            .ip-category-grid {

                grid-template-columns:
                    repeat(4, 1fr);
            }


            .ip-products {

                grid-template-columns:
                    repeat(3, 1fr);
            }


            .ip-advantages {

                grid-template-columns:
                    repeat(2, 1fr);
            }


            .ip-process {

                grid-template-columns:
                    repeat(2, 1fr);
            }


            .ip-articles {

                grid-template-columns:
                    repeat(3, 1fr);
            }


            .ip-footer__grid {

                grid-template-columns:
                    1.5fr 1fr 1fr;

                text-align: right;
            }

        }


        /* =========================================================
           DESKTOP
        ========================================================= */

        @media (min-width: 900px) {

            body {
                padding-bottom: 0;
            }


            .ip-header__inner {

                justify-content: center;

                min-height: 82px;
            }


            .ip-hero__box {

                min-height: 500px;

                display: grid;

                grid-template-columns:
                    minmax(0, 1fr)
                    minmax(0, 1.15fr);

                align-items: center;

                justify-content: center;

                direction: ltr;
            }


            .ip-hero__content {

                width: auto;

                padding: 55px;

                direction: rtl;

                text-align: center;

                align-items: center;

                order: 2;
            }


            .ip-hero__visual {

                width: min(90%, 470px);

                margin: 0 auto;

                order: 1;

                direction: rtl;
            }


            .ip-hero__image {

                aspect-ratio: 4 / 3;

                object-fit: cover;
            }


            .ip-category-grid {

                grid-template-columns:
                    repeat(4, 1fr);
            }


            .ip-products {

                grid-template-columns:
                    repeat(4, 1fr);
            }


            .ip-advantages {

                grid-template-columns:
                    repeat(4, 1fr);
            }


            .ip-process {

                grid-template-columns:
                    repeat(4, 1fr);
            }


            .ip-articles {

                grid-template-columns:
                    repeat(3, 1fr);
            }


            .ip-footer {

                padding-bottom: 40px;
            }


            .ip-mobile-nav {

                display: none;
            }

        }


        /* =========================================================
           LARGE DESKTOP
        ========================================================= */

        @media (min-width: 1200px) {

            .ip-hero__content {

                padding:
                    60px 70px;
            }


            .ip-section {

                padding: 55px 0;
            }


            .ip-section__title {

                font-size: 29px;
            }

        }


        /* =========================================================
           MOBILE
        ========================================================= */

        @media (max-width: 899px) {

            .ip-topbar,
            .ip-header {

                display: none;
            }


            .ip-hero {

                padding-top: 16px;
            }


            .ip-hero__box {

                min-height: auto;

                padding-bottom: 20px;
            }


            .ip-hero__content {

                padding:
                    30px 18px 10px;
            }


            .ip-hero h1 {

                font-size: 30px;
            }


            .ip-hero p {

                font-size: 16px;
            }


            .ip-hero__visual {

                max-width: 100%;

                padding:
                    0 18px;

                margin-top: 10px;
            }


            .ip-hero__image {

                aspect-ratio: 16 / 9;

                object-fit: cover;
            }


            .ip-section {

                padding: 35px 0;
            }


            .ip-section__title {

                font-size: 24px;
            }


            .ip-section__desc {

                font-size: 14px;
            }


            .ip-category h3 {

                font-size: 17px;
            }


            .ip-category p {

                font-size: 13px;
            }


            .ip-product h3 {

                font-size: 16px;
            }


            .ip-product p {

                font-size: 13px;
            }


            .ip-manager {

                padding: 25px 20px;
            }


            .ip-manager h2 {

                font-size: 23px;
            }


            .ip-manager p {

                font-size: 14px;
            }


            .ip-cta h2 {

                font-size: 22px;
            }


            .ip-cta p {

                font-size: 14px;
            }


            .ip-image-banner img {

                aspect-ratio: 16 / 8;

                object-fit: cover;
            }

        }


        /* =========================================================
           SMALL MOBILE
        ========================================================= */

        @media (max-width: 420px) {

            .container {

                width:
                    min(
                        calc(100% - 20px),
                        var(--container)
                    );
            }


            .ip-hero__box {

                border-radius: 20px;
            }


            .ip-hero h1 {

                font-size: 27px;
            }


            .ip-hero p {

                font-size: 15px;
            }


            .ip-hero__actions {

                width: 100%;

                display: grid;

                grid-template-columns: 1fr;
            }


            .ip-btn {

                width: 100%;

                font-size: 15px;
            }


            .ip-category {

                padding: 14px 10px;
            }


            .ip-category h3 {

                font-size: 15px;
            }


            .ip-category p {

                font-size: 12px;
            }


            .ip-product__content {

                padding: 11px;
            }


            .ip-product h3 {

                font-size: 15px;
            }


            .ip-product p {

                font-size: 12px;
            }


            .ip-trust__number {

                font-size: 23px;
            }


            .ip-trust__item span:last-child {

                font-size: 13px;
            }


            .ip-mobile-nav {

                height: 63px;
            }


            .ip-mobile-nav a {

                font-size: 12px;
            }

        }


        /* =========================================================
           REDUCED MOTION
        ========================================================= */

        @media (prefers-reduced-motion: reduce) {

            html {
                scroll-behavior: auto;
            }

        }

    </style>

</head>


<body>


<!-- =========================================================
     TOP BAR
========================================================= -->

<div class="ip-topbar">

    <div class="container ip-topbar__inner">

        <div class="ip-topbar__item">

            <span>✓</span>

            <span>
                پخش و توزیع مواد شوینده و خوراکی
            </span>

        </div>


        <div class="ip-topbar__item">

            <span>
                مدیریت:
            </span>

            <strong>
                آقای شفیعی
            </strong>

        </div>

    </div>

</div>


<!-- =========================================================
     HEADER
========================================================= -->

<header class="ip-header">

    <div class="container ip-header__inner">


        <a href="#home"
           class="ip-logo"
           aria-label="ایران پخش">

            <span class="ip-logo__mark">
                IP
            </span>

            <span class="ip-logo__text">

                <strong>
                    ایران پخش
                </strong>

                <small>
                    پخش مواد شوینده و خوراکی
                </small>

            </span>

        </a>


        <nav class="ip-main-nav"
             aria-label="منوی اصلی">

            <a href="#home">
                خانه
            </a>

            <a href="#categories">
                دسته‌بندی محصولات
            </a>

            <a href="#products">
                محصولات
            </a>

            <a href="#advantages">
                مزیت‌های همکاری
            </a>

            <a href="#articles">
                مجله
            </a>

        </nav>


        <a href="#contact"
           class="ip-header__cta">

            درخواست همکاری

        </a>

    </div>

</header>


<main id="home">


<!-- =========================================================
     HERO
========================================================= -->

<section class="ip-hero"
         aria-labelledby="hero-title">

    <div class="container">

        <div class="ip-hero__box">


            <div class="ip-hero__shapes"
                 aria-hidden="true">

                <span class="ip-shape ip-shape--one"></span>

                <span class="ip-shape ip-shape--two"></span>

            </div>


            <div class="ip-hero__content">

                <span class="ip-hero__badge">

                    ●

                    شبکه پخش و توزیع ایران پخش

                </span>


                <h1 id="hero-title">

                    تأمین مطمئن
                    <span>
                        مواد شوینده و خوراکی
                    </span>

                    برای کسب‌وکار شما

                </h1>


                <p>

                    ایران پخش با مدیریت آقای شفیعی،
                    در زمینه پخش و توزیع مواد شوینده،
                    محصولات بهداشتی و کالاهای خوراکی
                    فعالیت می‌کند و تلاش دارد فرآیند
                    تأمین کالا را سریع، منظم و مطمئن کند.

                </p>


                <div class="ip-hero__actions">

                    <a href="#products"
                       class="ip-btn ip-btn--primary">

                        مشاهده محصولات

                    </a>


                    <a href="#contact"
                       class="ip-btn ip-btn--light">

                        شروع همکاری

                    </a>

                </div>

            </div>


            <div class="ip-hero__visual">

                <div class="ip-hero__image-wrap">

                    <img
                        class="ip-hero__image"
                        src="https://dl.faraghaib.ir/m/260016-01/260016-01-02.jpg"
                        alt="پخش مواد شوینده و خوراکی ایران پخش"
                        width="800"
                        height="600"
                        loading="eager"
                        fetchpriority="high"
                    >

                </div>

            </div>


        </div>

    </div>

</section>


<!-- =========================================================
     TRUST
========================================================= -->

<section class="ip-trust"
         aria-label="مزیت‌های ایران پخش">

    <div class="container">

        <div class="ip-trust__grid">

            <div class="ip-trust__item">

                <span class="ip-trust__number">
                    ۰۱
                </span>

                <span>
                    تأمین کالا
                </span>

            </div>


            <div class="ip-trust__item">

                <span class="ip-trust__number">
                    ۰۲
                </span>

                <span>
                    پخش منظم
                </span>

            </div>


            <div class="ip-trust__item">

                <span class="ip-trust__number">
                    ۰۳
                </span>

                <span>
                    تنوع محصولات
                </span>

            </div>


            <div class="ip-trust__item">

                <span class="ip-trust__number">
                    ۰۴
                </span>

                <span>
                    همکاری تجاری
                </span>

            </div>

        </div>

    </div>

</section>


<!-- =========================================================
     CATEGORIES
========================================================= -->

<section class="ip-section"
         id="categories"
         aria-labelledby="categories-title">

    <div class="container">

        <div class="ip-section__head">

            <h2 class="ip-section__title"
                id="categories-title">

                دسته‌بندی
                <span>
                    محصولات
                </span>

            </h2>

            <p class="ip-section__desc">

                گروه‌های اصلی کالاهای قابل تأمین
                توسط ایران پخش

            </p>

        </div>


        <div class="ip-category-grid">

            <article class="ip-category">

                <div class="ip-category__icon">
                    🧴
                </div>

                <h3>
                    مواد شوینده
                </h3>

                <p>
                    انواع شوینده‌های خانگی،
                    بهداشتی و مصرفی.
                </p>

                <a href="#products"
                   class="ip-category__link">

                    مشاهده محصولات ←

                </a>

            </article>


            <article class="ip-category">

                <div class="ip-category__icon">
                    🧼
                </div>

                <h3>
                    محصولات بهداشتی
                </h3>

                <p>
                    محصولات مصرفی و بهداشتی
                    مناسب فروشگاه‌ها.
                </p>

                <a href="#products"
                   class="ip-category__link">

                    مشاهده محصولات ←

                </a>

            </article>


            <article class="ip-category">

                <div class="ip-category__icon">
                    🛒
                </div>

                <h3>
                    مواد خوراکی
                </h3>

                <p>
                    کالاهای خوراکی و اقلام
                    پرمصرف روزانه.
                </p>

                <a href="#products"
                   class="ip-category__link">

                    مشاهده محصولات ←

                </a>

            </article>


            <article class="ip-category">

                <div class="ip-category__icon">
                    📦
                </div>

                <h3>
                    کالاهای مصرفی
                </h3>

                <p>
                    محصولات مورد نیاز فروشگاه‌ها
                    و مراکز عرضه.
                </p>

                <a href="#products"
                   class="ip-category__link">

                    مشاهده محصولات ←

                </a>

            </article>

        </div>

    </div>

</section>


<!-- =========================================================
     PRODUCT BANNER
========================================================= -->

<section class="ip-section ip-section--light"
         aria-labelledby="banner-title">

    <div class="container">

        <div class="ip-section__head">

            <h2 class="ip-section__title"
                id="banner-title">

                سبد متنوع
                <span>
                    ایران پخش
                </span>

            </h2>

            <p class="ip-section__desc">

                تأمین گروه‌های مختلف کالا برای
                فروشگاه‌ها و مراکز عرضه

            </p>

        </div>


        <div class="ip-image-banner">

            <img
                src="https://dl.faraghaib.ir/m/260016-01/260016-01-12.jpg"
                alt="سبد محصولات شوینده و خوراکی ایران پخش"
                width="1500"
                height="563"
                loading="lazy"
            >

        </div>

    </div>

</section>


<!-- =========================================================
     PRODUCTS
========================================================= -->

<section class="ip-section"
         id="products"
         aria-labelledby="products-title">

    <div class="container">

        <div class="ip-section__head">

            <h2 class="ip-section__title"
                id="products-title">

                محصولات
                <span>
                    پرمصرف
                </span>

            </h2>

            <p class="ip-section__desc">

                نمونه‌ای از گروه کالاهای قابل ارائه
                در شبکه پخش ایران پخش

            </p>

        </div>


        <div class="ip-products">

            <article class="ip-product">

                <div class="ip-product__image">

                    <img
                        src="https://dl.faraghaib.ir/m/260016-01/260016-01-16.jpeg"
                        alt="مواد شوینده ایران پخش"
                        width="600"
                        height="450"
                        loading="lazy"
                    >

                </div>

                <div class="ip-product__content">

                    <span class="ip-product__tag">
                        شوینده
                    </span>

                    <h3>
                        مواد شوینده
                    </h3>

                    <p>
                        انواع محصولات شوینده
                        مورد نیاز فروشگاه‌ها.
                    </p>

                </div>

            </article>


            <article class="ip-product">

                <div class="ip-product__image">

                    <img
                        src="https://dl.faraghaib.ir/m/260016-01/260016-01-04.jpg"
                        alt="محصولات بهداشتی ایران پخش"
                        width="600"
                        height="450"
                        loading="lazy"
                    >

                </div>

                <div class="ip-product__content">

                    <span class="ip-product__tag">
                        بهداشتی
                    </span>

                    <h3>
                        محصولات بهداشتی
                    </h3>

                    <p>
                        گروهی از محصولات مصرفی
                        و بهداشتی.
                    </p>

                </div>

            </article>


            <article class="ip-product">

                <div class="ip-product__image">

                    <img
                        src="https://dl.faraghaib.ir/m/260016-01/260016-01-18.jpg"
                        alt="مواد خوراکی ایران پخش"
                        width="600"
                        height="450"
                        loading="lazy"
                    >

                </div>

                <div class="ip-product__content">

                    <span class="ip-product__tag">
                        خوراکی
                    </span>

                    <h3>
                        مواد خوراکی
                    </h3>

                    <p>
                        کالاهای خوراکی و تنقلات
                        پرمصرف روزانه.
                    </p>

                </div>

            </article>


            <article class="ip-product">

                <div class="ip-product__image">

                    <img
                        src="https://dl.faraghaib.ir/m/260016-01/260016-01-1.jpg"
                        alt="کالاهای مصرفی ایران پخش"
                        width="600"
                        height="450"
                        loading="lazy"
                    >

                </div>

                <div class="ip-product__content">

                    <span class="ip-product__tag">
                        مصرفی
                    </span>

                    <h3>
                        کالاهای مصرفی
                    </h3>

                    <p>
                        محصولات پرمصرف مناسب
                        فروشگاه‌ها و مراکز عرضه.
                    </p>

                </div>

            </article>

        </div>

    </div>

</section>


<!-- =========================================================
     ADVANTAGES
========================================================= -->

<section class="ip-section ip-section--light"
         id="advantages"
         aria-labelledby="advantages-title">

    <div class="container">

        <div class="ip-section__head">

            <h2 class="ip-section__title"
                id="advantages-title">

                چرا
                <span>
                    ایران پخش؟
                </span>

            </h2>

            <p class="ip-section__desc">

                مزیت‌هایی برای یک همکاری منظم
                و بلندمدت

            </p>

        </div>


        <div class="ip-advantages">

            <article class="ip-advantage">

                <div class="ip-advantage__icon">
                    ✓
                </div>

                <div>

                    <h3>
                        تأمین منظم کالا
                    </h3>

                    <p>
                        ایجاد مسیر منظم برای تأمین
                        محصولات مصرفی.
                    </p>

                </div>

            </article>


            <article class="ip-advantage">

                <div class="ip-advantage__icon">
                    ⏱
                </div>

                <div>

                    <h3>
                        مدیریت سفارش
                    </h3>

                    <p>
                        سامان‌دهی فرآیند سفارش و
                        توزیع کالا.
                    </p>

                </div>

            </article>


            <article class="ip-advantage">

                <div class="ip-advantage__icon">
                    📦
                </div>

                <div>

                    <h3>
                        تنوع گروه کالا
                    </h3>

                    <p>
                        پوشش گروه‌های مختلف شوینده،
                        بهداشتی و خوراکی.
                    </p>

                </div>

            </article>


            <article class="ip-advantage">

                <div class="ip-advantage__icon">
                    🤝
                </div>

                <div>

                    <h3>
                        همکاری بلندمدت
                    </h3>

                    <p>
                        ایجاد ارتباط پایدار با مشتریان
                        و فروشگاه‌ها.
                    </p>

                </div>

            </article>

        </div>

    </div>

</section>


<!-- =========================================================
     PROCESS
========================================================= -->

<section class="ip-section"
         aria-labelledby="process-title">

    <div class="container">

        <div class="ip-section__head">

            <h2 class="ip-section__title"
                id="process-title">

                مسیر
                <span>
                    همکاری
                </span>

            </h2>

            <p class="ip-section__desc">

                شروع همکاری با ایران پخش در چند مرحله ساده

            </p>

        </div>


        <div class="ip-process">

            <article class="ip-process__item">

                <h3>
                    ثبت درخواست
                </h3>

                <p>
                    اطلاعات فروشگاه یا مجموعه خود را
                    ارسال کنید.
                </p>

            </article>


            <article class="ip-process__item">

                <h3>
                    بررسی نیاز
                </h3>

                <p>
                    گروه محصولات مورد نیاز شما
                    بررسی می‌شود.
                </p>

            </article>


            <article class="ip-process__item">

                <h3>
                    ثبت سفارش
                </h3>

                <p>
                    سفارش کالا بر اساس نیاز مجموعه
                    انجام می‌شود.
                </p>

            </article>


            <article class="ip-process__item">

                <h3>
                    توزیع کالا
                </h3>

                <p>
                    کالاها در چارچوب فرآیند پخش
                    توزیع می‌شوند.
                </p>

            </article>

        </div>

    </div>

</section>


<!-- =========================================================
     MANAGER
========================================================= -->

<section class="ip-section"
         aria-labelledby="manager-title">

    <div class="container">

        <div class="ip-manager">

            <span class="ip-manager__label">
                درباره مجموعه
            </span>

            <h2 id="manager-title">
                ایران پخش با مدیریت آقای شفیعی
            </h2>

            <p>

                ایران پخش با تمرکز بر حوزه پخش مواد شوینده،
                محصولات بهداشتی و کالاهای خوراکی فعالیت می‌کند.
                هدف این مجموعه ایجاد یک شبکه پخش منظم و قابل
                اعتماد برای فروشگاه‌ها و مشتریان تجاری است.

            </p>

        </div>

    </div>

</section>


<!-- =========================================================
     CTA
========================================================= -->

<section class="ip-cta"
         id="contact"
         aria-labelledby="cta-title">

    <div class="container">

        <div class="ip-cta__box">

            <h2 id="cta-title">

                برای همکاری با ایران پخش آماده‌اید؟

            </h2>

            <p>

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

            </p>


            <a href="tel:"
               class="ip-btn ip-btn--primary">

                تماس برای همکاری

            </a>

        </div>

    </div>

</section>


<!-- =========================================================
     ARTICLES
========================================================= -->

<section class="ip-section ip-section--light"
         id="articles"
         aria-labelledby="articles-title">

    <div class="container">

        <div class="ip-section__head">

            <h2 class="ip-section__title"
                id="articles-title">

                مجله
                <span>
                    ایران پخش
                </span>

            </h2>

            <p class="ip-section__desc">

                مطالب کاربردی درباره پخش، فروش
                و مدیریت کالاهای مصرفی

            </p>

        </div>


        <div class="ip-articles">

            <article class="ip-article">

                <div class="ip-article__meta">
                    راهنمای فروشگاه‌داران
                </div>

                <h3>
                    چگونه سبد شوینده فروشگاه را مدیریت کنیم؟
                </h3>

                <p>
                    نکاتی برای انتخاب و مدیریت بهتر
                    کالاهای شوینده و مصرفی.
                </p>

            </article>


            <article class="ip-article">

                <div class="ip-article__meta">
                    مدیریت کالا
                </div>

                <h3>
                    اهمیت تنوع محصول در فروشگاه
                </h3>

                <p>
                    نقش تنوع کالا در پاسخ‌گویی بهتر
                    به نیاز مشتریان.
                </p>

            </article>


            <article class="ip-article">

                <div class="ip-article__meta">
                    پخش و توزیع
                </div>

                <h3>
                    انتخاب تأمین‌کننده مناسب برای فروشگاه
                </h3>

                <p>
                    نکات مهم هنگام انتخاب مجموعه
                    پخش برای همکاری.
                </p>

            </article>

        </div>

    </div>

</section>


</main>





<!-- =========================================================
     MOBILE BOTTOM NAV
     دقیقاً 3 گزینه
========================================================= -->

<nav class="ip-mobile-nav"
     aria-label="منوی موبایل">

    <a href="#home"
       class="active">

        <span>⌂</span>

        <span>
            خانه
        </span>

    </a>


    <a href="#products">

        <span>🛒</span>

        <span>
            محصولات
        </span>

    </a>


    <a href="#contact">

        <span>☎</span>

        <span>
            تماس
        </span>

    </a>

</nav>


</body>

</html>