1. Glass Variant
بطاقة الزجاج المتكيف (Glassmorphism)
تأثير ضبابي حديث يعكس الألوان الخلفية بانسيابية.
إطلاق AstroArabia v2 Pro — النسخة الاحترافية الشاملة
بناء مواقع عربية خارقة للعادة
بأداء 100% وتصميم استثنائي
القالب العربي الأول المبني على Astro 7 و Tailwind CSS v4. مزود بأكثر من 65 مكون CVA، و5 أنظمة تصميم متكاملة، ودعم كامل للـ RTL الأصيل دون أي تراجع في الأداء.
100/100 على Lighthouse
خصائص منطقية RTL 100%
كود كامل ملكك لمرة واحدة
الهندسة المتقدمة
CVA + TypeScript + Tailwind v4
السرعة والنتيجة
0.4s LCP / 0ms CLS
معايير الأداء والامتثال القياسي المضمونة
- 100Performance
- 100Accessibility
- 100Best Practices
- 100SEO Score
بنية تحتية هندسية من الطراز الأول
مصمم للشركات التي لا تقبل بأقل من 100%
تمت صياغة كل بكسل ومكوّن في AstroArabia v2 Pro ليتفوق على المعايير العالمية في الأداء وإمكانية الوصول وتجربة المستخدم.
الأداء الفائق
100/100 على Lighthouse
سرعة لحظية وصفر اهتزاز في التخطيط (Zero-CLS)
بناء صفحات ثابتة Static-First بأقل من 15 كيلوبايت جافاسكريبت. زمن تفاعل خيالي وتحميل كامل في أقل من 0.4 ثانية.
100
الأداء (Performance)
100
الوصول (A11y)
100
أفضل الممارسات
100
تهيئة الـ SEO
الهندسة العربيةRTL-First
عربي أصيل بدون ترقيع
اعتماد صارم على الخصائص المنطقية للـ CSS (`margin-inline`, `padding-inline`). نصوص متوازنة هندسياً، وأوزان خطوط دقيقة بين العناوين والفقرات.
tailwind.config.mjsLogical properties only
ms-auto pe-6 text-start
// No margin-left or float hacks
المكونات+65 مكوّن
مكتبة CVA احترافية منسقة
أزرار، نوافذ منبثقة، جداول بيانات، شريط أوامر سريع (Cmd+K)، وحاسبات أسعار جاهزة مع أمان كامل للأنواع (TypeScript).
Bento GridsPricing TablesData TablesAuth ModalsCommand Menu
الهوية البصرية5 أنماط جاهزة
محرك ثيمات متكامل بضغطة زر
بدّل بين Clean SaaS، Bento Tech، Luxury Agency، وDark Cyber فوراً عبر متغيرات الـ Design Tokens الحديثة في Tailwind v4.
المبيعات والتحويل+42% CRO
أنماط تسويقية مجربة ومدروسة
نماذج جمع عملاء متعددة الخطوات، حاسبات تحويل، مقارنات أسعار ذكية، وعناصر ثقة وضمان معتمدة علمياً في سلوك المستهلك.
دعم الدفع بالريال والدولارSAR / USD Ready
معمل المكونات التفاعلي · Design System Playground
مكونات CVA جاهزة، دقيقة، وقابلة للتخصيص
جميع الأزرار والبطاقات تدعم التخصيص عبر Class Variance Authority، مع مراعاة مساحات اللمس (>= 44px) وتدرج الألوان المتزامن مع الثيم المختار.
BTN
6 Variantsأنماط الأزرار الستة (Button Variants)
الأزرار البارزة (Action & Highlights):
الأزرار الهادئة والمحددة (Secondary & Subtle):
أزرار Soft 3D / Claymorphism و Neumorphism (الفيزيائية ثلاثية الأبعاد):
Tactile CTAتعتمد على إزاحة أفقية وعمودية مائلة (-4px 5px) وظل داكن مجسم مع إضاءة حافة علوية مائلة (inset 2px 2px 3px) لانكسار ضوء السطح وهبوط ميكانيكي بزاوية الضغط عند النقر (:active).
المقاسات ومساحات اللمس (Sizes >= 44px):
نماذج الأزرار المزدوجة المعتمدة (Production Action Pairs):
توليفات جاهزة لأقسام البطل (Hero Sections) وصفحات الهبوط
النموذج 1: حجز المواعيد واستعراض الخدمات (Appointment Pattern)
النموذج 2: إطلاق المنتجات والـ SaaS (SaaS Conversion Pattern)
النموذج 3: الشركات وطلب عروض الأسعار (Corporate RFP Pattern)
جرّب التفاعل المباشر:
اضغط لمعاينة سرعة الاستجابة اللحظية
CRD
9 Stylesأنماط البطاقات (Card Styles)
2. Bento Variant
بطاقة بينتو الحديثة (Bento Grid Item)
حواف دائرية 1.5rem مع تباين عالي واستجابة مرنة.
3. Elevated Variant
البطاقة المرفوعة (Elevated Depth)
ظلال ناعمة متعددة الطبقات توحي بالعمق والتميز.
4. Clay 3D Variant-4px 6px
بطاقة كليمورفيزم البارزة (Claymorphism & 3D)
بروز ملموس مع إضاءة علوية داخلية وظل مائل رمادي خفيف.
5. Glow Variant
البطاقة المتوهجة (Glow & Neon Ambient)
هالة لونية محيطة ناعمة تجذب انتباه العميل للعروض الخاصة.
6. Minimal SwissClean
بطاقة البساطة السويسرية (Minimalist Swiss)
خطوط دقيقة ونقاء بصري فائق مريح للعين في القراءة والبيانات.
7. Acrylic Glass (VisionOS)
بطاقة الأكريليك الفائقة (Frosted Acrylic)
ضبابية زجاجية عميقة 28px مع تشبع لوني 200% ولمعان برّاق على الحواف.
8. Dynamic Theme Chameleonتتغير مع الثيم
بطاقة الهوية المتغيرة (Theme Chameleon)
تتحول ألوانها وهالتها وحوافها لحظياً عند تغيير لوحة الألوان من الهيدر!
9. Spotlight Aura (اختيار CTO)
بطاقة الهالة التفاعلية (Spotlight Aura)
إشعاع ضوئي علوي مركز مستوحى من واجهات Linear وRaycast الفاخرة.
جاهزة للإطلاق المباشر
مسارات وقوالب متخصصة لمشروعك القادم
خمسة مسارات عملية مصممة بدقة لتلبي متطلبات الشركات الناشئة، الوكالات، ومطوري الـ SaaS.
v2 Pro جاهز01
الشركات والخدمات (Agency Elite)
اعرض خدماتك بوضوح وخذ طلبات العملاء بدون تعقيد مع نماذج طلب عروض أسعار متقدمة.
معاينة النموذج ←v2 Pro جاهز02
الخدمات المنزلية (Home Services)
صيانة وتنظيف وتكييف ونقل أثاث — صفحة قطاعية كاملة بنموذج طلب زيارة يلتقط العملاء مباشرة.
معاينة النموذج ←v2 Pro جاهز03
المنتجات الرقمية (SaaS & Micro-SaaS)
صفحات هبوط عالية التحويل وباقات واضحة تساعد عميلك على الاشتراك بثقة وسرعة.
معاينة النموذج ←متاح الآن04
التوثيق والبرمجة (Developer Docs)
توثيق عربي تقني فائق التنظيم يتيح لفريقك وعملائك استكشاف الواجهات البرمجية بسهولة.
معاينة النموذج ←متاح الآن05
العلامة الشخصية (Elite Portfolio)
اعرض خبرتك وأعمالك وتجاربك السابقة بأسلوب بصري فاخر يفتح لك آفاقاً وشراكات مهنية.
معاينة النموذج ←متاح الآن06
صفحة الهبوط والتسويق (Campaign Landing)
صفحة مخصصة للحملات الإعلانية تركز على إجراء واحد لرفع نسبة التحويل إلى أقصى حد.
معاينة النموذج ←المعرفة الهندسية
أحدث مقالات المدونة والرؤى التقنية
أدلة وتجارب معمقة حول تطوير واجهات الويب العربي والأداء وحلول Astro.
تجربة عربية
·4 دقائق
لماذا يبدأ الموقع العربي من RTL؟
فهم الاتجاه من البداية يصنع تجربة عربية طبيعية، لا نسخة معكوسة من واجهة أجنبية.
قراءة متعمقةاقرأ المقال
أداء الويب
·5 دقائق
كيف تحافظ على سرعة موقعك Static؟
خطوات عملية لتقليل الحمل، تحسين الصور، والحفاظ على تجربة سريعة على الجوال.
قراءة متعمقةاقرأ المقال
نموذج توضيحي
آراء العملاء — كما ستظهر لعملائك
نماذج شهادات جاهزة — استبدلها بتجارب عملائك الحقيقية وستبدو بهذا الرقي.
"وفرت علي AstroArabia v2 Pro أكثر من 3 أسابيع من العمل على الـ RTL وضبط خصائص Tailwind v4. أطلقنا صفحة الهبوط في يومين فقط وحققنا نتائج 100/100 في كل اختبارات السرعة."
س
سلطان العتيبي
مؤسس تقني في الرياض • منصة مدار SaaS
"بصراحة، أول مرة أرى قالباً عربياً بهذا الرقي الهندسي. بدون إيموجي عشوائي، وأزرار CVA مضبوطة بالمليمتر، وتنسيق الخطوط متوازن ومريح جداً للعين."
م
م. فهد الزهراني
مدير هندسة البرمجيات • استوديو نكست الرقمي
"استثمار 99 دولار في هذا القالب رجع لي في أول مشروع عميل سلمته. المكونات نظيفة جداً وخفيفة على الجوال بدون أي تعليق."
ر
رنا الحربي
مطورة واجهات مستقلة • جدة
استثمار لمرة واحدة — بدون اشتراكات شهرية
اختر الخطة المناسبة وانطلق اليوم
وفّر أكثر من 120 ساعة عمل في التصميم والهندسة العكسية للـ RTL. كود نظيف ملكك للأبد.
النسخة المجانية
مفتوح المصدرمثالي للمطورين الهواة والمشاريع الفردية البسيطة.
0ريال
مجاني دائماً تحت ترخيص MIT
- القالب الأساسي مع دعم RTL الافتراضي
- المكونات الأساسية (Button, Card, Header)
- 5 صفحات مسارات أساسية
- مكتبة مكونات v2 Pro الاحترافية
- أنماط وحاسبات الأسعار التفاعلية
الأكثر طلباً للشركات والناشئة
AstroArabia v2 Pro
ترخيص فرديالترخيص الكامل لإطلاق موقع تجاري أو منصة SaaS فائقة السرعة.
370ريال سعودي
دفع لمرة واحدة — وصول كامل وتحديثات لمدة سنة
- كافة المكونات الاحترافية الـ 65+ (CVA + TS)
- 5 أنظمة وهوية بصرية كاملة قابلة للتبديل
- شبكات Bento Grids وحاسبات الأسعار بالريال والدولار
- أداء 100% مضمون على Google Lighthouse
- وصول للمستودع الخاص وتحديثات المكونات لمدة 12 شهر
احصل على النسخة Pro الآن (99$)
ضمان استرداد كامل خلال 14 يوماً في حال عدم الرضا
ترخيص الوكالات
مشاريع غير محدودةللشركات والوكالات الرقمية التي تبني مواقع متعددة للعملاء.
745ريال سعودي
دفع لمرة واحدة — استخدام غير محدود لكافة المشاريع
- كل ما تشمله نسخة v2 Pro بالكامل
- عدد غير محدود من المشاريع ومواقع العملاء
- دعم فني خاص ذو أولوية عبر قنوات الدعم
- أولوية في طلب المكونات الجديدة
كل ما تحتاج معرفته
الأسئلة الأكثر شيوعاً
إجابات شفافة حول التراخيص، الدعم، والمكدس التقني.
ما هو الفارق الجوهري بين النسخة المجانية ونسخة AstroArabia v2 Pro ($99)؟
النسخة المجانية توفر قالباً أساسياً بتصميم مبدئي لـ 5 صفحات. بينما نسخة v2 Pro هي نظام تصميم متكامل يضم أكثر من 65 مكوناً احترافياً مع CVA، و5 ثيمات هوية متكاملة، وحاسبات أسعار تفاعلية، وشبكات Bento، مع حركات GSAP مهيأة وصفر اهتزاز في الأداء (100% Lighthouse).
هل الدفع لمرة واحدة أم توجد اشتراكات متكررة؟
الدفع لمرة واحدة فقط وبدون أي اشتراكات خفية. بمجرد شرائك للنسخة، يصبح الكود ملكك بالكامل وتستمتع بتحديثات مجانية لمدة 12 شهراً.
هل القالب متوافق مع أحدث إصدارات Astro و Tailwind CSS؟
نعم، القالب مبني على أحدث إصدارات Astro 7 (الإصدار 7.2.9) و Tailwind CSS v4 باستخدام خصائص CSS المنطقية (Logical Properties) لدعم RTL العربي الأصيل وبدون أي كود زائد.
كيف يتم استلام الكود والوصول للمستودع بعد الشراء؟
فور إتمام عملية الشراء، تحصل على رابط فوري لتحميل الحزمة الكاملة بالإضافة إلى دعوة وصول للمستودع الخاص على GitHub لمتابعة التحديثات والإصدارات الجديدة أولاً بأول.
ما هي سياسة الاسترداد والضمان؟
نحن على ثقة تامة بجودة وهندسة AstroArabia v2 Pro. إذا واجهت أي مشكلة فنية ولم تتمكن من استخدام القالب، نوفر ضمان استرداد كامل خلال 14 يوماً من تاريخ الشراء.
وصول فوري للكود والوثائق
انقل تجربة موقعك العربي لمستوى جديد اليوم
احصل على رخصة AstroArabia v2 Pro الدائمة، مع كافة المكونات الـ 65+ وتحديثات 12 شهراً بـ 99$ فقط.