Vet4Pet: هو موقع ويب حديث تم تطويره خصيصًا لمركز Vet4Pet البيطري بهدف تقديم تجربة مستخدم متميزة وسهلة الاستخدام مع دعم كامل للغات المتعددة (العربية والإنجليزية).
لتقنيات المستخدمة:
Next.js (App Router - SSR/SSG)
React 18 (Functional Components + Hooks)
Tailwind CSS لتصميم واجهة مستخدم سريعة الاستجابة ومتناسقة.
next-intl لإدارة الترجمة (i18n) ودعم التبديل بين اللغات (RTL / LTR).
Lucide-React & React Icons** لاستخدام مكتبة أيقونات SVG عالية الأداء.
Responsive Design (Mobile First Approach)** لضمان تجربة متكاملة على جميع الأجهزة (موبايل – تابلت – ديسكتوب).
Dynamic Routing لصفحات مثل (الخدمات – آراء العملاء – من نحن – تواصل معنا).
SEO Optimization عبر إعدادات Meta Tags مخصصة لكل صفحة.
Lazy Loading للصور والمكونات لتحسين سرعة التحميل والأداء.
Reusable Components Architecture لتسهيل صيانة وتوسعة الموقع.
الوظائف الرئيسية (Features):
صفحة رئيسية (Landing Page) تحتوي على أقسام متقدمة (Hero, Services, Testimonials, Contact).
صفحة "من نحن" تعرف بتاريخ المركز ورؤيته.
صفحة للخدمات الطبية تشمل تفاصيل عن كل خدمة.
صفحة "آراء العملاء" مع تقييمات ديناميكية (Star Rating).
نموذج تواصل مباشر مع معلومات الاتصال وخريطة الموقع.
تكامل مع وسائل التواصل الاجتماعي (Facebook, YouTube, TikTok).
الأداء (Performance):
تم تحسين الأداء باستخدام **Next.js Image Optimization** وتقنيات SSR.
استخدام **Code Splitting & Tree Shaking** لضمان تحميل أجزاء الكود الضرورية فقط.
اعتماد بنية **Static Site Generation (SSG)** مع Pages يتم توليدها وقت البناء.
أهداف التطوير:
تحسين تجربة المستخدم بأداء سريع مع واجهة جذابة.
توفير محتوى ثنائي اللغة بطريقة منظمة وقابلة للتوسع.
بناء بنية كود نظيفة وقابلة لإعادة الاستخدام future-proof.
توافق مع معايير تحسين محركات البحث (SEO Ready).
