الواجهة الرئيسية للشركات

{
  "content": [
    {
      "id": "hero_section",
      "name": "section",
      "parent": 0,
      "children": ["hero_container"],
      "settings": {
        "_padding": { "top": "100", "bottom": "60" },
        "_background": { "color": { "hex": "#0f172a", "name": "Slate 900" } },
        "_shapeDividers": [
          {
            "shape": "waves-opacity",
            "color": { "hex": "#1e293b" },
            "height": "60",
            "flip": true
          }
        ]
      }
    },
    {
      "id": "hero_container",
      "name": "container",
      "parent": "hero_section",
      "children": ["hero_badge", "hero_heading", "hero_sub", "search_wrap"],
      "settings": {
        "_display": "flex",
        "_direction": "column",
        "_alignItems": "center",
        "_rowGap": "20"
      }
    },
    {
      "id": "hero_badge",
      "name": "text-basic",
      "parent": "hero_container",
      "children": [],
      "settings": {
        "text": "مكتبة التصاميم",
        "_typography": { "color": { "hex": "#3b82f6" }, "font-weight": "600", "font-size": "14px", "text-transform": "uppercase", "letter-spacing": "2px" },
        "_background": { "color": { "hex": "rgba(59, 130, 246, 0.1)" } },
        "_padding": { "top": "8", "bottom": "8", "right": "16", "left": "16" },
        "_border": { "radius": { "top": "50", "bottom": "50", "right": "50", "left": "50" } }
      }
    },
    {
      "id": "hero_heading",
      "name": "heading",
      "parent": "hero_container",
      "children": [],
      "settings": {
        "text": "اكتشف قوالب بريكس الاحترافية",
        "tag": "h1",
        "_typography": { "color": { "hex": "#ffffff" }, "font-size": "48px", "text-align": "center", "line-height": "1.1", "font-weight": "800" },
        "_typography:mobile_portrait": { "font-size": "32px" }
      }
    },
    {
      "id": "hero_sub",
      "name": "text-basic",
      "parent": "hero_container",
      "children": [],
      "settings": {
        "text": "تصفح مجموعة واسعة من القوالب الجاهزة والمصممة بعناية لتناسب جميع احتياجاتك الرقمية. ابدأ مشروعك القادم بسرعة وكفاءة.",
        "_typography": { "color": { "hex": "#94a3b8" }, "text-align": "center", "font-size": "18px", "line-height": "1.6" },
        "_width": "60%",
        "_width:mobile_portrait": "90%"
      }
    },
    {
      "id": "search_wrap",
      "name": "div",
      "parent": "hero_container",
      "children": ["search_input"],
      "settings": {
        "_width": "50%",
        "_width:mobile_portrait": "90%",
        "_margin": { "top": "30" },
        "_position": "relative"
      }
    },
    {
      "id": "search_input",
      "name": "search",
      "parent": "search_wrap",
      "children": [],
      "settings": {
        "placeholder": "ابحث عن قالب...",
        "_formField": { "bg": { "hex": "#1e293b" }, "color": { "hex": "#ffffff" }, "border": { "width": "1", "color": { "hex": "#334155" } }, "size": "large" },
        "_cssCustom": "input { border-radius: 12px; padding-right: 20px; height: 55px; } \ninput:focus { border-color: #3b82f6; box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2); }"
      }
    },
    {
      "id": "archive_section",
      "name": "section",
      "parent": 0,
      "children": ["templates_grid"],
      "settings": {
        "_padding": { "bottom": "100", "top": "50" },
        "_background": { "color": { "hex": "#0f172a" } }
      }
    },
    {
      "id": "templates_grid",
      "name": "container",
      "parent": "archive_section",
      "children": ["card_1", "card_2", "card_3"],
      "settings": {
        "_display": "grid",
        "_gridTemplateColumns": "repeat(3, 1fr)",
        "_gridTemplateColumns:mobile_landscape": "repeat(2, 1fr)",
        "_gridTemplateColumns:mobile_portrait": "repeat(1, 1fr)",
        "_gap": "30"
      },
      "label": "Templates Loop"
    },
    {
      "id": "card_1",
      "name": "block",
      "parent": "templates_grid",
      "children": ["card_img_wrap", "card_body"],
      "settings": {
        "_background": { "color": { "hex": "#1e293b", "name": "Slate 800" } },
        "_border": { "radius": { "top": "16", "bottom": "16", "right": "16", "left": "16" }, "width": "1", "color": { "hex": "#334155" }, "style": "solid" },
        "_overflow": "hidden",
        "_cssCustom": "root { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } \nroot:hover { transform: translateY(-8px); border-color: #3b82f6; box-shadow: 0 20px 40px -10px rgba(0,0,0,0.3); } \nroot:hover .card-title { color: #3b82f6; }"
      },
      "label": "Loop Item"
    },
    {
      "id": "card_img_wrap",
      "name": "div",
      "parent": "card_1",
      "children": ["thumb_img"],
      "settings": {
        "_height": "220px",
        "_background": { "color": { "hex": "#0f172a" } },
        "_position": "relative",
        "_display": "flex",
        "_alignItems": "center",
        "_justifyContent": "center"
      }
    },
    {
      "id": "thumb_img",
      "name": "image",
      "parent": "card_img_wrap",
      "children": [],
      "settings": {
        "image": { "url": "https://via.placeholder.com/600x400/1e293b/3b82f6?text=Template+Preview" },
        "_width": "100%",
        "_height": "100%",
        "_objectFit": "cover",
        "_cssCustom": "img { transition: transform 0.5s ease; } \nroot:hover img { transform: scale(1.05); }"
      }
    },
    {
      "id": "card_body",
      "name": "div",
      "parent": "card_1",
      "children": ["meta_row", "card_title", "card_desc", "card_action"],
      "settings": { "_padding": { "top": "25", "right": "25", "bottom": "25", "left": "25" }, "_display": "flex", "_direction": "column", "_rowGap": "12" }
    },
    {
      "id": "meta_row",
      "name": "div",
      "parent": "card_body",
      "children": ["cat_badge"],
      "settings": { "_display": "flex", "_justifyContent": "space-between" }
    },
    {
      "id": "cat_badge",
      "name": "text-basic",
      "parent": "meta_row",
      "children": [],
      "settings": {
        "text": "شركات",
        "_typography": { "font-size": "12px", "color": { "hex": "#94a3b8" } },
        "_background": { "color": { "hex": "#334155" } },
        "_padding": { "top": "4", "bottom": "4", "right": "10", "left": "10" },
        "_border": { "radius": { "top": "4", "bottom": "4", "right": "4", "left": "4" } }
      }
    },
    {
      "id": "card_title",
      "name": "heading",
      "parent": "card_body",
      "children": [],
      "settings": {
        "text": "قالب الشركة التقنية",
        "tag": "h3",
        "_typography": { "color": { "hex": "#ffffff" }, "font-size": "20px", "font-weight": "700" },
        "_cssClasses": ["card-title"],
        "_cssCustom": "root { transition: color 0.3s; }"
      }
    },
    {
      "id": "card_desc",
      "name": "text-basic",
      "parent": "card_body",
      "children": [],
      "settings": {
        "text": "تصميم عصري متعدد الصفحات مناسب لشركات التقنية والخدمات الرقمية.",
        "_typography": { "color": { "hex": "#94a3b8" }, "font-size": "14px", "line-height": "1.6" }
      }
    },
    {
      "id": "card_action",
      "name": "button",
      "parent": "card_body",
      "children": [],
      "settings": {
        "text": "معاينة القالب",
        "style": "primary",
        "_background": { "color": { "hex": "#3b82f6" } },
        "_typography": { "color": { "hex": "#ffffff" }, "font-weight": "600" },
        "_margin": { "top": "15" },
        "_width": "100%",
        "_border": { "radius": { "top": "8", "bottom": "8", "right": "8", "left": "8" } }
      }
    },
    {
      "id": "card_2",
      "name": "block",
      "parent": "templates_grid",
      "children": ["card_img_wrap_2", "card_body_2"],
      "settings": { "_background": { "color": { "hex": "#1e293b" } }, "_border": { "radius": { "top": "16", "bottom": "16", "right": "16", "left": "16" }, "width": "1", "color": { "hex": "#334155" }, "style": "solid" }, "_overflow": "hidden" }
    },
    {
      "id": "card_img_wrap_2",
      "name": "div",
      "parent": "card_2",
      "children": ["thumb_img_2"],
      "settings": { "_height": "220px", "_background": { "color": { "hex": "#0f172a" } } }
    },
    {
      "id": "thumb_img_2",
      "name": "image",
      "parent": "card_img_wrap_2",
      "children": [],
      "settings": { "image": { "url": "https://via.placeholder.com/600x400/334155/ffffff?text=Portfolio+Pro" }, "_width": "100%", "_height": "100%", "_objectFit": "cover" }
    },
    {
      "id": "card_body_2",
      "name": "div",
      "parent": "card_2",
      "children": ["meta_row_2", "card_title_2", "card_desc_2", "card_action_2"],
      "settings": { "_padding": { "top": "25", "right": "25", "bottom": "25", "left": "25" }, "_display": "flex", "_direction": "column", "_rowGap": "12" }
    },
    { "id": "meta_row_2", "name": "div", "parent": "card_body_2", "children": [], "settings": { "_height": "20px" } },
    { "id": "card_title_2", "name": "heading", "parent": "card_body_2", "children": [], "settings": { "text": "معرض الأعمال", "tag": "h3", "_typography": { "color": { "hex": "#ffffff" }, "font-size": "20px", "font-weight": "700" } } },
    { "id": "card_desc_2", "name": "text-basic", "parent": "card_body_2", "children": [], "settings": { "text": "استعرض أعمالك بطريقة إبداعية مع هذا القالب المخصص للمصممين.", "_typography": { "color": { "hex": "#94a3b8" }, "font-size": "14px" } } },
    { "id": "card_action_2", "name": "button", "parent": "card_body_2", "children": [], "settings": { "text": "معاينة القالب", "_background": { "color": { "hex": "#3b82f6" } }, "_width": "100%", "_typography": { "color": { "hex": "#ffffff" } } } },
    {
      "id": "card_3",
      "name": "block",
      "parent": "templates_grid",
      "children": ["card_img_wrap_3", "card_body_3"],
      "settings": { "_background": { "color": { "hex": "#1e293b" } }, "_border": { "radius": { "top": "16", "bottom": "16", "right": "16", "left": "16" }, "width": "1", "color": { "hex": "#334155" }, "style": "solid" }, "_overflow": "hidden" }
    },
    {
      "id": "card_img_wrap_3",
      "name": "div",
      "parent": "card_3",
      "children": ["thumb_img_3"],
      "settings": { "_height": "220px", "_background": { "color": { "hex": "#0f172a" } } }
    },
    {
      "id": "thumb_img_3",
      "name": "image",
      "parent": "card_img_wrap_3",
      "children": [],
      "settings": { "image": { "url": "https://via.placeholder.com/600x400/020617/3b82f6?text=E-Commerce" }, "_width": "100%", "_height": "100%", "_objectFit": "cover" }
    },
    {
      "id": "card_body_3",
      "name": "div",
      "parent": "card_3",
      "children": ["meta_row_3", "card_title_3", "card_desc_3", "card_action_3"],
      "settings": { "_padding": { "top": "25", "right": "25", "bottom": "25", "left": "25" }, "_display": "flex", "_direction": "column", "_rowGap": "12" }
    },
    { "id": "meta_row_3", "name": "div", "parent": "card_body_3", "children": [], "settings": { "_height": "20px" } },
    { "id": "card_title_3", "name": "heading", "parent": "card_body_3", "children": [], "settings": { "text": "متجر إلكتروني", "tag": "h3", "_typography": { "color": { "hex": "#ffffff" }, "font-size": "20px", "font-weight": "700" } } },
    { "id": "card_desc_3", "name": "text-basic", "parent": "card_body_3", "children": [], "settings": { "text": "قالب متكامل للتجارة الإلكترونية يدعم WooCommerce بشكل كامل.", "_typography": { "color": { "hex": "#94a3b8" }, "font-size": "14px" } } },
    { "id": "card_action_3", "name": "button", "parent": "card_body_3", "children": [], "settings": { "text": "معاينة القالب", "_background": { "color": { "hex": "#3b82f6" } }, "_width": "100%", "_typography": { "color": { "hex": "#ffffff" } } } }
  ],
  "source": "bricksCopiedElements",
  "sourceUrl": "https://store.meshcah.net",
  "version": "2.1.3"
}

document.querySelector('[data-id="vwhcxw"]').addEventListener('click', function() {
  const code = document.querySelector('[data-id="dvgjoz"] code').innerText;
  navigator.clipboard.writeText(code);
  this.innerText = '✓ تم النسخ';
  setTimeout(() => this.innerText = 'نسخ الكود', 2000);
});