دليل الخدماتServices directory
خدمات قابلة للبحث والتصفية، مع حالات واضحة. تفاعل مع القالب أو استعرض كوده.
اختر طرازكاستكشف الثيمات
خدماتك، في مكان واحد
ابحث عن الخدمة المناسبة وابدأ رحلتك بخطوات واضحة.
6 خدمات متاحة
أضفه إلى مشروعك
نفّذ الأمر داخل مشروعك لإضافة المكوّن مباشرة من الرابط. يتولى المثبّت إضافة ملفات الحزمة وعددها 16، بما فيها الثيمات والاعتماديات.
Terminal
pnpm dlx shadcn@latest add https://tirazkit.moud4477.chatgpt.site/r/services-grid.jsonيتطلب التثبيت المباشر رابطًا متاحًا دون تسجيل دخول، ومشروعًا مهيّأً لاستخدام المكتبة. دليل التثبيت الكامل
التثبيت من ملف محلي
إذا كانت نسختك من السجل خاصة، نزّل الحزمة إلى مجلد مشروعك ثم ثبّتها من الملف.
تنزيل حزمة المكوّنTerminal
pnpm dlx shadcn@latest add ./services-grid.jsonاستخدم بياناتك
استبدل البيانات التوضيحية ببيانات مشروعك. روابط الخدمات والإجراءات تحددها من الخصائص، ويمكنك تعديل الكود بالكامل.
example.tsx
"use client";
import { Theme } from "@/components/tirazkit/theme";
import { ServicesGrid } from "@/components/tirazkit/services-grid";
export default function Example() {
return (
<Theme theme="dga" locale="ar">
<ServicesGrid services={[{
id: "certificate",
title: "إصدار شهادة",
description: "قدّم طلبك بخطوات واضحة.",
category: "الأفراد",
href: "/services/certificate",
duration: "5 دقائق",
}]} />
</Theme>
);
}