\u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0628\u0647\u0634\u062a\u06cc - \u0641\u0631\u0648\u0634 \u0627\u0628\u0632\u0627\u0631 \u0648 \u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645 \u0648 UPVC<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Vazirmatn', 'Tahoma', sans-serif;\n background: #f8f9fa;\n overflow-x: hidden;\n }\n\n .hero {\n height: 100vh;\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #60a5fa 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n width: 300%;\n height: 300%;\n background: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,0.06) 0%, transparent 50%),\n radial-gradient(circle at 40% 20%, rgba(255,255,255,0.05) 0%, transparent 50%);\n animation: floatBackground 25s ease-in-out infinite;\n }\n\n @keyframes floatBackground {\n 0%, 100% { \n transform: translate(0, 0) rotate(0deg); \n }\n 25% { \n transform: translate(-5%, 5%) rotate(5deg); \n }\n 50% { \n transform: translate(-10%, -5%) rotate(-5deg); \n }\n 75% { \n transform: translate(5%, -10%) rotate(3deg); \n }\n }\n\n .floating-shapes {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n\n .shape {\n position: absolute;\n background: rgba(255,255,255,0.1);\n border-radius: 50%;\n animation: float 20s infinite ease-in-out;\n }\n\n .shape:nth-child(1) {\n width: 80px;\n height: 80px;\n top: 20%;\n left: 10%;\n animation-delay: 0s;\n }\n\n .shape:nth-child(2) {\n width: 120px;\n height: 120px;\n top: 60%;\n left: 80%;\n animation-delay: 3s;\n }\n\n .shape:nth-child(3) {\n width: 60px;\n height: 60px;\n top: 80%;\n left: 20%;\n animation-delay: 6s;\n }\n\n .shape:nth-child(4) {\n width: 100px;\n height: 100px;\n top: 30%;\n left: 70%;\n animation-delay: 9s;\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0) translateX(0) scale(1);\n }\n 33% {\n transform: translateY(-30px) translateX(20px) scale(1.1);\n }\n 66% {\n transform: translateY(20px) translateX(-20px) scale(0.9);\n }\n }\n\n .hero-content {\n text-align: center;\n color: white;\n z-index: 10;\n padding: 2rem;\n animation: fadeInUp 1s ease;\n }\n\n .hero-content h1 {\n font-size: 4.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n text-shadow: 0 4px 20px rgba(0,0,0,0.3);\n letter-spacing: -1px;\n }\n\n .hero-content .subtitle {\n font-size: 1.8rem;\n margin-bottom: 2rem;\n font-weight: 400;\n opacity: 0.95;\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .products {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n text-align: center;\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 4rem;\n color: #1e293b;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n display: block;\n width: 120px;\n height: 5px;\n background: linear-gradient(90deg, #1e3a8a 0%, #3b82f6 100%);\n margin: 1.5rem auto;\n border-radius: 3px;\n }\n\n .product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 3rem;\n }\n\n .product-card {\n background: white;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n border: 1px solid #e2e8f0;\n }\n\n .product-card:hover {\n transform: translateY(-12px);\n box-shadow: 0 20px 60px rgba(30,58,138,0.15);\n }\n\n .product-image {\n width: 100%;\n height: 300px;\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 6rem;\n position: relative;\n overflow: hidden;\n }\n\n .product-image::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,0.15), transparent 70%);\n animation: shimmer 3s infinite;\n }\n\n @keyframes shimmer {\n 0%, 100% { transform: translate(-50%, -50%); }\n 50% { transform: translate(0%, 0%); }\n }\n\n .product-info {\n padding: 2.5rem;\n }\n\n .product-info h3 {\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 1.2rem;\n color: #1e293b;\n }\n\n .product-info p {\n color: #64748b;\n line-height: 1.9;\n font-size: 1.05rem;\n }\n\n .features {\n background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\n padding: 6rem 2rem;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .features::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.4;\n }\n\n .features-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 3rem;\n }\n\n .feature-item {\n text-align: center;\n padding: 3rem 2rem;\n background: rgba(255,255,255,0.08);\n backdrop-filter: blur(20px);\n border-radius: 24px;\n border: 2px solid rgba(255,255,255,0.15);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .feature-item:hover {\n transform: translateY(-12px);\n background: rgba(255,255,255,0.15);\n border-color: rgba(255,255,255,0.3);\n }\n\n .feature-icon {\n font-size: 4.5rem;\n margin-bottom: 1.8rem;\n display: inline-block;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .feature-item h3 {\n font-size: 1.7rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .feature-item p {\n font-size: 1.1rem;\n opacity: 0.9;\n line-height: 1.8;\n }\n\n .cta-section {\n padding: 6rem 2rem;\n text-align: center;\n background: white;\n }\n\n .cta-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .cta-content h2 {\n font-size: 3rem;\n font-weight: 700;\n margin-bottom: 1.8rem;\n color: #1e293b;\n }\n\n .cta-content p {\n font-size: 1.4rem;\n color: #64748b;\n margin-bottom: 3rem;\n line-height: 1.8;\n }\n\n .contact-info {\n display: flex;\n gap: 2rem;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 3rem;\n }\n\n .contact-card {\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n color: white;\n padding: 2rem 3rem;\n border-radius: 20px;\n box-shadow: 0 10px 40px rgba(30,58,138,0.2);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid rgba(255,255,255,0.2);\n }\n\n .contact-card:hover {\n transform: translateY(-8px) scale(1.05);\n box-shadow: 0 15px 50px rgba(30,58,138,0.3);\n }\n\n .contact-card span {\n font-size: 1.4rem;\n font-weight: 500;\n display: block;\n letter-spacing: 0.5px;\n }\n\n .address-box {\n background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\n color: white;\n padding: 2.5rem 3rem;\n border-radius: 20px;\n font-size: 1.3rem;\n line-height: 2.2;\n box-shadow: 0 10px 40px rgba(15,23,42,0.2);\n font-weight: 500;\n }\n\n @media (max-width: 768px) {\n .hero-content h1 {\n font-size: 2.8rem;\n }\n\n .hero-content .subtitle {\n font-size: 1.3rem;\n }\n\n .section-title {\n font-size: 2.5rem;\n }\n\n .product-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .cta-content h2 {\n font-size: 2.2rem;\n }\n\n .cta-content p {\n font-size: 1.1rem;\n }\n\n .contact-info {\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .address-box {\n font-size: 1.1rem;\n padding: 2rem;\n }\n }\n\n @media (max-width: 480px) {\n .hero-content h1 {\n font-size: 2.2rem;\n }\n\n .hero-content .subtitle {\n font-size: 1.1rem;\n }\n\n .contact-card {\n padding: 1.5rem 2rem;\n }\n\n .contact-card span {\n font-size: 1.2rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"hero\">\n <div class=\"floating-shapes\">\n <div class=\"shape\"><\/div>\n <div class=\"shape\"><\/div>\n <div class=\"shape\"><\/div>\n <div class=\"shape\"><\/div>\n <\/div>\n <div class=\"hero-content\">\n <h1>\ud83c\udfe2 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0628\u0647\u0634\u062a\u06cc<\/h1>\n <p class=\"subtitle\">\u062a\u0623\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u062a\u062e\u0635\u0635\u06cc \u0627\u0628\u0632\u0627\u0631 \u0648 \u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645 \u0648 UPVC<\/p>\n <\/div>\n <\/section>\n\n <section class=\"products\">\n <h2 class=\"section-title\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0627<\/h2>\n <div class=\"product-grid\">\n <div class=\"product-card\">\n <div class=\"product-image\">\ud83d\udd27<\/div>\n <div class=\"product-info\">\n <h3>\u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645<\/h3>\n <p>\u0627\u0646\u0648\u0627\u0639 \u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0627\u06cc \u062f\u0631\u0628 \u0648 \u067e\u0646\u062c\u0631\u0647 \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645\u06cc \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0627\u0644\u0627 \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0627\u0631\u0648\u067e\u0627\u06cc\u06cc<\/p>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-image\">\ud83d\udd29<\/div>\n <div class=\"product-info\">\n <h3>\u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a UPVC<\/h3>\n <p>\u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f UPVC \u0628\u0631\u0627\u06cc \u062f\u0631\u0628 \u0648 \u067e\u0646\u062c\u0631\u0647 \u0628\u0627 \u0636\u0645\u0627\u0646\u062a \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u062f\u0648\u0627\u0645 \u0628\u0627\u0644\u0627<\/p>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-image\">\ud83d\udee0\ufe0f<\/div>\n <div class=\"product-info\">\n <h3>\u0627\u0628\u0632\u0627\u0631 \u0646\u0635\u0628<\/h3>\n <p>\u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0646\u0635\u0628 \u0648 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u062f\u0631\u0628 \u0648 \u067e\u0646\u062c\u0631\u0647 \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/p>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-image\">\ud83d\udd12<\/div>\n <div class=\"product-info\">\n <h3>\u0642\u0641\u0644 \u0648 \u062f\u0633\u062a\u06af\u06cc\u0631\u0647<\/h3>\n <p>\u0627\u0646\u0648\u0627\u0639 \u0642\u0641\u0644 \u0648 \u062f\u0633\u062a\u06af\u06cc\u0631\u0647 \u0628\u0627 \u0637\u0631\u0627\u062d\u06cc \u0645\u062f\u0631\u0646\u060c \u0627\u0645\u0646\u06cc\u062a \u0628\u0627\u0644\u0627 \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u0639\u0627\u0644\u06cc<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"features\">\n <div class=\"features-container\">\n <h2 class=\"section-title\" style=\"color: white;\">\u0686\u0631\u0627 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0628\u0647\u0634\u062a\u06cc\u061f<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\u2705<\/div>\n <h3>\u06a9\u06cc\u0641\u06cc\u062a \u062a\u0636\u0645\u06cc\u0646\u06cc<\/h3>\n <p>\u062a\u0645\u0627\u0645\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0627 \u0636\u0645\u0627\u0646\u062a \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u0627\u0635\u0627\u0644\u062a<\/p>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83d\ude9a<\/div>\n <h3>\u0627\u0631\u0633\u0627\u0644 \u0633\u0631\u06cc\u0639<\/h3>\n <p>\u0627\u0631\u0633\u0627\u0644 \u0628\u0647 \u0633\u0631\u0627\u0633\u0631 \u06a9\u0634\u0648\u0631 \u0628\u0627 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u0637\u0645\u0626\u0646<\/p>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83d\udcb0<\/div>\n <h3>\u0642\u06cc\u0645\u062a \u0645\u0646\u0627\u0633\u0628<\/h3>\n <p>\u0628\u0647\u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0627\u0644\u0627<\/p>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83d\udcde<\/div>\n <h3>\u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646<\/h3>\n <p>\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"cta-section\">\n <div class=\"cta-content\">\n <h2>\u0628\u0627 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f<\/h2>\n <p>\u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u0633\u0641\u0627\u0631\u0634 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f<\/p>\n \n <div class=\"contact-info\">\n <div class=\"contact-card\">\n <span>\ud83d\udcf1 09191594206<\/span>\n <\/div>\n <div class=\"contact-card\">\n <span>\u260e\ufe0f 02538826288<\/span>\n <\/div>\n <\/div>\n\n <div class=\"address-box\">\n \ud83d\udccd \u0642\u0645\u060c 24 \u0645\u062a\u0631\u06cc \u0622\u06cc\u062a\u200c\u0627\u0644\u0644\u0647 \u06a9\u0627\u0634\u0627\u0646\u06cc\u060c \u0646\u0628\u0634 \u06a9\u0648\u0686\u0647 7\u060c \u067e\u0644\u0627\u06a9 229\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0628\u0647\u0634\u062a\u06cc – \u0641\u0631\u0648\u0634 \u0627\u0628\u0632\u0627\u0631 \u0648 \u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645 \u0648 UPVC \ud83c\udfe2 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0628\u0647\u0634\u062a\u06cc \u062a\u0623\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u062a\u062e\u0635\u0635\u06cc \u0627\u0628\u0632\u0627\u0631 \u0648 \u06cc\u0631\u0627\u0642<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-21463","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/pages\/21463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21463"}],"version-history":[{"count":25,"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/pages\/21463\/revisions"}],"predecessor-version":[{"id":21523,"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/pages\/21463\/revisions\/21523"}],"wp:attachment":[{"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0628\u0647\u0634\u062a\u06cc - \u0641\u0631\u0648\u0634 \u0627\u0628\u0632\u0627\u0631 \u0648 \u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645 \u0648 UPVC<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Vazirmatn', 'Tahoma', sans-serif;\n background: #f8f9fa;\n overflow-x: hidden;\n }\n\n .hero {\n height: 100vh;\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #60a5fa 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n width: 300%;\n height: 300%;\n background: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,0.06) 0%, transparent 50%),\n radial-gradient(circle at 40% 20%, rgba(255,255,255,0.05) 0%, transparent 50%);\n animation: floatBackground 25s ease-in-out infinite;\n }\n\n @keyframes floatBackground {\n 0%, 100% { \n transform: translate(0, 0) rotate(0deg); \n }\n 25% { \n transform: translate(-5%, 5%) rotate(5deg); \n }\n 50% { \n transform: translate(-10%, -5%) rotate(-5deg); \n }\n 75% { \n transform: translate(5%, -10%) rotate(3deg); \n }\n }\n\n .floating-shapes {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n\n .shape {\n position: absolute;\n background: rgba(255,255,255,0.1);\n border-radius: 50%;\n animation: float 20s infinite ease-in-out;\n }\n\n .shape:nth-child(1) {\n width: 80px;\n height: 80px;\n top: 20%;\n left: 10%;\n animation-delay: 0s;\n }\n\n .shape:nth-child(2) {\n width: 120px;\n height: 120px;\n top: 60%;\n left: 80%;\n animation-delay: 3s;\n }\n\n .shape:nth-child(3) {\n width: 60px;\n height: 60px;\n top: 80%;\n left: 20%;\n animation-delay: 6s;\n }\n\n .shape:nth-child(4) {\n width: 100px;\n height: 100px;\n top: 30%;\n left: 70%;\n animation-delay: 9s;\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0) translateX(0) scale(1);\n }\n 33% {\n transform: translateY(-30px) translateX(20px) scale(1.1);\n }\n 66% {\n transform: translateY(20px) translateX(-20px) scale(0.9);\n }\n }\n\n .hero-content {\n text-align: center;\n color: white;\n z-index: 10;\n padding: 2rem;\n animation: fadeInUp 1s ease;\n }\n\n .hero-content h1 {\n font-size: 4.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n text-shadow: 0 4px 20px rgba(0,0,0,0.3);\n letter-spacing: -1px;\n }\n\n .hero-content .subtitle {\n font-size: 1.8rem;\n margin-bottom: 2rem;\n font-weight: 400;\n opacity: 0.95;\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .products {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n text-align: center;\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 4rem;\n color: #1e293b;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n display: block;\n width: 120px;\n height: 5px;\n background: linear-gradient(90deg, #1e3a8a 0%, #3b82f6 100%);\n margin: 1.5rem auto;\n border-radius: 3px;\n }\n\n .product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 3rem;\n }\n\n .product-card {\n background: white;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n border: 1px solid #e2e8f0;\n }\n\n .product-card:hover {\n transform: translateY(-12px);\n box-shadow: 0 20px 60px rgba(30,58,138,0.15);\n }\n\n .product-image {\n width: 100%;\n height: 300px;\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 6rem;\n position: relative;\n overflow: hidden;\n }\n\n .product-image::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,0.15), transparent 70%);\n animation: shimmer 3s infinite;\n }\n\n @keyframes shimmer {\n 0%, 100% { transform: translate(-50%, -50%); }\n 50% { transform: translate(0%, 0%); }\n }\n\n .product-info {\n padding: 2.5rem;\n }\n\n .product-info h3 {\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 1.2rem;\n color: #1e293b;\n }\n\n .product-info p {\n color: #64748b;\n line-height: 1.9;\n font-size: 1.05rem;\n }\n\n .features {\n background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\n padding: 6rem 2rem;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .features::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.4;\n }\n\n .features-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 3rem;\n }\n\n .feature-item {\n text-align: center;\n padding: 3rem 2rem;\n background: rgba(255,255,255,0.08);\n backdrop-filter: blur(20px);\n border-radius: 24px;\n border: 2px solid rgba(255,255,255,0.15);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .feature-item:hover {\n transform: translateY(-12px);\n background: rgba(255,255,255,0.15);\n border-color: rgba(255,255,255,0.3);\n }\n\n .feature-icon {\n font-size: 4.5rem;\n margin-bottom: 1.8rem;\n display: inline-block;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .feature-item h3 {\n font-size: 1.7rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .feature-item p {\n font-size: 1.1rem;\n opacity: 0.9;\n line-height: 1.8;\n }\n\n .cta-section {\n padding: 6rem 2rem;\n text-align: center;\n background: white;\n }\n\n .cta-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .cta-content h2 {\n font-size: 3rem;\n font-weight: 700;\n margin-bottom: 1.8rem;\n color: #1e293b;\n }\n\n .cta-content p {\n font-size: 1.4rem;\n color: #64748b;\n margin-bottom: 3rem;\n line-height: 1.8;\n }\n\n .contact-info {\n display: flex;\n gap: 2rem;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 3rem;\n }\n\n .contact-card {\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n color: white;\n padding: 2rem 3rem;\n border-radius: 20px;\n box-shadow: 0 10px 40px rgba(30,58,138,0.2);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid rgba(255,255,255,0.2);\n }\n\n .contact-card:hover {\n transform: translateY(-8px) scale(1.05);\n box-shadow: 0 15px 50px rgba(30,58,138,0.3);\n }\n\n .contact-card span {\n font-size: 1.4rem;\n font-weight: 500;\n display: block;\n letter-spacing: 0.5px;\n }\n\n .address-box {\n background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\n color: white;\n padding: 2.5rem 3rem;\n border-radius: 20px;\n font-size: 1.3rem;\n line-height: 2.2;\n box-shadow: 0 10px 40px rgba(15,23,42,0.2);\n font-weight: 500;\n }\n\n @media (max-width: 768px) {\n .hero-content h1 {\n font-size: 2.8rem;\n }\n\n .hero-content .subtitle {\n font-size: 1.3rem;\n }\n\n .section-title {\n font-size: 2.5rem;\n }\n\n .product-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .cta-content h2 {\n font-size: 2.2rem;\n }\n\n .cta-content p {\n font-size: 1.1rem;\n }\n\n .contact-info {\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .address-box {\n font-size: 1.1rem;\n padding: 2rem;\n }\n }\n\n @media (max-width: 480px) {\n .hero-content h1 {\n font-size: 2.2rem;\n }\n\n .hero-content .subtitle {\n font-size: 1.1rem;\n }\n\n .contact-card {\n padding: 1.5rem 2rem;\n }\n\n .contact-card span {\n font-size: 1.2rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"hero\">\n <div class=\"floating-shapes\">\n <div class=\"shape\"><\/div>\n <div class=\"shape\"><\/div>\n <div class=\"shape\"><\/div>\n <div class=\"shape\"><\/div>\n <\/div>\n <div class=\"hero-content\">\n <h1>\ud83c\udfe2 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0628\u0647\u0634\u062a\u06cc<\/h1>\n <p class=\"subtitle\">\u062a\u0623\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u062a\u062e\u0635\u0635\u06cc \u0627\u0628\u0632\u0627\u0631 \u0648 \u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645 \u0648 UPVC<\/p>\n <\/div>\n <\/section>\n\n <section class=\"products\">\n <h2 class=\"section-title\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0627<\/h2>\n <div class=\"product-grid\">\n <div class=\"product-card\">\n <div class=\"product-image\">\ud83d\udd27<\/div>\n <div class=\"product-info\">\n <h3>\u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645<\/h3>\n <p>\u0627\u0646\u0648\u0627\u0639 \u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0627\u06cc \u062f\u0631\u0628 \u0648 \u067e\u0646\u062c\u0631\u0647 \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645\u06cc \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0627\u0644\u0627 \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0627\u0631\u0648\u067e\u0627\u06cc\u06cc<\/p>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-image\">\ud83d\udd29<\/div>\n <div class=\"product-info\">\n <h3>\u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a UPVC<\/h3>\n <p>\u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f UPVC \u0628\u0631\u0627\u06cc \u062f\u0631\u0628 \u0648 \u067e\u0646\u062c\u0631\u0647 \u0628\u0627 \u0636\u0645\u0627\u0646\u062a \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u062f\u0648\u0627\u0645 \u0628\u0627\u0644\u0627<\/p>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-image\">\ud83d\udee0\ufe0f<\/div>\n <div class=\"product-info\">\n <h3>\u0627\u0628\u0632\u0627\u0631 \u0646\u0635\u0628<\/h3>\n <p>\u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0646\u0635\u0628 \u0648 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u062f\u0631\u0628 \u0648 \u067e\u0646\u062c\u0631\u0647 \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/p>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-image\">\ud83d\udd12<\/div>\n <div class=\"product-info\">\n <h3>\u0642\u0641\u0644 \u0648 \u062f\u0633\u062a\u06af\u06cc\u0631\u0647<\/h3>\n <p>\u0627\u0646\u0648\u0627\u0639 \u0642\u0641\u0644 \u0648 \u062f\u0633\u062a\u06af\u06cc\u0631\u0647 \u0628\u0627 \u0637\u0631\u0627\u062d\u06cc \u0645\u062f\u0631\u0646\u060c \u0627\u0645\u0646\u06cc\u062a \u0628\u0627\u0644\u0627 \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u0639\u0627\u0644\u06cc<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"features\">\n <div class=\"features-container\">\n <h2 class=\"section-title\" style=\"color: white;\">\u0686\u0631\u0627 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0628\u0647\u0634\u062a\u06cc\u061f<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\u2705<\/div>\n <h3>\u06a9\u06cc\u0641\u06cc\u062a \u062a\u0636\u0645\u06cc\u0646\u06cc<\/h3>\n <p>\u062a\u0645\u0627\u0645\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0627 \u0636\u0645\u0627\u0646\u062a \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u0627\u0635\u0627\u0644\u062a<\/p>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83d\ude9a<\/div>\n <h3>\u0627\u0631\u0633\u0627\u0644 \u0633\u0631\u06cc\u0639<\/h3>\n <p>\u0627\u0631\u0633\u0627\u0644 \u0628\u0647 \u0633\u0631\u0627\u0633\u0631 \u06a9\u0634\u0648\u0631 \u0628\u0627 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u0637\u0645\u0626\u0646<\/p>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83d\udcb0<\/div>\n <h3>\u0642\u06cc\u0645\u062a \u0645\u0646\u0627\u0633\u0628<\/h3>\n <p>\u0628\u0647\u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0627\u0644\u0627<\/p>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83d\udcde<\/div>\n <h3>\u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646<\/h3>\n <p>\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"cta-section\">\n <div class=\"cta-content\">\n <h2>\u0628\u0627 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f<\/h2>\n <p>\u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u0633\u0641\u0627\u0631\u0634 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f<\/p>\n \n <div class=\"contact-info\">\n <div class=\"contact-card\">\n <span>\ud83d\udcf1 09191594206<\/span>\n <\/div>\n <div class=\"contact-card\">\n <span>\u260e\ufe0f 02538826288<\/span>\n <\/div>\n <\/div>\n\n <div class=\"address-box\">\n \ud83d\udccd \u0642\u0645\u060c 24 \u0645\u062a\u0631\u06cc \u0622\u06cc\u062a\u200c\u0627\u0644\u0644\u0647 \u06a9\u0627\u0634\u0627\u0646\u06cc\u060c \u0646\u0628\u0634 \u06a9\u0648\u0686\u0647 7\u060c \u067e\u0644\u0627\u06a9 229\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0628\u0647\u0634\u062a\u06cc – \u0641\u0631\u0648\u0634 \u0627\u0628\u0632\u0627\u0631 \u0648 \u06cc\u0631\u0627\u0642 \u0622\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645 \u0648 UPVC \ud83c\udfe2 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0628\u0647\u0634\u062a\u06cc \u062a\u0623\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u062a\u062e\u0635\u0635\u06cc \u0627\u0628\u0632\u0627\u0631 \u0648 \u06cc\u0631\u0627\u0642<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-21463","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/pages\/21463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21463"}],"version-history":[{"count":25,"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/pages\/21463\/revisions"}],"predecessor-version":[{"id":21523,"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=\/wp\/v2\/pages\/21463\/revisions\/21523"}],"wp:attachment":[{"href":"https:\/\/beheshtiyaragh.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}