{
	"$schema": "../../schemas/code-crispies-module-schema.json",
	"id": "welcome",
	"title": "مرحباً",
	"description": "ابدأ مع Code Crispies",
	"mode": "html",
	"difficulty": "beginner",
	"excludeFromProgress": true,
	"lessons": [
		{
			"id": "hello",
			"title": "أهلاً!",
			"description": "<strong>مرحباً بك في Code Crispies!</strong> تعلم CSS و HTML من خلال تمارين عملية.<br><br><strong>كيف يعمل:</strong><br>1. اقرأ المهمة على اليسار<br>2. اكتب الكود في المحرر<br>3. شاهد النتائج مباشرة في المعاينة<br><br><strong>نصائح:</strong> استخدم <kbd>Ctrl+Z</kbd> للتراجع. افتح القائمة (☰) لاستكشاف جميع الوحدات.",
			"task": "اكتب <code>Hello World</code> للبدء",
			"previewHTML": "",
			"previewBaseCSS": "body { font-family: system-ui, sans-serif; padding: 20px; text-align: center; font-size: 2rem; color: #6366f1; font-weight: bold; }",
			"sandboxCSS": "",
			"initialCode": "",
			"solution": "Hello World",
			"previewContainer": "preview-area",
			"validations": [
				{
					"type": "contains",
					"value": "Hello World",
					"message": "اكتب <code>Hello World</code>"
				}
			]
		}
	]
}