{"id":6,"date":"2026-07-15T08:11:53","date_gmt":"2026-07-15T08:11:53","guid":{"rendered":"https:\/\/petroasp.com\/?page_id=6"},"modified":"2026-07-15T08:15:19","modified_gmt":"2026-07-15T08:15:19","slug":"home","status":"publish","type":"page","link":"https:\/\/petroasp.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n\/* PETRO ASP - PERSIAN LANDING PAGE *\/\n\n.entry-header,\n.entry-title,\n.page-header,\n.site-header,\n.main-navigation,\n.site-footer,\n.wp-block-post-title,\n.wp-block-template-part,\nheader.wp-block-template-part,\nfooter.wp-block-template-part,\n.wp-site-blocks > header,\n.wp-site-blocks > footer {\n    display: none !important;\n}\n\nhtml,\nbody {\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n.site,\n.site-content,\n.content-area,\n.site-main,\n.inside-article,\n.entry-content,\n.wp-site-blocks,\nmain {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\nbody {\n    font-family: Tahoma, Arial, sans-serif;\n    background: #ffffff;\n    color: #17212b;\n}\n\n.petro-page {\n    width: 100%;\n    overflow: hidden;\n    direction: rtl;\n    text-align: right;\n}\n\n.petro-container {\n    max-width: 1180px;\n    margin: 0 auto;\n    padding-left: 30px;\n    padding-right: 30px;\n}\n\n\n\/* HERO *\/\n\n.petro-hero {\n    min-height: 720px;\n    display: flex;\n    align-items: center;\n    position: relative;\n\n    background:\n        radial-gradient(\n            circle at 20% 30%,\n            rgba(32, 111, 142, 0.25),\n            transparent 35%\n        ),\n        radial-gradient(\n            circle at 90% 80%,\n            rgba(18, 80, 107, 0.20),\n            transparent 35%\n        ),\n        linear-gradient(\n            135deg,\n            #04131d 0%,\n            #071f2c 50%,\n            #092d3c 100%\n        );\n\n    color: #ffffff;\n}\n\n.petro-hero::after {\n    content: \"\";\n    position: absolute;\n    left: -150px;\n    top: -150px;\n    width: 550px;\n    height: 550px;\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 50%;\n}\n\n.petro-hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 850px;\n}\n\n.petro-eyebrow {\n    font-size: 14px;\n    color: #7ec6df;\n    margin-bottom: 25px;\n    letter-spacing: 2px;\n}\n\n.petro-hero h1 {\n    font-size: clamp(50px, 7vw, 88px);\n    line-height: 1.15;\n    margin: 0 0 30px;\n    font-weight: 700;\n}\n\n.petro-hero h2 {\n    font-size: clamp(24px, 3vw, 36px);\n    font-weight: 400;\n    margin: 0 0 25px;\n    color: #dbeaf0;\n    line-height: 1.6;\n}\n\n.petro-hero p {\n    max-width: 700px;\n    font-size: 18px;\n    line-height: 2;\n    color: #abc1cb;\n}\n\n.petro-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n    margin-top: 40px;\n}\n\n.petro-btn {\n    display: inline-block;\n    padding: 16px 30px;\n    border-radius: 3px;\n    text-decoration: none !important;\n    font-size: 15px;\n    font-weight: 600;\n    transition: 0.25s;\n}\n\n.petro-btn-primary {\n    background: #ffffff;\n    color: #071f2c !important;\n}\n\n.petro-btn-primary:hover {\n    background: #7ec6df;\n}\n\n.petro-btn-outline {\n    border: 1px solid rgba(255,255,255,0.4);\n    color: #ffffff !important;\n}\n\n.petro-btn-outline:hover {\n    border-color: #ffffff;\n}\n\n\n\/* SECTIONS *\/\n\n.petro-section {\n    padding: 110px 0;\n}\n\n.petro-section-dark {\n    background: #071a25;\n    color: #ffffff;\n}\n\n.petro-label {\n    color: #15789b;\n    font-size: 14px;\n    margin-bottom: 20px;\n    letter-spacing: 1px;\n}\n\n.petro-title {\n    font-size: clamp(38px, 5vw, 60px);\n    line-height: 1.5;\n    margin: 0 0 35px;\n}\n\n.petro-text {\n    max-width: 850px;\n    font-size: 19px;\n    line-height: 2.2;\n    color: #53616c;\n}\n\n.petro-section-dark .petro-text {\n    color: #abc1cb;\n}\n\n\n\/* CATALOG *\/\n\n.petro-catalog {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr;\n    gap: 70px;\n    align-items: center;\n}\n\n.petro-catalog-box {\n    background: linear-gradient(145deg, #0b3040, #092330);\n    padding: 55px;\n    border: 1px solid rgba(255,255,255,0.08);\n}\n\n.petro-catalog-icon {\n    font-size: 75px;\n    display: block;\n    margin-bottom: 25px;\n    direction: ltr;\n}\n\n.petro-catalog-box h3 {\n    font-size: 30px;\n    margin: 0 0 15px;\n}\n\n.petro-catalog-box p {\n    color: #abc1cb;\n    line-height: 2;\n}\n\n\n\/* CONTACT *\/\n\n.petro-contact-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    margin-top: 60px;\n}\n\n.petro-contact-item {\n    padding: 35px 0;\n    border-top: 1px solid #dbe1e5;\n}\n\n.petro-contact-item h3 {\n    font-size: 15px;\n    color: #15789b;\n    margin-bottom: 18px;\n}\n\n.petro-contact-item p,\n.petro-contact-item a {\n    color: #17212b;\n    text-decoration: none;\n    font-size: 17px;\n    line-height: 2;\n}\n\n.petro-ltr {\n    direction: ltr;\n    display: inline-block;\n}\n\n\n\/* FOOTER *\/\n\n.petro-footer {\n    background: #04131d;\n    color: #7f99a5;\n    padding: 35px 0;\n    font-size: 13px;\n}\n\n.petro-footer-inner {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 768px) {\n\n    .petro-container {\n        padding-left: 22px;\n        padding-right: 22px;\n    }\n\n    .petro-hero {\n        min-height: 650px;\n    }\n\n    .petro-section {\n        padding: 75px 0;\n    }\n\n    .petro-catalog {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n\n    .petro-catalog-box {\n        padding: 35px;\n    }\n\n    .petro-contact-grid {\n        grid-template-columns: 1fr;\n        gap: 10px;\n    }\n\n    .petro-footer-inner {\n        flex-direction: column;\n    }\n\n}\n<\/style>\n\n\n<main class=\"petro-page\">\n\n\n    <!-- HERO -->\n\n    <section class=\"petro-hero\">\n\n        <div class=\"petro-container\">\n\n            <div class=\"petro-hero-content\">\n\n                <div class=\"petro-eyebrow\">\n                    \u062a\u0623\u0645\u06cc\u0646 \u0648 \u062a\u062f\u0627\u0631\u06a9\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0635\u0646\u0627\u06cc\u0639\n                <\/div>\n\n                <h1>\n                    \u067e\u062a\u0631\u0648 \u0627\u0644\u0648\u0646\u062f<br>\n                    \u0633\u067e\u0647\u0631\n                <\/h1>\n\n                <h2>\n                    \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u062a\u0623\u0645\u06cc\u0646 \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc \u0635\u0646\u0627\u06cc\u0639\n                <\/h2>\n\n                <p>\n                    \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u062f\u0631 \u062d\u0648\u0632\u0647 \u062a\u0623\u0645\u06cc\u0646 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a\u060c\n                    \u062a\u062f\u0627\u0631\u06a9\u0627\u062a \u0648 \u062e\u062f\u0645\u0627\u062a \u0645\u0647\u0646\u062f\u0633\u06cc \u0628\u0631\u0627\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0646\u0641\u062a\u060c \u06af\u0627\u0632\u060c\n                    \u067e\u0627\u0644\u0627\u06cc\u0634 \u0648 \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc.\n                <\/p>\n\n                <div class=\"petro-buttons\">\n\n                    <a href=\"#catalog\"\n                       class=\"petro-btn petro-btn-primary\">\n\n                        \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0627\u062a\u0627\u0644\u0648\u06af\n\n                    <\/a>\n\n                    <a href=\"#contact\"\n                       class=\"petro-btn petro-btn-outline\">\n\n                        \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- ABOUT -->\n\n    <section class=\"petro-section\"\n             id=\"about\">\n\n        <div class=\"petro-container\">\n\n            <div class=\"petro-label\">\n                \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627\n            <\/div>\n\n            <h2 class=\"petro-title\">\n                \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u0637\u0645\u0626\u0646<br>\n                \u062f\u0631 \u062a\u0623\u0645\u06cc\u0646 \u0635\u0646\u0627\u06cc\u0639\n            <\/h2>\n\n            <div class=\"petro-text\">\n\n                \u0634\u0631\u06a9\u062a \u067e\u062a\u0631\u0648 \u0627\u0644\u0648\u0646\u062f \u0633\u067e\u0647\u0631 \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u062a\u0623\u0645\u06cc\u0646 \u062a\u062e\u0635\u0635\u06cc\n                \u062a\u062c\u0647\u06cc\u0632\u0627\u062a\u060c \u0642\u0637\u0639\u0627\u062a \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0635\u0646\u0639\u062a\u06cc\u060c \u062f\u0631 \u062d\u0648\u0632\u0647 \u0635\u0646\u0627\u06cc\u0639\n                \u0646\u0641\u062a\u060c \u06af\u0627\u0632\u060c \u067e\u0627\u0644\u0627\u06cc\u0634 \u0648 \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc \u0641\u0639\u0627\u0644\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.\n\n                <br><br>\n\n                \u0645\u0627 \u0628\u0627 \u062a\u06a9\u06cc\u0647 \u0628\u0631 \u062f\u0627\u0646\u0634 \u0641\u0646\u06cc\u060c \u0634\u0646\u0627\u062e\u062a \u0628\u0627\u0632\u0627\u0631 \u0648 \u0634\u0628\u06a9\u0647\u200c\u0627\u06cc\n                \u0627\u0632 \u062a\u0623\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0645\u0639\u062a\u0628\u0631\u060c \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc\n                \u0631\u0627 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u062a\u0623\u0645\u06cc\u0646 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a\u060c \u0642\u0637\u0639\u0627\u062a \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc\n                \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- CATALOG -->\n\n    <section class=\"petro-section petro-section-dark\"\n             id=\"catalog\">\n\n        <div class=\"petro-container\">\n\n            <div class=\"petro-catalog\">\n\n\n                <div>\n\n                    <div class=\"petro-label\">\n                        \u0645\u0639\u0631\u0641\u06cc \u0634\u0631\u06a9\u062a\n                    <\/div>\n\n                    <h2 class=\"petro-title\">\n                        \u062e\u062f\u0645\u0627\u062a \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a<br>\n                        \u0645\u0627 \u0631\u0627 \u0628\u0634\u0646\u0627\u0633\u06cc\u062f\n                    <\/h2>\n\n                    <div class=\"petro-text\">\n\n                        \u0628\u0631\u0627\u06cc \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u0634\u0631\u06a9\u062a \u067e\u062a\u0631\u0648 \u0627\u0644\u0648\u0646\u062f \u0633\u067e\u0647\u0631\u060c\n                        \u062d\u0648\u0632\u0647\u200c\u0647\u0627\u06cc \u0641\u0639\u0627\u0644\u06cc\u062a\u060c \u062e\u062f\u0645\u0627\u062a \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0642\u0627\u0628\u0644 \u062a\u0623\u0645\u06cc\u0646\u060c\n                        \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0634\u0631\u06a9\u062a \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f.\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <div class=\"petro-catalog-box\">\n\n                    <span class=\"petro-catalog-icon\">\n                        \u2197\n                    <\/span>\n\n                    <h3>\n                        \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0634\u0631\u06a9\u062a\n                    <\/h3>\n\n                    <p>\n                        \u0645\u0639\u0631\u0641\u06cc \u06a9\u0627\u0645\u0644 \u0634\u0631\u06a9\u062a\u060c \u062e\u062f\u0645\u0627\u062a\u060c\n                        \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648 \u062d\u0648\u0632\u0647\u200c\u0647\u0627\u06cc \u0641\u0639\u0627\u0644\u06cc\u062a.\n                    <\/p>\n\n                    <br>\n\n                    <a href=\"#\"\n                       class=\"petro-btn petro-btn-primary\">\n\n                        \u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0627\u062a\u0627\u0644\u0648\u06af\n\n                    <\/a>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- CONTACT -->\n\n    <section class=\"petro-section\"\n             id=\"contact\">\n\n        <div class=\"petro-container\">\n\n            <div class=\"petro-label\">\n                \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633\n            <\/div>\n\n            <h2 class=\"petro-title\">\n                \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f\n            <\/h2>\n\n\n            <div class=\"petro-contact-grid\">\n\n\n                <div class=\"petro-contact-item\">\n\n                    <h3>\n                        \u0622\u062f\u0631\u0633\n                    <\/h3>\n\n                    <p>\n                        \u062a\u0647\u0631\u0627\u0646\u060c \u0627\u06cc\u0631\u0627\u0646\n                    <\/p>\n\n                <\/div>\n\n\n\n                <div class=\"petro-contact-item\">\n\n                    <h3>\n                        \u062a\u0644\u0641\u0646\n                    <\/h3>\n\n                    <p class=\"petro-ltr\">\n                        +98 XX XXX XXXX\n                    <\/p>\n\n                <\/div>\n\n\n\n                <div class=\"petro-contact-item\">\n\n                    <h3>\n                        \u0627\u06cc\u0645\u06cc\u0644\n                    <\/h3>\n\n                    <a\n                        class=\"petro-ltr\"\n                        href=\"mailto:info@petroasp.com\">\n\n                        info@petroasp.com\n\n                    <\/a>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- FOOTER -->\n\n    <footer class=\"petro-footer\">\n\n        <div class=\"petro-container petro-footer-inner\">\n\n            <div>\n                \u067e\u062a\u0631\u0648 \u0627\u0644\u0648\u0646\u062f \u0633\u067e\u0647\u0631\n            <\/div>\n\n            <div>\n                \u00a9 \u06f2\u06f0\u06f2\u06f6 \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a\n            <\/div>\n\n        <\/div>\n\n    <\/footer>\n\n\n<\/main>\n","protected":false},"excerpt":{"rendered":"<p>\u062a\u0623\u0645\u06cc\u0646 \u0648 \u062a\u062f\u0627\u0631\u06a9\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0635\u0646\u0627\u06cc\u0639 \u067e\u062a\u0631\u0648 \u0627\u0644\u0648\u0646\u062f \u0633\u067e\u0647\u0631 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u062a\u0623\u0645\u06cc\u0646 \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u062f\u0631 \u062d\u0648\u0632\u0647 \u062a\u0623\u0645\u06cc\u0646 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a\u060c \u062a\u062f\u0627\u0631\u06a9\u0627\u062a \u0648 \u062e\u062f\u0645\u0627\u062a \u0645\u0647\u0646\u062f\u0633\u06cc \u0628\u0631\u0627\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0646\u0641\u062a\u060c \u06af\u0627\u0632\u060c \u067e\u0627\u0644\u0627\u06cc\u0634 \u0648 \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc. \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u0637\u0645\u0626\u0646 \u062f\u0631 \u062a\u0623\u0645\u06cc\u0646 \u0635\u0646\u0627\u06cc\u0639 \u0634\u0631\u06a9\u062a \u067e\u062a\u0631\u0648 \u0627\u0644\u0648\u0646\u062f \u0633\u067e\u0647\u0631 \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u062a\u0623\u0645\u06cc\u0646 \u062a\u062e\u0635\u0635\u06cc \u062a\u062c\u0647\u06cc\u0632\u0627\u062a\u060c \u0642\u0637\u0639\u0627\u062a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/petroasp.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/petroasp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petroasp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petroasp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/petroasp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":2,"href":"https:\/\/petroasp.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/petroasp.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/petroasp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}