موقع Family Bakery – موقع مخبز متعدد الصفحات

موقع Family Bakery هو موقع ويب ثابت (Static Website) مبني بـ HTML وCSS وJavaScript خالص، مصمم لعرض خدمات مخبز عائلي بشكل احترافي وجذاب.

الصفحات الموجودة في المشروع:

الموقع يتكون من 6 صفحات متكاملة: الرئيسية (Home)، ومن نحن (About)، وعروضنا (Our Offer)، ومعرض الصور (Gallery)، والمدونة (Blog)، والتواصل (Contact).

الميزات الرئيسية المنفذة:

شريط تنقل ديناميكي (Dynamic Navbar): عند التمرير للأسفل يتغير لون الـ navbar من شفاف إلى أبيض تلقائياً مع تغيير اللوجو، وذلك باستخدام JavaScript.

صفحة رئيسية (Home): تحتوي على Hero Section كاملة بنص ترحيبي وأزرار "Learn More" و"Contact Us"، مع أنيميشن فأرة للتمرير للأسفل.

قسم من نحن (Who We Are): يعرض معلومات عن المخبز مع صورة وقائمة مميزات بأيقونات Font Awesome.

قسم موقعنا (Our Location): نص تعريفي مع صورة المكان وخريطة Google Maps مدمجة.

قسم مخبوزاتنا (Our Baking): عرض لثلاثة منتجات رئيسية (Breads, Bagels, Cookies) مع صور وأوصاف.

صفحة العروض (Our Offer): تعرض 9 عناصر من المنتجات مع أسعارها.

معرض الصور (Gallery): يضم carousel تفاعلي يمكن من خلاله التنقل بين الصور بالضغط عليها مع أزرار Next/Previous.

صفحة المدونة (Blog): تعرض مقالات على شكل cards مع صور وأوقات نشر.

صفحة التواصل (Contact): بيانات التواصل الكاملة (عنوان، هاتف، إيميل، موقع إلكتروني).

عداد أرقام متحرك (Counter Animation): في صفحة About، تتحرك الأرقام عند التمرير إليها.

زر الرجوع للأعلى (Back to Top): يظهر عند التمرير ويختفي في أعلى الصفحة.

تصميم متجاوب (Responsive Design): باستخدام CSS مرن يتكيف مع الشاشات المختلفة.

Footer شامل: يحتوي على قسم "About Us"، ومميزاتنا، وساعات العمل، وبيانات التواصل، وأيقونات السوشيال ميديا (Facebook, Google, LinkedIn, Twitter).

التقنيات المستخدمة: HTML5 – CSS3 – JavaScript (Vanilla) – Font Awesome Icons – Google Fonts (Alegreya) – Google Maps Embed API.