bender/cff6db7c-323f-4367-91d6-491b19628f9e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 16:49:59 +00:00
parent a9fea53297
commit 22934f555e
1 changed files with 59 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

286
src/app/page.tsx
View File

@@ -33,31 +33,19 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "الرئيسية",
id: "#hero",
},
name: "الرئيسية", id: "#hero"},
{
name: "حول المتجر",
id: "#about",
},
name: "حول المتجر", id: "#about"},
{
name: "الفئات",
id: "#features",
},
name: "الفئات", id: "#features"},
{
name: "المنتجات",
id: "#products",
},
name: "المنتجات", id: "#products"},
{
name: "تواصل معنا",
id: "#contact",
},
name: "تواصل معنا", id: "#contact"},
]}
brandName="متجري الفاخر"
button={{
text: "سلة المشتريات",
href: "#",
onClick: "() => console.log('Open Cart')",
text: "سلة المشتريات", href: "#", onClick: () => console.log('Open Cart'),
}}
animateOnLoad={true}
/>
@@ -69,31 +57,19 @@ export default function LandingPage() {
description="أفضل المنتجات بأعلى جودة وأقل الأسعار مع تصميم عصري فاخر."
buttons={[
{
text: "تسوق الآن",
href: "#products",
},
text: "تسوق الآن", href: "#products"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-smartphone-with-paper-bags-gift-boxes-online-shopping-e-commerce-concept_58466-14625.jpg",
imageAlt: "تطبيق تسوق عصري على الهاتف",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-smartphone-with-paper-bags-gift-boxes-online-shopping-e-commerce-concept_58466-14625.jpg", imageAlt: "تطبيق تسوق عصري على الهاتف"},
{
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg",
imageAlt: "واجهة سلة المشتريات في التطبيق",
},
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg", imageAlt: "واجهة سلة المشتريات في التطبيق"},
{
imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-interface-concept_23-2148664688.jpg",
imageAlt: "تصفح الفئات في تطبيق التسوق",
},
imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-interface-concept_23-2148664688.jpg", imageAlt: "تصفح الفئات في تطبيق التسوق"},
{
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-sale-app_23-2151952980.jpg",
imageAlt: "شاشة رئيسية لتطبيق تسوق ديناميكي",
},
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-sale-app_23-2151952980.jpg", imageAlt: "شاشة رئيسية لتطبيق تسوق ديناميكي"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037275.jpg",
imageAlt: "شاشة تفاصيل منتج في تطبيق مستقبلي",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037275.jpg", imageAlt: "شاشة تفاصيل منتج في تطبيق مستقبلي"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -105,9 +81,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="نقدم لك تجربة تسوق لا مثيل لها"
description={[
"في متجرنا الفاخر، نجمع بين الجودة الفائقة والأسعار التنافسية لنقدم لك أفضل المنتجات.",
"اكتشف مجموعتنا الواسعة من المنتجات العصرية والفاخرة المصممة خصيصاً لتلبية جميع احتياجاتك وذوقك الرفيع، مع ضمان تجربة تسوق سلسة وممتعة.",
]}
"في متجرنا الفاخر، نجمع بين الجودة الفائقة والأسعار التنافسية لنقدم لك أفضل المنتجات.", "اكتشف مجموعتنا الواسعة من المنتجات العصرية والفاخرة المصممة خصيصاً لتلبية جميع احتياجاتك وذوقك الرفيع، مع ضمان تجربة تسوق سلسة وممتعة."]}
showBorder={false}
/>
</div>
@@ -118,45 +92,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "تنوع كبير",
title: "الكل",
subtitle: "جميع المنتجات",
description: "استعرض مجموعتنا الكاملة من المنتجات العصرية والفاخرة.",
imageSrc: "http://img.b2bpic.net/free-vector/data-driven-business-model-abstract-concept-illustration_335657-3705.jpg",
imageAlt: "أيقونة لكل الفئات",
},
tag: "تنوع كبير", title: "الكل", subtitle: "جميع المنتجات", description: "استعرض مجموعتنا الكاملة من المنتجات العصرية والفاخرة.", imageSrc: "http://img.b2bpic.net/free-vector/data-driven-business-model-abstract-concept-illustration_335657-3705.jpg", imageAlt: "أيقونة لكل الفئات"},
{
tag: "تكنولوجيا",
title: "إلكترونيات",
subtitle: "أحدث التقنيات",
description: "اكتشف أحدث الأجهزة الإلكترونية الذكية وملحقاتها.",
imageSrc: "http://img.b2bpic.net/free-vector/cyber-monday-technology-circuit-style-background_1017-21943.jpg",
imageAlt: "أيقونة إلكترونيات",
},
tag: "تكنولوجيا", title: "إلكترونيات", subtitle: "أحدث التقنيات", description: "اكتشف أحدث الأجهزة الإلكترونية الذكية وملحقاتها.", imageSrc: "http://img.b2bpic.net/free-vector/cyber-monday-technology-circuit-style-background_1017-21943.jpg", imageAlt: "أيقونة إلكترونيات"},
{
tag: "أناقة",
title: "موضة",
subtitle: "أحدث الصيحات",
description: "واكب آخر صيحات الموضة والأزياء الرجالية والنسائية الفاخرة.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118108.jpg",
imageAlt: "أيقونة موضة",
},
tag: "أناقة", title: "موضة", subtitle: "أحدث الصيحات", description: "واكب آخر صيحات الموضة والأزياء الرجالية والنسائية الفاخرة.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118108.jpg", imageAlt: "أيقونة موضة"},
{
tag: "راحة",
title: "منزل",
subtitle: "مستلزمات منزلية",
description: "جهز منزلك بأفخم الديكورات والأدوات المنزلية العصرية.",
imageSrc: "http://img.b2bpic.net/free-photo/questions-boxes-suprise-concept_52683-94815.jpg",
imageAlt: "أيقونة منزل",
},
tag: "راحة", title: "منزل", subtitle: "مستلزمات منزلية", description: "جهز منزلك بأفخم الديكورات والأدوات المنزلية العصرية.", imageSrc: "http://img.b2bpic.net/free-photo/questions-boxes-suprise-concept_52683-94815.jpg", imageAlt: "أيقونة منزل"},
{
tag: "نشاط",
title: "رياضة",
subtitle: "معدات رياضية",
description: "اختر من بين تشكيلة واسعة من المعدات الرياضية لأسلوب حياة صحي.",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151152952.jpg",
imageAlt: "أيقونة رياضة",
},
tag: "نشاط", title: "رياضة", subtitle: "معدات رياضية", description: "اختر من بين تشكيلة واسعة من المعدات الرياضية لأسلوب حياة صحي.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151152952.jpg", imageAlt: "أيقونة رياضة"},
]}
title="استكشف فئاتنا المتنوعة"
description="نقدم لك مجموعة واسعة من المنتجات ضمن فئات متنوعة لتناسب جميع اهتماماتك واحتياجاتك اليومية."
@@ -171,53 +115,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "سماعات لاسلكية برو",
price: "299 د.ل",
variant: "إلكترونيات",
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074306.jpg",
imageAlt: "سماعات لاسلكية برو",
},
id: "1", name: "سماعات لاسلكية برو", price: "299 د.ل", variant: "إلكترونيات", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074306.jpg", imageAlt: "سماعات لاسلكية برو"},
{
id: "2",
name: "ساعة ذكية الترا",
price: "499 د.ل",
variant: "إلكترونيات",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897654.jpg",
imageAlt: "ساعة ذكية الترا",
},
id: "2", name: "ساعة ذكية الترا", price: "499 د.ل", variant: "إلكترونيات", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897654.jpg", imageAlt: "ساعة ذكية الترا"},
{
id: "3",
name: "سماعة رأس جيمنج",
price: "199 د.ل",
variant: "إلكترونيات",
imageSrc: "http://img.b2bpic.net/free-photo/man-communicating-with-internet-friends-playing-videogames-zoom-out_482257-111312.jpg",
imageAlt: "سماعة رأس جيمنج",
},
id: "3", name: "سماعة رأس جيمنج", price: "199 د.ل", variant: "إلكترونيات", imageSrc: "http://img.b2bpic.net/free-photo/man-communicating-with-internet-friends-playing-videogames-zoom-out_482257-111312.jpg", imageAlt: "سماعة رأس جيمنج"},
{
id: "12",
name: "حقيبة ظهر فاخرة",
price: "149 د.ل",
variant: "موضة",
imageSrc: "http://img.b2bpic.net/free-photo/mouse-with-dripping-pink-paint_23-2148263684.jpg",
imageAlt: "حقيبة ظهر فاخرة",
},
id: "12", name: "حقيبة ظهر فاخرة", price: "149 د.ل", variant: "موضة", imageSrc: "http://img.b2bpic.net/free-photo/mouse-with-dripping-pink-paint_23-2148263684.jpg", imageAlt: "حقيبة ظهر فاخرة"},
{
id: "13",
name: "قميص قطني فاخر",
price: "89 د.ل",
variant: "موضة",
imageSrc: "http://img.b2bpic.net/free-photo/various-devices-table_140725-9009.jpg",
imageAlt: "قميص قطني فاخر",
},
id: "13", name: "قميص قطني فاخر", price: "89 د.ل", variant: "موضة", imageSrc: "http://img.b2bpic.net/free-photo/various-devices-table_140725-9009.jpg", imageAlt: "قميص قطني فاخر"},
{
id: "16",
name: "مصباح مكتبي ذكي",
price: "129 د.ل",
variant: "منزل",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-photographer_52683-110065.jpg",
imageAlt: "مصباح مكتبي ذكي",
},
id: "16", name: "مصباح مكتبي ذكي", price: "129 د.ل", variant: "منزل", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-photographer_52683-110065.jpg", imageAlt: "مصباح مكتبي ذكي"},
]}
title="منتجاتنا المميزة"
description="اكتشف أحدث تشكيلات المنتجات الفاخرة والعصرية بأسعار لا تُقاوم."
@@ -231,23 +139,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Sparkles,
title: "عميل راضٍ",
value: "+10K",
},
id: "m1", icon: Sparkles,
title: "عميل راضٍ", value: "+10K"},
{
id: "m2",
icon: CheckCircle,
title: "جودة مضمونة",
value: "100%",
},
id: "m2", icon: CheckCircle,
title: "جودة مضمونة", value: "100%"},
{
id: "m3",
icon: Zap,
title: "توصيل سريع",
value: "24/7",
},
id: "m3", icon: Zap,
title: "توصيل سريع", value: "24/7"},
]}
title="لماذا نحن خيارك الأفضل؟"
description="نفخر بتحقيق أرقام قياسية في رضا العملاء وجودة المنتجات وسرعة التوصيل."
@@ -261,50 +160,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "سارة الشمري",
handle: "@SaraAlshamari",
testimonial: "تجربة تسوق رائعة! المنتجات فاخرة والجودة تفوق التوقعات. سأعود بالتأكيد للشراء مرة أخرى.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-posing_23-2148142708.jpg",
imageAlt: "صورة سارة الشمري",
},
id: "1", name: "سارة الشمري", handle: "@SaraAlshamari", testimonial: "تجربة تسوق رائعة! المنتجات فاخرة والجودة تفوق التوقعات. سأعود بالتأكيد للشراء مرة أخرى.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-posing_23-2148142708.jpg", imageAlt: "صورة سارة الشمري"},
{
id: "2",
name: "أحمد الزهراني",
handle: "@AhmedAlzahran",
testimonial: "أفضل الأسعار مع أسرع توصيل. متجركم هو وجهتي الجديدة للمنتجات العصرية.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-makes-positive-sign_114579-15886.jpg",
imageAlt: "صورة أحمد الزهراني",
},
id: "2", name: "أحمد الزهراني", handle: "@AhmedAlzahran", testimonial: "أفضل الأسعار مع أسرع توصيل. متجركم هو وجهتي الجديدة للمنتجات العصرية.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-makes-positive-sign_114579-15886.jpg", imageAlt: "صورة أحمد الزهراني"},
{
id: "3",
name: "ليلى محمد",
handle: "@LaylaMohamed",
testimonial: "تصميم المنتجات أنيق جداً والجودة ممتازة. شكراً على هذه التجربة الفريدة.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-glasses-hijab_23-2148262833.jpg",
imageAlt: "صورة ليلى محمد",
},
id: "3", name: "ليلى محمد", handle: "@LaylaMohamed", testimonial: "تصميم المنتجات أنيق جداً والجودة ممتازة. شكراً على هذه التجربة الفريدة.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-glasses-hijab_23-2148262833.jpg", imageAlt: "صورة ليلى محمد"},
{
id: "4",
name: "فهد السبيعي",
handle: "@FahadAlsubaie",
testimonial: "الخدمة ممتازة والدعم الفني متعاون. كل منتج اشتريته كان مطابقاً للوصف وأفضل.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-makes-important-phone-call-senior-consultant-going-some-business_482257-135448.jpg",
imageAlt: "صورة فهد السبيعي",
},
id: "4", name: "فهد السبيعي", handle: "@FahadAlsubaie", testimonial: "الخدمة ممتازة والدعم الفني متعاون. كل منتج اشتريته كان مطابقاً للوصف وأفضل.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-makes-important-phone-call-senior-consultant-going-some-business_482257-135448.jpg", imageAlt: "صورة فهد السبيعي"},
{
id: "5",
name: "نور علي",
handle: "@NoorAli",
testimonial: "أحببت التنوع الكبير في المنتجات والأسعار المعقولة. متجركم أصبح المفضل لدي.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/muslim-business-woman-working-computer-cafe_1303-27621.jpg",
imageAlt: "صورة نور علي",
},
id: "5", name: "نور علي", handle: "@NoorAli", testimonial: "أحببت التنوع الكبير في المنتجات والأسعار المعقولة. متجركم أصبح المفضل لدي.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/muslim-business-woman-working-computer-cafe_1303-27621.jpg", imageAlt: "صورة نور علي"},
]}
showRating={true}
title="ماذا يقول عملاؤنا؟"
@@ -318,20 +187,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "كيف يمكنني تتبع طلبي؟",
content: "بعد إتمام عملية الشراء، ستتلقى رسالة بريد إلكتروني تحتوي على رقم تتبع يمكنك استخدامه لمتابعة حالة طلبك على موقع شركة الشحن.",
},
id: "q1", title: "كيف يمكنني تتبع طلبي؟", content: "بعد إتمام عملية الشراء، ستتلقى رسالة بريد إلكتروني تحتوي على رقم تتبع يمكنك استخدامه لمتابعة حالة طلبك على موقع شركة الشحن."},
{
id: "q2",
title: "ما هي طرق الدفع المتاحة؟",
content: "نقبل الدفع عبر البطاقات الائتمانية (فيزا، ماستركارد) والدفع عند الاستلام في مناطق محددة.",
},
id: "q2", title: "ما هي طرق الدفع المتاحة؟", content: "نقبل الدفع عبر البطاقات الائتمانية (فيزا، ماستركارد) والدفع عند الاستلام في مناطق محددة."},
{
id: "q3",
title: "هل يمكنني إرجاع المنتج؟",
content: "نعم، يمكنك إرجاع المنتجات خلال 7 أيام من تاريخ الاستلام بشرط أن تكون في حالتها الأصلية. يرجى مراجعة سياسة الإرجاع على موقعنا للمزيد من التفاصيل.",
},
id: "q3", title: "هل يمكنني إرجاع المنتج؟", content: "نعم، يمكنك إرجاع المنتجات خلال 7 أيام من تاريخ الاستلام بشرط أن تكون في حالتها الأصلية. يرجى مراجعة سياسة الإرجاع على موقعنا للمزيد من التفاصيل."},
]}
title="الأسئلة المتكررة"
description="هل لديك استفسار؟ قد تجد الإجابة هنا في قسم الأسئلة الشائعة."
@@ -343,8 +203,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="ابق على اطلاع"
title="انضم إلى قائمتنا البريدية"
description="اشترك الآن لتتلقى آخر العروض، التحديثات، والمنتجات الحصرية مباشرة في صندوق بريدك الوارد."
@@ -362,66 +221,39 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "روابط سريعة",
items: [
title: "روابط سريعة", items: [
{
label: "الرئيسية",
href: "#hero",
},
label: "الرئيسية", href: "#hero"},
{
label: "الفئات",
href: "#features",
},
label: "الفئات", href: "#features"},
{
label: "المنتجات",
href: "#products",
},
label: "المنتجات", href: "#products"},
{
label: "تواصل معنا",
href: "#contact",
},
label: "تواصل معنا", href: "#contact"},
],
},
{
title: "تابعنا",
items: [
title: "تابعنا", items: [
{
label: "فيسبوك",
href: "https://www.facebook.com/mutajarifakher",
},
label: "فيسبوك", href: "https://www.facebook.com/mutajarifakher"},
{
label: "انستغرام",
href: "https://www.instagram.com/mutajarifakher",
},
label: "انستغرام", href: "https://www.instagram.com/mutajarifakher"},
{
label: "واتساب",
href: "https://wa.me/967772032403",
},
label: "واتساب", href: "https://wa.me/967772032403"},
{
label: "جيت هاب",
href: "https://github.com/AlbahriDev",
},
label: "جيت هاب", href: "https://github.com/AlbahriDev"},
{
label: "لينكد إن",
href: "https://www.linkedin.com/in/alhussein-albahri",
},
label: "لينكد إن", href: "https://www.linkedin.com/in/alhussein-albahri"},
],
},
{
title: "المساعدة",
items: [
title: "المساعدة", items: [
{
label: "الأسئلة الشائعة",
href: "#faq",
},
label: "الأسئلة الشائعة", href: "#faq"},
{
label: "سياسة الخصوصية",
href: "#",
},
label: "سياسة الخصوصية", href: "#"},
{
label: "شروط الخدمة",
href: "#",
},
label: "شروط الخدمة", href: "#"},
],
},
]}