أنشئ موقعًا شخصيًا فاخرًا وعصريًا للغاية باسم "مبخوت بن عبدالله" على النطاق mabkhut.com، مع الحفاظ على الهوية البصرية الحالية للموقع وعدم تحويله إلى موقع مزدحم أو تجاري.

الهوية البصرية:
- تصميم Luxury Personal Website احترافي جدًا.
- اللون الأساسي: كحلي داكن عميق #061426.
- الخلفية: كحلي داكن يميل إلى الأسود مع تدرجات ناعمة جدًا.
- اللون الثانوي: Metallic Luxury Gold قريب من #D4AF37.
- النصوص باللون الأبيض والعاجي.
- استخدام الذهبي فقط في التفاصيل المهمة والإطارات والخطوط والأيقونات.
- تصميم Minimal Luxury، راقٍ، نظيف، حديث، وليس مبالغًا في المؤثرات.
- Glassmorphism خفيف جدًا عند الحاجة.
- خطوط عربية عصرية وفخمة وواضحة.
- اجعل الاسم العربي "مبخوت بن عبدالله" ظاهرًا بشكل أنيق ومرتب مثل التصميم السابق، بدون مبالغة في المسافات بين الكلمات وبدون تقسيم الاسم إلى أجزاء منفصلة.
- شعار MBK بالإنجليزية فقط في أعلى الموقع بتصميم Monogram بسيط وفخم.

القسم الرئيسي Hero:
- ضع الاسم "مبخوت بن عبدالله" في المنتصف بشكل واضح وفخم.
- أسفل الاسم خط ذهبي رفيع وأنيق.
- ضع صورتي الشخصية من الملف:
file_00000000202482468d4027eb8c5919f7.png
- الصورة أصلها مربعة 1:1.
- يجب إظهار الصورة كاملة بدون قص أو Zoom أو اقتطاع.
- استخدم object-fit: contain.
- ضع الصورة داخل إطار فاخر كحلي وذهبي بزوايا ناعمة.
- لا تغير الصورة الأصلية ولا ملامح الشخص ولا الملابس.
- أسفل الصورة أظهر العبارة:
"وما توفيقي إلا بالله"
- اجعل العبارة بخط عربي أنيق وهادئ.

لا تكرر قسم التواصل في الصفحة الرئيسية.
قسم التواصل يجب أن يظهر مرة واحدة فقط في نهاية الموقع.

أضف قائمة تنقل Menu تفاعلية:
- الرئيسية
- نبذة عني
- بصمتي
- مختاراتي
- رحلتي
- تواصل

على الهاتف تظهر القائمة من خلال زر Menu أنيق، وتفتح كقائمة جانبية فاخرة بحركة سلسة.

قسم "نبذة عني":
أضف بطاقة أنيقة جدًا تحتوي على نص مختصر:
"أنا مبخوت بن عبدالله، أسعى دائمًا إلى تطوير نفسي، وصناعة هوية تعبّر عني بأسلوب يجمع بين الأصالة والنظرة العصرية، وأؤمن أن لكل رحلة تفاصيلها ولكل تجربة أثرها."

اجعل النص بسيطًا وراقيًا ولا تضف معلومات شخصية غير موجودة.

قسم "بصمتي":
أضف ثلاث بطاقات فاخرة ومتناسقة:

الإبداع
"أبحث دائمًا عن الأفكار المختلفة والأسلوب الذي يحمل طابعًا خاصًا."

الجودة
"أهتم بالتفاصيل الصغيرة لأنها تصنع الفرق في النتيجة النهائية."

الأصالة
"أحافظ على هويتي وأطورها بأسلوب حديث ومتوازن."

اجعل البطاقات تتفاعل عند تمرير الماوس عليها بحركة خفيفة وتوهج ذهبي بسيط.

قسم "مختاراتي":
هذا القسم مهم جدًا ويجب أن يكون بصريًا وفخمًا.

أنشئ معرض صور Gallery احترافي Grid متجاوب مع الهاتف والكمبيوتر.

المطلوب أن يحتوي المعرض على صور فوتوغرافية عالية الجودة تمثل:
1. طبيعة جبلية فاخرة وهادئة، جبال شاهقة، ضباب خفيف، وادي أخضر، إضاءة صباحية سينمائية.
2. منظر ريفي أوروبي أنيق، بيوت جميلة وطبيعة خضراء وطرق ريفية.
3. شوارع مدينة حديثة ليلًا، مبانٍ معمارية راقية، أضواء المدينة وانعكاساتها.
4. شارع أوروبي فاخر في المساء، مقاهٍ وإضاءة دافئة وحياة هادئة.
5. منظر مدينة من الأعلى وقت الغروب، مبانٍ وأضواء ممتدة حتى الأفق.
6. طريق طويل وسط الطبيعة والجبال، بإحساس سينمائي عن السفر والمغامرة.
7. بحر أو بحيرة هادئة مع جبال في الخلفية وإضاءة ذهبية.
8. مشهد حياة يومية راقية في مدينة حديثة، أشخاص بعيدون وغير واضحين، مع تركيز الصورة على المكان والعمارة وليس على هوية الأشخاص.

