{"id":6,"date":"2026-07-16T04:37:12","date_gmt":"2026-07-16T01:07:12","guid":{"rendered":"https:\/\/ownik.ir\/?page_id=6"},"modified":"2026-07-16T05:40:14","modified_gmt":"2026-07-16T02:10:14","slug":"%d8%b5%d9%81%d8%ad%d9%87-%d8%a7%d8%b5%d9%84%db%8c","status":"publish","type":"page","link":"https:\/\/ownik.ir\/","title":{"rendered":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nOwnik \u2014 \u0627\u0633\u062a\u0648\u062f\u06cc\u0648\u06cc \u0637\u0631\u0627\u062d\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --bg:#0B0B10;\r\n --bg-2:#131319;\r\n --card:#17171F;\r\n --violet:#6C5CE7;\r\n --cyan:#00D4FF;\r\n --pink:#FF3D77;\r\n --text:#F5F5F7;\r\n --muted:#9A9AA8;\r\n --line:rgba(255,255,255,.09);\r\n }\r\n *{box-sizing:border-box; margin:0; padding:0;}\r\n html{scroll-behavior:smooth;}\r\n ::selection{background:var(--violet); color:#fff;}\r\n body{\r\n font-family:'Vazirmatn', sans-serif;\r\n background:var(--bg);\r\n color:var(--text);\r\n overflow-x:hidden;\r\n cursor:none;\r\n }\r\n a{color:inherit; text-decoration:none;}\r\n ul{list-style:none;}\r\n .container{max-width:1240px; margin:0 auto; padding:0 32px;}\r\n\r\n \/* custom cursor *\/\r\n .cursor{\r\n position:fixed; top:0; left:0;\r\n width:22px; height:22px;\r\n border-radius:50%;\r\n border:1.5px solid var(--text);\r\n pointer-events:none;\r\n z-index:9999;\r\n transform:translate(-50%,-50%);\r\n transition:width .25s ease, height .25s ease, background .25s ease, border-color .25s ease;\r\n mix-blend-mode:difference;\r\n }\r\n .cursor.grow{width:56px; height:56px; background:var(--text); }\r\n @media (max-width:900px){ .cursor{display:none;} body{cursor:auto;} }\r\n\r\n .glow{\r\n position:fixed;\r\n width:600px; height:600px;\r\n border-radius:50%;\r\n background:radial-gradient(circle, rgba(108,92,231,.25), transparent 70%);\r\n pointer-events:none;\r\n z-index:0;\r\n transform:translate(-50%,-50%);\r\n filter:blur(10px);\r\n transition:opacity .4s ease;\r\n }\r\n\r\n \/* ---------- HEADER ---------- *\/\r\n header{\r\n position:fixed; top:0; right:0; left:0; z-index:100;\r\n padding:26px 0;\r\n mix-blend-mode:difference;\r\n }\r\n .nav-inner{display:flex; align-items:center; justify-content:space-between;}\r\n .logo{font-size:20px; font-weight:800; letter-spacing:.5px;}\r\n nav ul{display:flex; gap:38px; font-size:14px; font-weight:500;}\r\n .nav-cta{\r\n border:1px solid var(--text);\r\n padding:10px 24px;\r\n border-radius:999px;\r\n font-size:13px;\r\n font-weight:600;\r\n }\r\n .burger{display:none;}\r\n\r\n \/* ---------- HERO ---------- *\/\r\n .hero{\r\n min-height:100vh;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n position:relative;\r\n padding-top:120px;\r\n padding-bottom:60px;\r\n }\r\n .hero-tag{\r\n display:inline-flex; align-items:center; gap:10px;\r\n font-size:13px; font-weight:600; color:var(--muted);\r\n margin-bottom:34px;\r\n border:1px solid var(--line);\r\n padding:8px 18px;\r\n border-radius:999px;\r\n width:fit-content;\r\n }\r\n .hero-tag i{width:7px; height:7px; border-radius:50%; background:var(--cyan); display:inline-block; box-shadow:0 0 12px var(--cyan);}\r\n\r\n .hero h1{\r\n font-size:clamp(46px, 8vw, 108px);\r\n font-weight:800;\r\n line-height:1.05;\r\n letter-spacing:-2px;\r\n max-width:1100px;\r\n }\r\n .hero h1 .word{\r\n display:inline-block;\r\n overflow:hidden;\r\n vertical-align:top;\r\n }\r\n .hero h1 .word span{\r\n display:inline-block;\r\n transform:translateY(115%);\r\n animation:wordUp .9s cubic-bezier(.19,1,.22,1) forwards;\r\n }\r\n .hero h1 .grad{\r\n background:linear-gradient(90deg, var(--violet), var(--cyan));\r\n -webkit-background-clip:text;\r\n background-clip:text;\r\n -webkit-text-fill-color:transparent;\r\n color:transparent;\r\n }\r\n @keyframes wordUp{ to{ transform:translateY(0); } }\r\n\r\n .hero-sub{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:flex-end;\r\n margin-top:46px;\r\n flex-wrap:wrap;\r\n gap:30px;\r\n opacity:0;\r\n animation:fadeUp 1s ease forwards 1.1s;\r\n }\r\n @keyframes fadeUp{ from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:translateY(0);} }\r\n .hero-sub p{max-width:380px; color:var(--muted); font-size:16px; line-height:1.8;}\r\n\r\n .btn{\r\n position:relative;\r\n display:inline-flex; align-items:center; gap:10px;\r\n padding:18px 34px;\r\n border-radius:999px;\r\n font-weight:700; font-size:15px;\r\n background:var(--text); color:var(--bg);\r\n overflow:hidden;\r\n isolation:isolate;\r\n }\r\n .btn::before{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background:linear-gradient(90deg, var(--violet), var(--pink));\r\n transform:translateY(100%);\r\n transition:transform .4s cubic-bezier(.65,0,.35,1);\r\n z-index:-1;\r\n }\r\n .btn:hover::before{transform:translateY(0);}\r\n .btn:hover{color:#fff;}\r\n\r\n \/* marquee *\/\r\n .marquee-wrap{\r\n border-top:1px solid var(--line);\r\n border-bottom:1px solid var(--line);\r\n padding:22px 0;\r\n overflow:hidden;\r\n white-space:nowrap;\r\n }\r\n .marquee{\r\n display:inline-flex;\r\n animation:scrollRight 22s linear infinite;\r\n}\r\n .marquee span{\r\n font-size:20px; font-weight:600; color:var(--muted);\r\n padding:0 30px;\r\n display:flex; align-items:center; gap:30px;\r\n }\r\n .marquee span i{width:6px; height:6px; background:var(--violet); border-radius:50%; display:inline-block;}\r\n @keyframes scrollRight{\r\n from{transform:translateX(-50%);}\r\n to{transform:translateX(0);}\r\n}\r\n\r\n \/* ---------- GENERAL SECTIONS ---------- *\/\r\n section{padding:150px 0; position:relative;}\r\n .eyebrow{\r\n font-size:13px; font-weight:700; letter-spacing:1px;\r\n color:var(--cyan); margin-bottom:18px;\r\n display:flex; align-items:center; gap:10px;\r\n }\r\n .eyebrow::before{content:\"\u25c6\"; font-size:9px;}\r\n .section-head h2{\r\n font-size:clamp(32px,4.5vw,54px);\r\n font-weight:800;\r\n letter-spacing:-1px;\r\n max-width:760px;\r\n line-height:1.25;\r\n }\r\n .section-head p{color:var(--muted); margin-top:20px; font-size:17px; max-width:560px;}\r\n\r\n .reveal{ opacity:0; transform:translateY(40px); transition:opacity .9s cubic-bezier(.19,1,.22,1), transform .9s cubic-bezier(.19,1,.22,1); }\r\n .reveal.in{ opacity:1; transform:translateY(0); }\r\n\r\n \/* ---------- SERVICES ---------- *\/\r\n .services-list{margin-top:70px; border-top:1px solid var(--line);}\r\n .service-row{\r\n display:grid;\r\n grid-template-columns:80px 1fr 1fr 40px;\r\n align-items:center;\r\n gap:30px;\r\n padding:38px 0;\r\n border-bottom:1px solid var(--line);\r\n transition:padding-right .35s ease, background .35s ease;\r\n cursor:pointer;\r\n }\r\n .service-row:hover{ padding-right:20px; background:linear-gradient(90deg, rgba(108,92,231,.08), transparent); }\r\n .service-row .num{ font-size:14px; color:var(--muted); font-weight:600; }\r\n .service-row h3{ font-size:26px; font-weight:700; }\r\n .service-row p{ color:var(--muted); font-size:15px; }\r\n .service-row .arrow{ font-size:22px; transition:transform .35s ease; justify-self:start; }\r\n .service-row:hover .arrow{ transform:translateX(-8px) rotate(-45deg); color:var(--cyan);}\r\n @media (max-width:800px){\r\n .service-row{grid-template-columns:1fr; gap:10px;}\r\n .service-row .arrow{display:none;}\r\n }\r\n\r\n \/* ---------- PROCESS (horizontal scroll cards) ---------- *\/\r\n .process-scroll{\r\n display:flex;\r\n gap:24px;\r\n margin-top:70px;\r\n overflow-x:auto;\r\n padding-bottom:20px;\r\n scroll-snap-type:x proximity;\r\n }\r\n .process-scroll::-webkit-scrollbar{height:4px;}\r\n .process-scroll::-webkit-scrollbar-thumb{background:var(--line);}\r\n .p-card{\r\n min-width:300px;\r\n scroll-snap-align:start;\r\n background:var(--card);\r\n border:1px solid var(--line);\r\n border-radius:22px;\r\n padding:38px;\r\n transition:transform .4s ease, border-color .4s ease;\r\n }\r\n .p-card:hover{ transform:translateY(-10px); border-color:var(--violet); }\r\n .p-card .p-num{\r\n font-size:44px; font-weight:800;\r\n background:linear-gradient(90deg,var(--violet),var(--cyan));\r\n -webkit-background-clip:text; background-clip:text; color:transparent;\r\n margin-bottom:26px;\r\n }\r\n .p-card h3{font-size:19px; margin-bottom:12px;}\r\n .p-card p{color:var(--muted); font-size:14.5px;}\r\n\r\n \/* ---------- PORTFOLIO ---------- *\/\r\n .port-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:70px; }\r\n .port-card{\r\n position:relative;\r\n border-radius:24px;\r\n overflow:hidden;\r\n height:400px;\r\n border:1px solid var(--line);\r\n }\r\n .port-card .bg{\r\n position:absolute; inset:0;\r\n transition:transform .6s cubic-bezier(.19,1,.22,1);\r\n }\r\n .port-card:hover .bg{ transform:scale(1.08); }\r\n .p1 .bg{background:linear-gradient(150deg,#6C5CE7,#2a2470 60%, #17171F);}\r\n .p2 .bg{background:linear-gradient(150deg,#00D4FF,#0a5566 60%, #17171F);}\r\n .p3 .bg{background:linear-gradient(150deg,#FF3D77,#6e1d3f 60%, #17171F);}\r\n .p4 .bg{background:linear-gradient(150deg,#F5C542,#8a6a1d 60%, #17171F);}\r\n .icon-mark{\r\n position:absolute; inset:0;\r\n display:flex; align-items:center; justify-content:center;\r\n opacity:.35;\r\n }\r\n .icon-mark svg{width:38%; height:38%;}\r\n .port-overlay{\r\n position:absolute; inset:0;\r\n background:linear-gradient(to top, rgba(0,0,0,.75), transparent 55%);\r\n display:flex; flex-direction:column; justify-content:flex-end;\r\n padding:30px;\r\n }\r\n .port-overlay span{font-size:13px; color:rgba(255,255,255,.7); margin-bottom:6px;}\r\n .port-overlay h3{font-size:24px; font-weight:700;}\r\n @media (max-width:800px){ .port-grid{grid-template-columns:1fr;} }\r\n\r\n \/* ---------- STATS BAND ---------- *\/\r\n .stats-band{\r\n background:var(--card);\r\n border-radius:28px;\r\n padding:60px 40px;\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:20px;\r\n text-align:center;\r\n }\r\n .stats-band .stat b{\r\n font-size:44px; font-weight:800;\r\n background:linear-gradient(90deg,var(--cyan),var(--violet));\r\n -webkit-background-clip:text; background-clip:text; color:transparent;\r\n display:block;\r\n }\r\n .stats-band .stat span{color:var(--muted); font-size:14px;}\r\n @media (max-width:800px){ .stats-band{grid-template-columns:1fr 1fr;} }\r\n\r\n \/* ---------- CTA ---------- *\/\r\n .cta{\r\n text-align:center;\r\n position:relative;\r\n }\r\n .cta h2{\r\n font-size:clamp(36px,6vw,70px);\r\n font-weight:800;\r\n letter-spacing:-1px;\r\n max-width:820px;\r\n margin:0 auto 30px;\r\n }\r\n .cta p{color:var(--muted); font-size:17px; margin-bottom:44px;}\r\n\r\n \/* ---------- FOOTER ---------- *\/\r\n footer{ border-top:1px solid var(--line); padding:70px 0 34px; }\r\n .footer-top{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:40px; margin-bottom:60px; }\r\n .footer-top h3{ font-size:30px; font-weight:800; max-width:420px; line-height:1.4; }\r\n .footer-links{ display:flex; gap:60px; flex-wrap:wrap; }\r\n .footer-col h4{ font-size:13px; color:var(--muted); margin-bottom:16px; }\r\n .footer-col li{ margin-bottom:12px; font-size:15px; }\r\n .footer-bottom{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; padding-top:26px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); }\r\n\r\n @media (max-width:640px){\r\n nav ul{display:none;}\r\n .hero-sub{flex-direction:column; align-items:flex-start;}\r\n }\r\n @media (prefers-reduced-motion: reduce){ *{animation:none !important; transition:none !important;} }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cursor\" id=\"cursor\"><\/div>\r\n<div class=\"glow\" id=\"glow\"><\/div>\r\n\r\n<header>\r\n <div class=\"container nav-inner\">\r\n <div class=\"logo\">\u0627\u0646\u06cc\u06a9<\/div>\r\n <nav><ul>\r\n <li><a href=\"#services\">\u062e\u062f\u0645\u0627\u062a<\/a><\/li>\r\n <li><a href=\"#process\">\u0641\u0631\u0622\u06cc\u0646\u062f<\/a><\/li>\r\n <li><a href=\"#portfolio\">\u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631<\/a><\/li>\r\n <li><a href=\"#contact\">\u062a\u0645\u0627\u0633<\/a><\/li>\r\n <\/ul><\/nav>\r\n <a href=\"#contact\" class=\"nav-cta\">\u0634\u0631\u0648\u0639 \u067e\u0631\u0648\u0698\u0647<\/a>\r\n <\/div>\r\n<\/header>\r\n\r\n<section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-tag\"><i><\/i> \u062f\u0631 \u062d\u0627\u0644 \u067e\u0630\u06cc\u0631\u0634 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f<\/div>\r\n <h1>\r\n <div class=\"word\" style=\"animation-delay:.05s\"><span style=\"animation-delay:.05s\">\u0633\u0627\u06cc\u062a\u06cc<\/span><\/div>\r\n <div class=\"word\"><span style=\"animation-delay:.15s\">\u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645<\/span><\/div>\r\n <div class=\"word\"><span style=\"animation-delay:.25s\">\u06a9\u0647<\/span><\/div>\r\n <div class=\"word\"><span style=\"animation-delay:.35s\">\u062f\u0631<\/span><\/div>\r\n <br>\r\n <div class=\"word\"><span class=\"grad\" style=\"animation-delay:.45s\">\u0630\u0647\u0646<\/span><\/div>\r\n <div class=\"word\"><span class=\"grad\" style=\"animation-delay:.55s\">\u0645\u062e\u0627\u0637\u0628<\/span><\/div>\r\n <div class=\"word\"><span style=\"animation-delay:.65s\">\u0645\u06cc\u200c\u0645\u0627\u0646\u062f<\/span><\/div>\r\n <\/h1>\r\n <div class=\"hero-sub\">\r\n <p>\u0627\u0633\u062a\u0648\u062f\u06cc\u0648\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0627\u0646\u06cc\u06a9\u061b \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u062e\u0627\u0635 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0646\u062f \u0645\u062a\u0641\u0627\u0648\u062a \u062f\u06cc\u062f\u0647 \u0634\u0648\u0646\u062f.<\/p>\r\n <a href=\"#contact\" class=\"btn\">\u0634\u0631\u0648\u0639 \u0647\u0645\u06a9\u0627\u0631\u06cc \u2197<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"marquee-wrap\">\r\n <div class=\"marquee\">\r\n <span><i><\/i>\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a<\/span>\r\n <span><i><\/i>\u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/span>\r\n <span><i><\/i>\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/span>\r\n <span><i><\/i>\u0628\u0631\u0646\u062f\u06cc\u0646\u06af \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/span>\r\n <span><i><\/i>\u0645\u0648\u0634\u0646 \u062f\u06cc\u0632\u0627\u06cc\u0646<\/span>\r\n <span><i><\/i>\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a<\/span>\r\n <span><i><\/i>\u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/span>\r\n <span><i><\/i>\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/span>\r\n <span><i><\/i>\u0628\u0631\u0646\u062f\u06cc\u0646\u06af \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/span>\r\n <span><i><\/i>\u0645\u0648\u0634\u0646 \u062f\u06cc\u0632\u0627\u06cc\u0646<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<section id=\"services\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u062e\u062f\u0645\u0627\u062a<\/div>\r\n <h2>\u0647\u0631 \u0622\u0646\u0686\u0647 \u0628\u0631\u0627\u06cc \u062d\u0636\u0648\u0631 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f<\/h2>\r\n <\/div>\r\n <div class=\"services-list\">\r\n <div class=\"service-row reveal\">\r\n <span class=\"num\">\u06f0\u06f1<\/span>\r\n <h3>\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a\u06cc<\/h3>\r\n <p>\u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u06cc \u06a9\u0647 \u0647\u0648\u06cc\u062a \u0628\u0631\u0646\u062f \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647\u200c\u062f\u0631\u0633\u062a\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\r\n <span class=\"arrow\">\u2197<\/span>\r\n <\/div>\r\n <div class=\"service-row reveal\">\r\n <span class=\"num\">\u06f0\u06f2<\/span>\r\n <h3>\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/h3>\r\n <p>\u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0633\u0631\u06cc\u0639\u060c \u0627\u0645\u0646 \u0648 \u0622\u0645\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0641\u0631\u0648\u0634 \u0648\u0627\u0642\u0639\u06cc.<\/p>\r\n <span class=\"arrow\">\u2197<\/span>\r\n <\/div>\r\n <div class=\"service-row reveal\">\r\n <span class=\"num\">\u06f0\u06f3<\/span>\r\n <h3>\u0644\u0646\u062f\u06cc\u0646\u06af \u067e\u06cc\u062c \u0641\u0631\u0648\u0634<\/h3>\r\n <p>\u0635\u0641\u062d\u0647\u200c\u0627\u06cc \u0645\u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u062a\u0628\u062f\u06cc\u0644 \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc.<\/p>\r\n <span class=\"arrow\">\u2197<\/span>\r\n <\/div>\r\n <div class=\"service-row reveal\">\r\n <span class=\"num\">\u06f0\u06f4<\/span>\r\n <h3>\u0645\u0648\u0634\u0646 \u0648 \u062a\u0639\u0627\u0645\u0644<\/h3>\r\n <p>\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648 \u062a\u0639\u0627\u0645\u0644\u0627\u062a\u06cc \u06a9\u0647 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0647\u200c\u06cc\u0627\u062f\u200c\u0645\u0627\u0646\u062f\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\r\n <span class=\"arrow\">\u2197<\/span>\r\n <\/div>\r\n <div class=\"service-row reveal\">\r\n <span class=\"num\">\u06f0\u06f5<\/span>\r\n <h3>\u0633\u0626\u0648 \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f<\/h3>\r\n <p>\u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627 \u0648 \u0631\u062a\u0628\u0647 \u0628\u0647\u062a\u0631 \u062f\u0631 \u0646\u062a\u0627\u06cc\u062c \u062c\u0633\u062a\u062c\u0648.<\/p>\r\n <span class=\"arrow\">\u2197<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"process\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u0641\u0631\u0622\u06cc\u0646\u062f \u06a9\u0627\u0631<\/div>\r\n <h2>\u0645\u0633\u06cc\u0631\u06cc \u0634\u0641\u0627\u0641 \u0627\u0632 \u0627\u06cc\u062f\u0647 \u062a\u0627 \u0627\u062c\u0631\u0627<\/h2>\r\n <\/div>\r\n <div class=\"process-scroll\">\r\n <div class=\"p-card reveal\"><div class=\"p-num\">01<\/div><h3>\u06a9\u0634\u0641 \u0648 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc<\/h3><p>\u0634\u0646\u0627\u062e\u062a \u0628\u0631\u0646\u062f\u060c \u0645\u062e\u0627\u0637\u0628 \u0648 \u0647\u062f\u0641 \u067e\u0631\u0648\u0698\u0647.<\/p><\/div>\r\n <div class=\"p-card reveal\"><div class=\"p-num\">02<\/div><h3>\u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637<\/h3><p>\u0637\u0631\u0627\u062d\u06cc \u0628\u0635\u0631\u06cc \u0645\u0646\u062d\u0635\u0631\u0628\u0647\u200c\u0641\u0631\u062f \u0648 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0628\u0631\u0646\u062f.<\/p><\/div>\r\n <div class=\"p-card reveal\"><div class=\"p-num\">03<\/div><h3>\u062a\u0648\u0633\u0639\u0647<\/h3><p>\u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0627 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u062a\u0645\u06cc\u0632 \u0648 \u0633\u0631\u06cc\u0639.<\/p><\/div>\r\n <div class=\"p-card reveal\"><div class=\"p-num\">04<\/div><h3>\u062a\u0633\u062a<\/h3><p>\u0628\u0631\u0631\u0633\u06cc \u0631\u0648\u06cc \u0647\u0645\u0647 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0648 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627.<\/p><\/div>\r\n <div class=\"p-card reveal\"><div class=\"p-num\">05<\/div><h3>\u062a\u062d\u0648\u06cc\u0644 \u0648 \u0631\u0634\u062f<\/h3><p>\u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0633\u062a\u0645\u0631.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"portfolio\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627<\/div>\r\n <h2>\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0627 \u0627\u0641\u062a\u062e\u0627\u0631 \u0633\u0627\u062e\u062a\u06cc\u0645<\/h2>\r\n <p>\u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0646\u0627\u0645 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0641\u0639\u0644\u0627\u064b \u0646\u0645\u0648\u0646\u0647\u200c \u0647\u0633\u062a\u0646\u062f \u062a\u0627 \u062d\u0633 \u0648\u0627\u0642\u0639\u06cc \u0635\u0641\u062d\u0647 \u0631\u0648 \u0628\u0628\u06cc\u0646\u06cc\u061b \u0628\u0639\u062f\u0627\u064b \u0628\u0627 \u0639\u06a9\u0633 \u0648 \u0627\u0633\u0645 \u0648\u0627\u0642\u0639\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f\u062a\u0627\u0646 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\r\n <\/div>\r\n <div class=\"port-grid\">\r\n <div class=\"port-card p1 reveal\">\r\n <div class=\"bg\"><\/div>\r\n <div class=\"icon-mark\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.2\"><path d=\"M6 8h12l-1 12H7L6 8Z\"\/><path d=\"M9 8V6a3 3 0 0 1 6 0v2\"\/><\/svg><\/div>\r\n <div class=\"port-overlay\"><span>\u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc<\/span><h3>\u062f\u06cc\u062c\u06cc\u200c\u0627\u0633\u062a\u0627\u06cc\u0644 \u2014 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u067e\u0648\u0634\u0627\u06a9 \u0622\u0646\u0644\u0627\u06cc\u0646<\/h3><\/div>\r\n <\/div>\r\n <div class=\"port-card p2 reveal\">\r\n <div class=\"bg\"><\/div>\r\n <div class=\"icon-mark\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.2\"><path d=\"M4 21V4h8v17\"\/><path d=\"M12 21V9h8v12\"\/><path d=\"M7 8h1M7 11h1M7 14h1M15 12h1M15 15h1M15 18h1\"\/><\/svg><\/div>\r\n <div class=\"port-overlay\"><span>\u0634\u0631\u06a9\u062a\u06cc<\/span><h3>\u0645\u0647\u0646\u062f\u0633\u06cc \u067e\u0631\u062a\u0648 \u2014 \u0633\u0627\u06cc\u062a \u0645\u0639\u0631\u0641\u06cc \u062e\u062f\u0645\u0627\u062a<\/h3><\/div>\r\n <\/div>\r\n <div class=\"port-card p3 reveal\">\r\n <div class=\"bg\"><\/div>\r\n <div class=\"icon-mark\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.2\"><path d=\"M2 9 12 5l10 4-10 4L2 9Z\"\/><path d=\"M6 11v5c0 1.5 2.5 3 6 3s6-1.5 6-3v-5\"\/><\/svg><\/div>\r\n <div class=\"port-overlay\"><span>\u0644\u0646\u062f\u06cc\u0646\u06af \u067e\u06cc\u062c<\/span><h3>\u0622\u06a9\u0627\u062f\u0645\u06cc \u0631\u0634\u062f \u2014 \u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646<\/h3><\/div>\r\n <\/div>\r\n <div class=\"port-card p4 reveal\">\r\n <div class=\"bg\"><\/div>\r\n <div class=\"icon-mark\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.2\"><circle cx=\"9\" cy=\"9\" r=\"5\"\/><circle cx=\"15\" cy=\"9\" r=\"5\"\/><circle cx=\"12\" cy=\"15\" r=\"5\"\/><\/svg><\/div>\r\n <div class=\"port-overlay\"><span>\u0628\u0631\u0646\u062f\u06cc\u0646\u06af<\/span><h3>\u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u0646\u0648\u0627\u0646 \u2014 \u0647\u0648\u06cc\u062a \u0628\u0635\u0631\u06cc<\/h3><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"stats-band reveal\">\r\n <div class=\"stat\"><b>+\u06f5\u06f0<\/b><span>\u067e\u0631\u0648\u0698\u0647 \u062a\u062d\u0648\u06cc\u0644\u200c\u0634\u062f\u0647<\/span><\/div>\r\n <div class=\"stat\"><b>\u06f9\u06f8\u066a<\/b><span>\u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/span><\/div>\r\n <div class=\"stat\"><b>\u06f1\u06f0<\/b><span>\u0631\u0648\u0632 \u0645\u06cc\u0627\u0646\u06af\u06cc\u0646 \u062a\u062d\u0648\u06cc\u0644<\/span><\/div>\r\n <div class=\"stat\"><b>\u06f2\u06f4\/\u06f7<\/b><span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0646\u06cc<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"contact\">\r\n <div class=\"container cta reveal\">\r\n <div class=\"eyebrow\" style=\"justify-content:center;\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/div>\r\n <h2>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0686\u06cc\u0632\u06cc \u0628\u0633\u0627\u0632\u06cc\u0645 \u06a9\u0647 \u0648\u0627\u0642\u0639\u0627\u064b \u0628\u0647 \u0686\u0634\u0645 \u0628\u06cc\u0627\u06cc\u062f<\/h2>\r\n <p>\u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u0634\u0631\u0648\u0639 \u067e\u0631\u0648\u0698\u0647 \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f.<\/p>\r\n <a href=\"mailto:info@ownik.ir\" class=\"btn\">\u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644 \u2197<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n <div class=\"container\">\r\n <div class=\"footer-top\">\r\n <h3>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0627\u06cc\u062f\u0647\u200c\u062a\u0627\u0646 \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0633\u0627\u06cc\u062a \u0648\u0627\u0642\u0639\u06cc \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u06cc\u0645.<\/h3>\r\n <div class=\"footer-links\">\r\n <div class=\"footer-col\">\r\n <h4>\u0644\u06cc\u0646\u06a9\u200c\u0647\u0627<\/h4>\r\n <ul><li><a href=\"#services\">\u062e\u062f\u0645\u0627\u062a<\/a><\/li><li><a href=\"#process\">\u0641\u0631\u0622\u06cc\u0646\u062f<\/a><\/li><li><a href=\"#portfolio\">\u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631<\/a><\/li><\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>\u062a\u0645\u0627\u0633<\/h4>\r\n <ul><li>info@ownik.ir<\/li><li>ownik.ir<\/li><\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span>\u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0628\u0631\u0627\u06cc Ownik.ir \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/span>\r\n <span>\u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0628\u0627 \u2764<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n const cursor = document.getElementById('cursor');\r\n const glow = document.getElementById('glow');\r\n window.addEventListener('mousemove', (e)=>{\r\n cursor.style.left = e.clientX+'px';\r\n cursor.style.top = e.clientY+'px';\r\n glow.style.left = e.clientX+'px';\r\n glow.style.top = e.clientY+'px';\r\n });\r\n document.querySelectorAll('a, .service-row, .p-card, .port-card').forEach(el=>{\r\n el.addEventListener('mouseenter', ()=> cursor.classList.add('grow'));\r\n el.addEventListener('mouseleave', ()=> cursor.classList.remove('grow'));\r\n });\r\n\r\n const revealEls = document.querySelectorAll('.reveal');\r\n const io = new IntersectionObserver((entries)=>{\r\n entries.forEach(entry=>{\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('in');\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n }, {threshold:.12});\r\n revealEls.forEach(el=> io.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\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>Ownik \u2014 \u0627\u0633\u062a\u0648\u062f\u06cc\u0648\u06cc \u0637\u0631\u0627\u062d\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0627\u0646\u06cc\u06a9 \u062e\u062f\u0645\u0627\u062a \u0641\u0631\u0622\u06cc\u0646\u062f \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631 \u062a\u0645\u0627\u0633 \u0634\u0631\u0648\u0639 \u067e\u0631\u0648\u0698\u0647 \u062f\u0631 \u062d\u0627\u0644 \u067e\u0630\u06cc\u0631\u0634 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0633\u0627\u06cc\u062a\u06cc \u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645 \u06a9\u0647 \u062f\u0631 \u0630\u0647\u0646 \u0645\u062e\u0627\u0637\u0628 \u0645\u06cc\u200c\u0645\u0627\u0646\u062f \u0627\u0633\u062a\u0648\u062f\u06cc\u0648\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0627\u0646\u06cc\u06a9\u061b \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u062e\u0627\u0635 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0646\u062f \u0645\u062a\u0641\u0627\u0648\u062a \u062f\u06cc\u062f\u0647 \u0634\u0648\u0646\u062f. \u0634\u0631\u0648\u0639 \u0647\u0645\u06a9\u0627\u0631\u06cc \u2197 \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u0628\u0631\u0646\u062f\u06cc\u0646\u06af \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0648\u0634\u0646 \u062f\u06cc\u0632\u0627\u06cc\u0646 \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u062a\u062c\u0631\u0628\u0647 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ownik.ir\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ownik.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ownik.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ownik.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ownik.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":17,"href":"https:\/\/ownik.ir\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/ownik.ir\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/ownik.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}