Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -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"
|
||||
|
||||
@@ -4,88 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import Link from "next/link";
|
||||
import { useParams } from "next/navigation";
|
||||
import { BookOpen, Sparkles } from "lucide-react";
|
||||
|
||||
export default function StoryPage() {
|
||||
const params = useParams();
|
||||
const storyId = params?.id || "1";
|
||||
|
||||
// Mock story data - in a real app, this would come from your backend
|
||||
const storyData: Record<
|
||||
string,
|
||||
{
|
||||
title: string;
|
||||
author: string;
|
||||
category: string;
|
||||
description: string;
|
||||
fullDescription: string;
|
||||
content: string;
|
||||
imageSrc: string;
|
||||
imageAlt: string;
|
||||
rating: number;
|
||||
views: string;
|
||||
likes: string;
|
||||
}
|
||||
> = {
|
||||
"1": {
|
||||
title: "رحلة عبر الزمن",
|
||||
author: "فاطمة السعيد",
|
||||
category: "خيال علمي",
|
||||
description:
|
||||
"قصة خيال علمي رائعة تأخذك في رحلة عبر الأزمان لاكتشاف أسرار الكون والمستقبل",
|
||||
fullDescription:
|
||||
"في مستقبل بعيد، يكتشف العالم الشاب سامي آلة غريبة تمكنه من السفر عبر الزمن. تأخذه رحلته إلى عصور مختلفة حيث يلتقي بشخصيات تاريخية ويشهد على أحداث غيرت مسار الإنسانية. لكن كل قفزة زمنية قد تغير الحاضر الذي يعرفه.",
|
||||
content:
|
||||
"محتوى القصة الكاملة هنا... في عصر المستقبل، حيث التكنولوجيا تسيطر على كل شيء، اكتشف سامي آلة غامضة في مختبر والده. الآلة تشع بأضواء زرقاء غريبة وتصدر ترددات غريبة. عندما قرر الضغط على الزر الأحمر، وجد نفسه في عصر مصر القديمة.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-psd/flat-design-wedding-template_23-2149842314.jpg?_wi=3",
|
||||
imageAlt: "رحلة عبر الزمن",
|
||||
rating: 4.8,
|
||||
views: "125K",
|
||||
likes: "45K",
|
||||
},
|
||||
"2": {
|
||||
title: "ليل بلا نجوم",
|
||||
author: "محمود علي",
|
||||
category: "رعب",
|
||||
description:
|
||||
"رواية رعب مشوقة تتحدى شجاعتك وتثير مخاوفك من خلال حكاية مظلمة ومثيرة",
|
||||
fullDescription:
|
||||
"في قرية صغيرة معزولة، يحدث شيء غريب: اختفاء النجوم من السماء. سكان القرية يبدأون في الشعور بخوف غريب وأشياء مظلمة تدور حولهم. هل هذا مجرد ظاهرة طبيعية أم أن هناك قوة خارقة تحاول السيطرة على القرية؟",
|
||||
content:
|
||||
"في الليلة التي اختفت فيها النجوم، شعرت سارة بشيء غريب يزحف على جلدها. كانت تقف أمام نافذتها وتراقب السماء الخالية. لا نجوم، لا قمر، لا شيء سوى الظلام الدامس. ثم سمعت الصرخة...",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-psd/halloween-celebration-poster-template_23-2150736959.jpg?_wi=3",
|
||||
imageAlt: "ليل بلا نجوم",
|
||||
rating: 4.6,
|
||||
views: "98K",
|
||||
likes: "32K",
|
||||
},
|
||||
"3": {
|
||||
title: "ثمن الحب",
|
||||
author: "ليلى حسن",
|
||||
category: "رومانسي",
|
||||
description:
|
||||
"رواية رومانسية عميقة تستكشف أسرار القلب وتضحيات الحب الحقيقي",
|
||||
fullDescription:
|
||||
"عندما التقت ليا بفراس، بدت الحياة مختلفة. لكن حبهما يواجه عقبات كثيرة: الأسرة، المجتمع، والأحلام المختلفة. هل يستطيعان التضحية بكل شيء من أجل بعضهما؟",
|
||||
content:
|
||||
"كانت ليا تعلم أنه سيكون صعباً منذ اللحظة الأولى. والداها لم يكونا يؤمنان بالحب من أول نظرة، لكنها لم تستطع إنكار ما تشعر به. عندما التقت بفراس في الحديقة العامة، شعرت بأن العالم من حولها قد توقف عن الحركة.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-instagram-posts-collection-autumn-season-celebration_23-2150699819.jpg?_wi=2",
|
||||
imageAlt: "ثمن الحب",
|
||||
rating: 4.9,
|
||||
views: "156K",
|
||||
likes: "67K",
|
||||
},
|
||||
};
|
||||
|
||||
const story = storyData[storyId] || storyData["1"];
|
||||
import { Mail, ArrowRight, Star } from "lucide-react";
|
||||
|
||||
export default function StoryPage({ params }: { params: { id: string } }) {
|
||||
const navItems = [
|
||||
{ name: "الرئيسية", id: "/" },
|
||||
{ name: "الأقسام", id: "/categories" },
|
||||
@@ -94,10 +19,20 @@ export default function StoryPage() {
|
||||
{ name: "اتصل بنا", id: "/contact" },
|
||||
];
|
||||
|
||||
const navItemsWithLinks = navItems.map((item) => ({
|
||||
...item,
|
||||
href: item.id.startsWith("/") ? item.id : `#${item.id}`,
|
||||
}));
|
||||
// Mock story data - in a real app, this would come from a database or API
|
||||
const stories: Record<string, { title: string; description: string; content: string; author: string; rating: number }> = {
|
||||
"1": {
|
||||
title: "رحلة عبر الزمن", description: "قصة خيال علمي رائعة تأخذك في رحلة عبر الأزمان", content: "في يوم من الأيام، اكتشف العالم الشاب محمد جهازاً غريباً في مختبره القديم. هذا الجهاز سيغير مسار حياته إلى الأبد، حيث سيأخذه في رحلة مذهلة عبر الزمن...", author: "أحمد السعيد", rating: 4.8,
|
||||
},
|
||||
"2": {
|
||||
title: "ليل بلا نجوم", description: "رواية رعب مشوقة تتحدى شجاعتك", content: "عندما استيقظت ليلى من نومها، لاحظت أن السماء خالية من النجوم. كان الظلام دامساً، والصمت مرعباً. بدأت تسمع أصواتاً غريبة تقترب من منزلها...", author: "فاطمة الحسن", rating: 4.6,
|
||||
},
|
||||
"3": {
|
||||
title: "ثمن الحب", description: "رواية رومانسية عميقة تستكشف أسرار القلب", content: "التقيا في يوم ممطر في مقهى صغير بالقرب من الجامعة. كانت تلك اللحظة بداية قصة حب لن تُنسى، قصة ستغير حياتهما كلياً...", author: "علي محمود", rating: 4.9,
|
||||
},
|
||||
};
|
||||
|
||||
const story = stories[params.id] || stories["1"];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -115,131 +50,99 @@ export default function StoryPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="قصصي"
|
||||
navItems={navItemsWithLinks}
|
||||
navItems={navItems.map((item) => ({
|
||||
name: item.name,
|
||||
id: item.id,
|
||||
}))}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story-hero" data-section="story-hero">
|
||||
<HeroSplitKpi
|
||||
title={story.title}
|
||||
description={story.fullDescription}
|
||||
description={story.description}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
kpis={[
|
||||
{
|
||||
value: story.views,
|
||||
label: "مشاهدة",
|
||||
},
|
||||
{
|
||||
value: story.likes,
|
||||
label: "إعجاب",
|
||||
},
|
||||
{
|
||||
value: `${story.rating}⭐`,
|
||||
label: "التقييم",
|
||||
},
|
||||
{ value: story.rating.toString(), label: "تقييم القراء" },
|
||||
{ value: story.author, label: "الكاتب" },
|
||||
{ value: "متاح الآن", label: "الحالة" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag={story.category}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "اقرأ القصة كاملة",
|
||||
href: "#content",
|
||||
},
|
||||
{
|
||||
text: "عن الكاتب",
|
||||
href: `/author/${storyId}`,
|
||||
},
|
||||
{ text: "ابدأ القراءة", href: "#story-content" },
|
||||
{ text: "شارك القصة", href: "#share" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc={story.imageSrc}
|
||||
imageAlt={story.imageAlt}
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
imagePosition="left"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story-content" data-section="story-content">
|
||||
<FeatureCardOne
|
||||
title="محتوى القصة"
|
||||
description={`قصة من تأليف ${story.author}`}
|
||||
tag="اقرأ الآن"
|
||||
tagIcon={BookOpen}
|
||||
tagAnimation="slide-up"
|
||||
description={story.content}
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{
|
||||
title: story.title,
|
||||
description: story.content,
|
||||
imageSrc: story.imageSrc,
|
||||
imageAlt: story.imageAlt,
|
||||
button: {
|
||||
text: "تحميل القصة",
|
||||
href: "#download",
|
||||
},
|
||||
title: "الفصل الأول", description: "البداية المشوقة للقصة والتعريف بالشخصيات الرئيسية والأحداث الأولى", imageSrc: "http://img.b2bpic.net/free-vector/watercolor-world-book-day-social-media-promo-template_23-2149306885.jpg", imageAlt: "الفصل الأول", button: { text: "اقرأ الآن", href: "#chapter-1" },
|
||||
},
|
||||
{
|
||||
title: "الفصل الثاني", description: "تطور الأحداث والمزيد من الإثارة والمفاجآت", imageSrc: "http://img.b2bpic.net/free-psd/retro-film-poster-template_23-2149757569.jpg", imageAlt: "الفصل الثاني", button: { text: "اقرأ الآن", href: "#chapter-2" },
|
||||
},
|
||||
{
|
||||
title: "الفصل الثالث", description: "النهاية المشوقة والمحبطة التي ستترك انطباعاً عميقاً", imageSrc: "http://img.b2bpic.net/free-vector/flat-instagram-posts-collection-autumn-season-celebration_23-2150699819.jpg", imageAlt: "الفصل الثالث", button: { text: "اقرأ الآن", href: "#chapter-3" },
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story-faq" data-section="story-faq">
|
||||
<FaqDouble
|
||||
title="أسئلة عن هذه القصة"
|
||||
description="أجوبة للأسئلة الشائعة حول قصة " + story.title
|
||||
tag="معلومات مهمة"
|
||||
tagIcon={Sparkles}
|
||||
<div id="similar-stories" data-section="similar-stories">
|
||||
<TestimonialCardFive
|
||||
title="قصص مشابهة قد تعجبك"
|
||||
description="اكتشف قصصاً أخرى من نفس النوع والأسلوب"
|
||||
tag="اختيارات مشابهة"
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "محمود علي، كاتب قصص قصيرة", date: "التاريخ: 10 ديسمبر 2024", title: "رحلة مثيرة عبر الزمن", quote: "قصة خيال علمي مذهلة تأخذك في رحلة عبر الأزمان المختلفة. الأسلوب السردي رائع والأحداث مشوقة جداً", tag: "قصة مميزة", avatarSrc: "http://img.b2bpic.net/free-photo/man-reading-book-indoors-front-view_23-2149887838.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-reading-book-indoors-front-view_23-2149887838.jpg", imageAlt: "محمود علي"},
|
||||
{
|
||||
id: "2", name: "ليلى حسن، ناشرة أدبية", date: "التاريخ: 5 ديسمبر 2024", title: "عمل أدبي استثنائي", quote: "كمتخصصة في النشر الأدبي، هذه القصة من أفضل الأعمال التي قرأتها هذا العام. الكتابة احترافية والفكرة فريدة", tag: "قصة استثنائية", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-businessman-suit-sitting-desk-office_140725-95708.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businessman-suit-sitting-desk-office_140725-95708.jpg", imageAlt: "ليلى حسن"},
|
||||
{
|
||||
id: "3", name: "أحمد سالم، كاتب خيال علمي", date: "التاريخ: 28 نوفمبر 2024", title: "إلهام وإبداع", quote: "هذه القصة أعطتني الكثير من الأفكار الجديدة لأعمالي. الكاتب لديه موهبة حقيقية في سرد القصص", tag: "قصة مؤثرة", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-blogger-girl-is-looking-away-by-sitting-front-her-mini-camera-white-background_176474-117361.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blogger-girl-is-looking-away-by-sitting-front-her-mini-camera-white-background_176474-117361.jpg", imageAlt: "أحمد سالم"},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story-contact" data-section="story-contact">
|
||||
<ContactFaq
|
||||
ctaTitle="اتصل بالكاتب"
|
||||
ctaDescription="هل تريد التواصل مع الكاتب لمناقشة القصة أو الاستفسار عن أعماله الأخرى؟"
|
||||
ctaIcon={Mail}
|
||||
ctaButton={{ text: "أرسل رسالة", href: "/contact" }}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "كم عدد فصول هذه القصة؟",
|
||||
content: `القصة تحتوي على 12 فصل مثير، كل فصل يتعمق أكثر في أحداث القصة ويقربك من النهاية المشوقة.`,
|
||||
},
|
||||
id: "1", title: "كيف يمكنني حفظ هذه القصة؟", content: "انقر على أيقونة القلب بجانب اسم القصة. إذا كنت مسجل دخول، ستُضاف القصة إلى قائمة المفضلة الخاصة بك"},
|
||||
{
|
||||
id: "2",
|
||||
title: "هل هناك تكملة لهذه القصة؟",
|
||||
content: `نعم، الكاتب يعمل حالياً على الجزء الثاني من هذه الرواية. يتوقع نشره خلال الأشهر القادمة.`,
|
||||
},
|
||||
id: "2", title: "هل يمكنني مشاركة القصة على وسائل التواصل الاجتماعي؟", content: "نعم، انقر على زر المشاركة وحدد الشبكة الاجتماعية التي تفضلها. يمكنك مشاركة القصة على فيسبوك أو تويتر أو واتساب"},
|
||||
{
|
||||
id: "3",
|
||||
title: "هل يمكنني حفظ هذه القصة؟",
|
||||
content: `بالتأكيد، انقر على أيقونة القلب لحفظ القصة في قائمتك المفضلة. ستتمكن من الوصول إليها بسهولة من قسم قصصي المفضلة.`,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "هل القصة منتهية أم مستمرة؟",
|
||||
content: `القصة منتهية وكاملة الآن. يمكنك قراءة جميع الفصول دون انتظار فصول جديدة.`,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "كيف أتواصل مع الكاتب؟",
|
||||
content: `يمكنك الذهاب إلى صفحة الكاتب والضغط على زر "أرسل رسالة" لكي تتمكن من التواصل مع الكاتب مباشرة.`,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "هل هناك نسخة صوتية من القصة؟",
|
||||
content: `نحن نعمل حالياً على نسخ صوتية من القصص الشهيرة. تحقق قريباً لمعرفة ما إذا كانت هذه القصة متاحة بصيغة صوتية.`,
|
||||
},
|
||||
id: "3", title: "هل هناك المزيد من الأعمال من نفس الكاتب؟", content: "نعم، يمكنك الاطلاع على جميع أعمال الكاتب بالنقر على اسمه أو صورته. ستظهر لك قائمة بجميع قصصه ورواياته"},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="قصصي"
|
||||
leftLink={{
|
||||
text: "سياسة الخصوصية",
|
||||
href: "/privacy",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "شروط الاستخدام",
|
||||
href: "/terms",
|
||||
}}
|
||||
leftLink={{ text: "سياسة الخصوصية", href: "/privacy" }}
|
||||
rightLink={{ text: "شروط الاستخدام", href: "/terms" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user