bender/abf24af7-6516-4798-a10b-d63e8fa8c115
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/categories/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-10 19:08:19 +00:00
parent 571ff7ca84
commit 2b8cd84f0c
1 changed files with 35 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
src/app/categories/page.tsx
View File

@@ -49,62 +49,38 @@ export default function CategoriesPage() {
textboxLayout="default"
features={[
{
title: "قصص قصيرة",
description:
"قصص مشوقة يمكن قراءتها في جلسة واحدة - مثالية للقراءة السريعة والمتعة الفورية",
imageSrc:
"http://img.b2bpic.net/free-vector/watercolor-world-book-day-social-media-promo-template_23-2149306885.jpg?_wi=2",
imageAlt: "قصص قصيرة",
button: { text: "اكتشف الآن", href: "/category/short-stories" },
title: "قصص قصيرة", description:
"قصص مشوقة يمكن قراءتها في جلسة واحدة - مثالية للقراءة السريعة والمتعة الفورية", imageSrc:
"http://img.b2bpic.net/free-vector/watercolor-world-book-day-social-media-promo-template_23-2149306885.jpg", imageAlt: "قصص قصيرة", button: { text: "اكتشف الآن", href: "/category/short-stories" },
},
{
title: "قصص طويلة",
description:
"روايات ملحمية وعميقة تأخذك في رحلة تستمر لعدة فصول وتترك أثراً عميقاً في النفس",
imageSrc:
"http://img.b2bpic.net/free-psd/retro-film-poster-template_23-2149757569.jpg?_wi=2",
imageAlt: "قصص طويلة",
button: { text: "اكتشف الآن", href: "/category/long-stories" },
title: "قصص طويلة", description:
"روايات ملحمية وعميقة تأخذك في رحلة تستمر لعدة فصول وتترك أثراً عميقاً في النفس", imageSrc:
"http://img.b2bpic.net/free-psd/retro-film-poster-template_23-2149757569.jpg", imageAlt: "قصص طويلة", button: { text: "اكتشف الآن", href: "/category/long-stories" },
},
{
title: "قصص رعب",
description:
"حكايات مخيفة ومشوقة تثير أعصابك وتتحدى شجاعتك بأحداث مظلمة ومرعبة",
imageSrc:
"http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136092.jpg?_wi=2",
imageAlt: "قصص رعب",
button: { text: "اكتشف الآن", href: "/category/horror" },
title: "قصص رعب", description:
"حكايات مخيفة ومشوقة تثير أعصابك وتتحدى شجاعتك بأحداث مظلمة ومرعبة", imageSrc:
"http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136092.jpg", imageAlt: "قصص رعب", button: { text: "اكتشف الآن", href: "/category/horror" },
},
{
title: "قصص رومانسية",
description:
"حكايات عاطفية عن الحب والعواطف الإنسانية العميقة والعلاقات الإنسانية الحقيقية",
imageSrc:
"http://img.b2bpic.net/free-photo/pretty-hearts-ukulele-bed_23-2147739673.jpg?_wi=2",
imageAlt: "قصص رومانسية",
button: { text: "اكتشف الآن", href: "/category/romance" },
title: "قصص رومانسية", description:
"حكايات عاطفية عن الحب والعواطف الإنسانية العميقة والعلاقات الإنسانية الحقيقية", imageSrc:
"http://img.b2bpic.net/free-photo/pretty-hearts-ukulele-bed_23-2147739673.jpg", imageAlt: "قصص رومانسية", button: { text: "اكتشف الآن", href: "/category/romance" },
},
{
title: "قصص خيال علمي",
description:
"رحلات خيالية إلى عوالم مستقبلية وأكوان موازية مليئة بالمغامرات والاكتشافات",
imageSrc:
"http://img.b2bpic.net/free-psd/flat-design-wedding-template_23-2149842314.jpg?_wi=2",
imageAlt: "قصص خيال علمي",
button: { text: "اكتشف الآن", href: "/category/scifi" },
title: "قصص خيال علمي", description:
"رحلات خيالية إلى عوالم مستقبلية وأكوان موازية مليئة بالمغامرات والاكتشافات", imageSrc:
"http://img.b2bpic.net/free-psd/flat-design-wedding-template_23-2149842314.jpg", imageAlt: "قصص خيال علمي", button: { text: "اكتشف الآن", href: "/category/scifi" },
},
{
title: "قصص مغامرات",
description:
"حكايات مثيرة مليئة بالتشويق والمفاجآت والأحداث السريعة التي تأخذ الأنفاس",
imageSrc:
"http://img.b2bpic.net/free-psd/halloween-celebration-poster-template_23-2150736959.jpg?_wi=2",
imageAlt: "قصص مغامرات",
button: { text: "اكتشف الآن", href: "/category/adventure" },
title: "قصص مغامرات", description:
"حكايات مثيرة مليئة بالتشويق والمفاجآت والأحداث السريعة التي تأخذ الأنفاس", imageSrc:
"http://img.b2bpic.net/free-psd/halloween-celebration-poster-template_23-2150736959.jpg", imageAlt: "قصص مغامرات", button: { text: "اكتشف الآن", href: "/category/adventure" },
},
]}
gridVariant="three-columns-all-equal-width",
animationType="slide-up",
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -118,31 +94,19 @@ export default function CategoriesPage() {
textboxLayout="default"
metrics={[
{
id: "1",
icon: BookOpen,
title: "القصص القصيرة",
value: "12K+",
},
id: "1", icon: BookOpen,
title: "القصص القصيرة", value: "12K+"},
{
id: "2",
icon: Users,
title: "قراء نشطون",
value: "45K+",
},
id: "2", icon: Users,
title: "قراء نشطون", value: "45K+"},
{
id: "3",
icon: Zap,
title: "القصص الشهيرة",
value: "800+",
},
id: "3", icon: Zap,
title: "القصص الشهيرة", value: "800+"},
{
id: "4",
icon: TrendingUp,
title: "النمو الشهري",
value: "15%",
},
id: "4", icon: TrendingUp,
title: "النمو الشهري", value: "15%"},
]}
animationType="slide-up",
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -155,23 +119,14 @@ export default function CategoriesPage() {
ctaButton={{ text: "أرسل اقتراحك", href: "/contact" }}
faqs={[
{
id: "1",
title: "كيف يتم اختيار القصص لكل قسم؟",
content:
"يتم اختيار القصص بناءً على جودتها والامتثال لمعايير المحتوى الخاص بنا، مع أخذ آراء القراء والكتاب بعين الاعتبار",
},
id: "1", title: "كيف يتم اختيار القصص لكل قسم؟", content:
"يتم اختيار القصص بناءً على جودتها والامتثال لمعايير المحتوى الخاص بنا، مع أخذ آراء القراء والكتاب بعين الاعتبار"},
{
id: "2",
title: "هل يمكن أن تنتمي القصة إلى أكثر من قسم واحد؟",
content:
"نعم، بعض القصص قد تندرج ضمن عدة أقسام. يتم تصنيفها حسب الموضوع الرئيسي الذي تركز عليه",
},
id: "2", title: "هل يمكن أن تنتمي القصة إلى أكثر من قسم واحد؟", content:
"نعم، بعض القصص قد تندرج ضمن عدة أقسام. يتم تصنيفها حسب الموضوع الرئيسي الذي تركز عليه"},
{
id: "3",
title: "كم عدد القصص في كل قسم؟",
content:
"يختلف عدد القصص حسب شعبية القسم والطلب عليه. متوسط القسم يحتوي على 100-200 قصة على الأقل",
},
id: "3", title: "كم عدد القصص في كل قسم؟", content:
"يختلف عدد القصص حسب شعبية القسم والطلب عليه. متوسط القسم يحتوي على 100-200 قصة على الأقل"},
]}
useInvertedBackground={false}
animationType="slide-up"