مهم جدًا:
- لا تستخدم صورًا عشوائية أو صور Stock ذات مظهر رخيص.
- اجعل جميع الصور متناسقة في الأسلوب والألوان.
- استخدم Cinematic Photography.
- Ultra Realistic.
- Natural Lighting.
- Premium Editorial Photography.
- ألوان طبيعية مع لمسات ذهبية دافئة.
- تجنب التشبع الزائد.
- لا تجعل الصور تبدو مولدة بالذكاء الاصطناعي.
- لا تستخدم شعارات أو علامات تجارية أو نصوص داخل الصور.
- لا تجعل الأشخاص هم محور الصور.
- التركيز الأساسي على الطبيعة والعمارة والمدن والحياة والمشهد.

عند الضغط على أي صورة:
- افتحها في Lightbox فاخر.
- خلفية داكنة شبه سوداء.
- حركة Zoom ناعمة.
- زر إغلاق واضح.
- دعم التنقل بين الصور.
- على الهاتف تكون التجربة سلسة جدًا.

قسم "رحلتي":
أنشئ Timeline أفقيًا على الكمبيوتر وعموديًا على الهاتف.

السنوات:
2015 — البداية
"بداية الرحلة، ومنها بدأت مرحلة جديدة من التجارب والتعلم."

2018 — مرحلة من التجربة والتعلّم
"سنوات من التجربة واكتشاف الاهتمامات وتطوير المهارات والنظرة الخاصة."

2021 — تطور ونضج
"مرحلة أصبح فيها الطموح أكثر وضوحًا وأصبحت التجارب السابقة جزءًا من الهوية."

2024 — مرحلة جديدة
"بداية مرحلة مختلفة، برؤية أوسع وطموح أكبر للمستقبل."

2026 — رؤية للمستقبل
"الاستمرار في التطور وبناء المستقبل بخطوات أكثر وضوحًا وثباتًا."

لا تخترع أحداثًا شخصية أخرى.

قسم "تواصل":
اجعله يظهر مرة واحدة فقط في آخر الموقع.

ضع عنوان:
"تواصل"

وصفًا قصيرًا:
"يمكنك التواصل معي عبر البريد الإلكتروني أو من خلال صفحتي على Facebook."

لا تعرض البريد كنص.

بدل ذلك ضع أيقونتين فقط:
- أيقونة البريد الإلكتروني.
- أيقونة Facebook.

البريد:
mabkhout@mabkhut.com

عند الضغط على أيقونة البريد افتح:
mailto:mabkhout@mabkhut.com

Facebook:
https://www.facebook.com/share/19JG7PQiHL/

عند الضغط على Facebook افتح الرابط في تبويب جديد.

أضف زر:
"مشاركة الموقع عبر QR"

عند الضغط عليه افتح نافذة Modal فاخرة تحتوي QR Code للرابط:
https://mabkhut.com

اجعل QR Code واضحًا وقابلًا للمسح من الهاتف.

Footer:
ضع في النهاية:
© 2026 مبخوت بن عبدالله — جميع الحقوق محفوظة

ثم:
MBK

التفاعلات:
- Smooth scrolling.
- Scroll reveal animations.
- ظهور الأقسام تدريجيًا أثناء التمرير.
- Hover animations ناعمة.
- توهج ذهبي بسيط عند التفاعل.
- حركة خفيفة جدًا للصورة الرئيسية.
- فتح وإغلاق القائمة الجانبية بسلاسة.
- Lightbox للصور.
- QR Modal.
- دعم زر Escape لإغلاق النوافذ.
- لا تستخدم مؤثرات مبالغًا فيها.
- لا تستخدم Particle effects كثيرة.
- لا تستخدم أصواتًا.
- لا تستخدم Auto-play video.

التجاوب:
- Mobile First.
- تصميم مثالي لشاشات Android وiPhone.
- دعم الأجهزة اللوحية والكمبيوتر.
- لا يوجد Horizontal Scrolling.
- الصور لا تخرج عن الشاشة.
- الصورة الشخصية 1:1 وتظهر كاملة.
- الخطوط والمسافات تتكيف تلقائيًا مع حجم الشاشة.

الأداء:
- الموقع سريع جدًا.
- Lazy Loading لصور معرض "مختاراتي".
- استخدم WebP عندما يكون ذلك ممكنًا.
- لا تضف مكتبات ضخمة بدون حاجة.
- استخدم CSS وJavaScript بشكل منظم.
- حافظ على سهولة تعديل الصور والنصوص مستقبلًا.

النتيجة النهائية:
أريد الموقع أن يبدو كأنه موقع شخصي Premium لشخصية ذات هوية قوية، وليس قالب Portfolio جاهز.
يجب أن تكون الفخامة في التفاصيل وليس في كثرة العناصر.
الكحلي هو الأساس، والذهبي يستخدم كلمسات دقيقة، والصور هي العنصر البصري الرئيسي في قسم "مختاراتي".
حافظ على المساحات البيضاء/الفارغة بشكل ذكي، وعلى التوازن بين الأصالة العربية والتصميم العالمي الحديث.