Denxa

دنكسا – قالب HTML لعيادات الأسنان واستوديو الابتسامة

قالب عيادة أسنان من 22 صفحة بثلاث لغات (إنجليزي/عربي/ألماني)، يضم ست صفحات علاجية وملفات للأطباء وقائمة أسعار منشورة ومسار طلب موعد ومعرض ابتسامات. مصمم للجوال أولاً مع انعكاس كامل للاتجاه من اليمين إلى اليسار.

دنكسا واجهة أمامية متكاملة متعددة الصفحات لعيادات الأسنان ومراكز التقويم والعيادات العائلية. يضم اثنتين وعشرين صفحة جاهزة — الرئيسية، من نحن، نظرة عامة على العلاجات وست صفحات علاجية مستقلة، قائمة الأطباء وملف الطبيب، صفحة طلب موعد، قائمة أسعار منشورة، معرض الابتسامات، آراء المرضى، الأسئلة الشائعة، المدونة والمقال، تواصل معنا، صفحة 404، الشروط والخصوصية — وكلها تشترك في ترويسة وتذييل ونظام تصميم واحد. وقد أُعيد ترتيب الصفحة الرئيسية لا مجرد تغيير مظهرها: فبعد القسم الرئيسي مباشرة يأتي رقم الهاتف وساعات العمل، لأن ذلك ما يبحث عنه من يتألم، ثم العلاجات، فقصة العيادة، فالأرقام، فأسباب بقاء المرضى، فجولة من تسعين ثانية، فالأطباء، فالمراجعات، فالأسئلة التي تُطرح قبل الحجز، ثم شريط الحجز الختامي. كل نص في كل صفحة مترجم إلى الإنجليزية والعربية والألمانية من قاموس واحد يضم 466 مفتاحاً. والإنجليزية مكتوبة داخل الصفحة نفسها، فتبقى كل صفحة كاملة وقابلة للفهرسة حتى مع تعطيل جافاسكربت؛ والتبديل فوري ولا يحتاج إعادة تحميل، ويُحفظ الاختيار بين الزيارات أو يُفرض عبر معامل ?lang=، وحتى النصوص التي يقرأها قارئ الشاشة مترجمة. والعربية انعكاس حقيقي لا مجرد محاذاة إلى اليمين — إذ أُعيد بناء ملف الأنماط على الخصائص المنطقية في CSS بدلاً من ملف RTL منفصل، فتنعكس الهوامش والحشوات والحدود والمواضع والمحاذاة تلقائياً، بينما تُولَّد انعكاسات زوايا الاستدارة والتحويلات وإزاحات الظلال والأسهم ذات الاتجاه لتتوافق معها، وتبقى أرقام الهواتف والأسعار وعناوين البريد من اليسار إلى اليمين داخل الجمل العربية. وتنتقل العربية إلى خطي IBM Plex Sans Arabic وCairo بارتفاع سطر مناسب لها ودون تباعد لاتيني، بينما تستخدم النصوص اللاتينية خط Sora للعناوين وManrope للمتن. والتصميم يبدأ من الجوال بالمعنى الدقيق: أحجام الخطوط معرَّفة بمقاس الهاتف في الجذر وتكبر عبر أربع خطوات min-width، وكل استعلام وسائط في ملف الأنماط المكتوب يضيف إمكانات ولا يسحبها، وقد جرى التحقق من كل صفحة ضد التمدد الأفقي عند عرض 390 و1440 بكسل باللغات الثلاث. واستُبدلت ثلاث سلوكيات موروثة بأخرى مكتوبة خصيصاً — قائمة منسدلة تُغلق عند النقر مرة ثانية وتُعلن حالتها لتقنيات الوصول، ومرشِّح معرض يبدّل الأصناف بدل تثبيت البلاطات فوق الشبكة، وعدّادات تعمل بـ IntersectionObserver وتطبع رقمها النهائي في الصفحة نفسها فتبقى الأرقام صحيحة مع تعطيل جافاسكربت. أما الشعار والأيقونة والأيقونة المفضلة وأيقونات العلاجات التسع وعناصر الواجهة فكلها SVG مولَّدة، وكل صورة فوتوغرافية جديدة من بيئة سريرية ومقصوصة على المقاس الذي يتوقعه التخطيط بدقة مضاعفة لشاشات الريتينا.