{"id":1,"date":"2026-08-25T17:09:10","date_gmt":"2026-08-25T13:39:10","guid":{"rendered":"https:\/\/bakita.ir\/?p=1"},"modified":"2026-08-25T17:27:49","modified_gmt":"2026-08-25T13:57:49","slug":"%d8%b3%d9%84%d8%a7%d9%85-%d8%af%d9%86%db%8c%d8%a7","status":"publish","type":"post","link":"https:\/\/bakita.ir\/?p=1","title":{"rendered":"\u067e\u0644\u062a\u0641\u0631\u0645 \u06cc\u0648\u06cc\u0648"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><\/summary>\n<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u067e\u0644\u062a\u0641\u0631\u0645 \u06cc\u0648\u06cc\u0648 | Yoyo Core<\/title>\n    \n    <!-- \u0641\u0648\u0646\u062a \u0648\u0632\u06cc\u0631\u0645\u062a\u0646 \u0628\u0631\u0627\u06cc \u062a\u0627\u06cc\u067e\u0648\u06af\u0631\u0627\u0641\u06cc \u062a\u0645\u06cc\u0632 \u0648 \u0645\u062f\u0631\u0646 -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/gh\/rastikerdar\/vazirmatn@v33.0.0\/Vazirmatn-font-face.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n    \n    <style>\n        :root {\n            --bg-color: #07070a;\n            --surface-color: rgba(25, 25, 30, 0.6);\n            --gold-primary: #d4af37;\n            --gold-hover: #f1c43f;\n            --text-main: #ffffff;\n            --text-muted: #a0a0a5;\n            --glass-border: rgba(212, 175, 55, 0.15);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Vazirmatn', sans-serif;\n        }\n\n        body {\n            background-color: var(--bg-color);\n            background-image: radial-gradient(circle at 50% 0%, #1a1a24 0%, #07070a 60%);\n            color: var(--text-main);\n            min-height: 100vh;\n            overflow-x: hidden;\n            line-height: 1.6;\n        }\n\n        \/* --- Navbar --- *\/\n        nav {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1.5rem 5%;\n            background: rgba(7, 7, 10, 0.8);\n            backdrop-filter: blur(12px);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n            position: fixed;\n            width: 100%;\n            top: 0;\n            z-index: 100;\n        }\n\n        .logo {\n            font-size: 1.8rem;\n            font-weight: 800;\n            letter-spacing: -1px;\n            background: linear-gradient(45deg, #fff, var(--gold-primary));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .nav-links {\n            display: flex;\n            gap: 2rem;\n            list-style: none;\n        }\n\n        .nav-links a {\n            color: var(--text-muted);\n            text-decoration: none;\n            font-weight: 500;\n            transition: color 0.3s ease;\n        }\n\n        .nav-links a:hover {\n            color: var(--gold-primary);\n        }\n\n        .btn-outline {\n            padding: 0.6rem 1.5rem;\n            border: 1px solid var(--gold-primary);\n            color: var(--gold-primary);\n            border-radius: 30px;\n            text-decoration: none;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n\n        .btn-outline:hover {\n            background: var(--gold-primary);\n            color: var(--bg-color);\n            box-shadow: 0 0 15px rgba(212, 175, 55, 0.3);\n        }\n\n        \/* --- Hero Section --- *\/\n        .hero {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            min-height: 100vh;\n            padding: 0 20px;\n            position: relative;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            width: 400px;\n            height: 400px;\n            background: rgba(212, 175, 55, 0.05);\n            filter: blur(100px);\n            border-radius: 50%;\n            z-index: -1;\n        }\n\n        .hero-badge {\n            background: var(--surface-color);\n            border: 1px solid var(--glass-border);\n            padding: 0.5rem 1rem;\n            border-radius: 20px;\n            color: var(--gold-primary);\n            font-size: 0.9rem;\n            margin-bottom: 1.5rem;\n            backdrop-filter: blur(10px);\n            animation: fadeInDown 1s ease;\n        }\n\n        .hero h1 {\n            font-size: 4rem;\n            font-weight: 900;\n            line-height: 1.2;\n            margin-bottom: 1.5rem;\n            animation: fadeInUp 1s ease 0.2s both;\n        }\n\n        .hero h1 span {\n            color: var(--gold-primary);\n        }\n\n        .hero p {\n            color: var(--text-muted);\n            font-size: 1.2rem;\n            max-width: 600px;\n            margin-bottom: 2.5rem;\n            animation: fadeInUp 1s ease 0.4s both;\n        }\n\n        .hero-cta {\n            display: flex;\n            gap: 1rem;\n            animation: fadeInUp 1s ease 0.6s both;\n        }\n\n        .btn-primary {\n            background: var(--gold-primary);\n            color: var(--bg-color);\n            padding: 1rem 2.5rem;\n            border-radius: 30px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 1.1rem;\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n        }\n\n        .btn-primary:hover {\n            background: var(--gold-hover);\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.2);\n        }\n\n        \/* --- Features Section --- *\/\n        .features {\n            padding: 5rem 5%;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .feature-card {\n            background: var(--surface-color);\n            border: 1px solid var(--glass-border);\n            padding: 2.5rem 2rem;\n            border-radius: 24px;\n            backdrop-filter: blur(12px);\n            transition: transform 0.4s ease, border-color 0.4s ease;\n        }\n\n        .feature-card:hover {\n            transform: translateY(-10px);\n            border-color: rgba(212, 175, 55, 0.5);\n            background: rgba(30, 30, 35, 0.8);\n        }\n\n        .feature-icon {\n            font-size: 2.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .feature-card h3 {\n            font-size: 1.4rem;\n            margin-bottom: 1rem;\n            color: #fff;\n        }\n\n        .feature-card p {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n        }\n\n        \/* --- Animations --- *\/\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        @keyframes fadeInDown {\n            from { opacity: 0; transform: translateY(-20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .hero h1 { font-size: 2.5rem; }\n            .nav-links { display: none; }\n            .hero-cta { flex-direction: column; width: 100%; max-width: 300px; }\n            .btn-outline, .btn-primary { text-align: center; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- \u0646\u0648\u0627\u0631 \u0646\u0627\u0648\u0628\u0631\u06cc -->\n    <nav>\n        <div class=\"logo\">\u06cc\u0648\u06cc\u0640\u0648<\/div>\n        <ul class=\"nav-links\">\n            <li><a href=\"#home\">\u062e\u0627\u0646\u0647<\/a><\/li>\n            <li><a href=\"#core\">\u0647\u0633\u062a\u0647 \u06cc\u0648\u06cc\u0648<\/a><\/li>\n            <li><a href=\"#architecture\">\u0645\u0639\u0645\u0627\u0631\u06cc \u0633\u06cc\u0633\u062a\u0645<\/a><\/li>\n        <\/ul>\n        <a href=\"#\" class=\"btn-outline\">\u0648\u0631\u0648\u062f \u0628\u0647 \u067e\u0644\u062a\u0641\u0631\u0645<\/a>\n    <\/nav>\n\n    <!-- \u0628\u062e\u0634 \u0627\u0635\u0644\u06cc \/ \u0647\u06cc\u0631\u0648 -->\n    <section class=\"hero\" id=\"home\">\n        <div class=\"hero-badge\">\u0646\u0633\u062e\u0647 1.0 &#8211; \u0645\u0639\u0645\u0627\u0631\u06cc \u0646\u0648\u06cc\u0646<\/div>\n        <h1>\u0622\u06cc\u0646\u062f\u0647 \u0628\u0627 <span>\u0647\u0633\u062a\u0647 \u06cc\u0648\u06cc\u0648<\/span> \u0622\u063a\u0627\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f<\/h1>\n        <p>\u067e\u0644\u062a\u0641\u0631\u0645\u06cc \u0644\u0627\u06a9\u0686\u0631\u06cc\u060c \u0645\u062f\u0631\u0646 \u0648 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0631\u0627\u06cc \u067e\u0631\u062f\u0627\u0632\u0634\u060c \u062a\u062d\u0644\u06cc\u0644 \u0648 \u062e\u0644\u0642 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627\u06cc \u0628\u06cc\u200c\u067e\u0627\u06cc\u0627\u0646. \u062f\u0631 \u06a9\u0644\u0627\u0633 \u062c\u0647\u0627\u0646\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u062a\u0627 \u062f\u0633\u062a\u06cc\u0627\u0631 \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0634\u0645\u0627 \u0628\u0627\u0634\u062f.<\/p>\n        \n        <div class=\"hero-cta\">\n            <a href=\"#\" class=\"btn-primary\">\u0634\u0631\u0648\u0639 \u062a\u0639\u0627\u0645\u0644<\/a>\n            <a href=\"#\" class=\"btn-outline\" style=\"padding: 1rem 2.5rem;\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u0639\u0645\u0627\u0631\u06cc<\/a>\n        <\/div>\n    <\/section>\n\n    <!-- \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 -->\n    <section class=\"features\" id=\"core\">\n        <div class=\"feature-card\">\n            <div class=\"feature-icon\">\u2699\ufe0f<\/div>\n            <h3>\u067e\u0631\u062f\u0627\u0632\u0634 \u0647\u0648\u0634\u0645\u0646\u062f<\/h3>\n            <p>\u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0628\u0631\u0627\u06cc \u062a\u062d\u0644\u06cc\u0644 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0648 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u062f\u0647\u0627\u06cc \u0634\u0645\u0627 \u0628\u0627 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u0633\u0631\u0639\u062a \u0645\u0645\u06a9\u0646.<\/p>\n        <\/div>\n        <div class=\"feature-card\">\n            <div class=\"feature-icon\">\u26a1<\/div>\n            <h3>\u0645\u0639\u0645\u0627\u0631\u06cc \u0628\u06cc\u200c\u0646\u0642\u0635<\/h3>\n            <p>\u062a\u0648\u0633\u0639\u0647\u200c\u06cc\u0627\u0641\u062a\u0647 \u0628\u0631 \u067e\u0627\u06cc\u0647 \u0633\u0627\u062e\u062a\u0627\u0631\u0647\u0627\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0648 \u0645\u062f\u0631\u0646\u060c \u0622\u0645\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 \u062f\u06cc\u062a\u0627\u0628\u06cc\u0633\u200c\u0647\u0627 \u0648 \u062c\u0631\u06cc\u0627\u0646\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647.<\/p>\n        <\/div>\n        <div class=\"feature-card\">\n            <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\n            <h3>\u0627\u0645\u0646\u06cc\u062a \u0648 \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646<\/h3>\n            <p>\u062d\u0641\u0638 \u062d\u0631\u06cc\u0645 \u062e\u0635\u0648\u0635\u06cc \u0628\u0627 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627 \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc \u062f\u0631 \u0632\u0645\u0627\u0646 \u0648 \u0645\u0646\u0627\u0628\u0639 \u0634\u0645\u0627.<\/p>\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\n<\/details>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_angie_page":false,"page_builder":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/bakita.ir\/index.php?rest_route=\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bakita.ir\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bakita.ir\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bakita.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bakita.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1"}],"version-history":[{"count":2,"href":"https:\/\/bakita.ir\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/bakita.ir\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/bakita.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bakita.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bakita.ir\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}