Merge version_1 into main #2
243
src/app/page.tsx
243
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "عن البرنامج",
|
||||
id: "about",
|
||||
},
|
||||
name: "عن البرنامج", id: "about"},
|
||||
{
|
||||
name: "المقررات",
|
||||
id: "courses",
|
||||
},
|
||||
name: "المقررات", id: "courses"},
|
||||
{
|
||||
name: "التسجيل",
|
||||
id: "contact",
|
||||
},
|
||||
name: "التسجيل", id: "contact"},
|
||||
]}
|
||||
brandName="بصائر"
|
||||
/>
|
||||
@@ -56,51 +48,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="بصائر: تأصيل وتحصين"
|
||||
description="منهجية علمية أصيلة في دراسة الدين، تأخذ بيد العامي إلى الفهم، وبيد طالب العلم إلى الإتقان."
|
||||
buttons={[
|
||||
{
|
||||
text: "ابدأ التعلم",
|
||||
href: "#courses",
|
||||
},
|
||||
text: "ابدأ التعلم", href: "#courses"},
|
||||
{
|
||||
text: "تعرف علينا",
|
||||
href: "#about",
|
||||
},
|
||||
text: "تعرف علينا", href: "#about"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-stack-books_23-2147755145.jpg?_wi=1",
|
||||
imageAlt: "مقدمة البرنامج",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/flowers-stack-books_23-2147755145.jpg", imageAlt: "مقدمة البرنامج"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pot-near-quran-sweets_23-2147868996.jpg?_wi=1",
|
||||
imageAlt: "المواد العلمية",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/pot-near-quran-sweets_23-2147868996.jpg", imageAlt: "المواد العلمية"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-still-life-hard-exams_23-2149314075.jpg?_wi=1",
|
||||
imageAlt: "البيئة التعليمية",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-still-life-hard-exams_23-2149314075.jpg", imageAlt: "البيئة التعليمية"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/ethnic-style-islamic-festive-greeting-background-design_1017-54277.jpg",
|
||||
imageAlt: "المنهج المتكامل",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-vector/ethnic-style-islamic-festive-greeting-background-design_1017-54277.jpg", imageAlt: "المنهج المتكامل"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-with-empty-chairs-computers-generated-by-ai_188544-22073.jpg",
|
||||
imageAlt: "التعليم الرقمي",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-with-empty-chairs-computers-generated-by-ai_188544-22073.jpg", imageAlt: "التعليم الرقمي"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/purple-green-certificate-appreciation-template_1142-785.jpg",
|
||||
imageAlt: "نظام الشهادات",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-vector/purple-green-certificate-appreciation-template_1142-785.jpg", imageAlt: "نظام الشهادات"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,19 +80,13 @@ export default function LandingPage() {
|
||||
title="أرقام تدعم مسيرتك العلمية"
|
||||
metrics={[
|
||||
{
|
||||
label: "طالب علم ينهلون العلم",
|
||||
value: "5,000+",
|
||||
icon: GraduationCap,
|
||||
label: "طالب علم ينهلون العلم", value: "5,000+", icon: GraduationCap,
|
||||
},
|
||||
{
|
||||
label: "مقرر علمي مؤصل",
|
||||
value: "120",
|
||||
icon: BookOpen,
|
||||
label: "مقرر علمي مؤصل", value: "120", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
label: "ساعات تعليمية",
|
||||
value: "10,000+",
|
||||
icon: Clock,
|
||||
label: "ساعات تعليمية", value: "10,000+", icon: Clock,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -137,64 +100,46 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "مسارات تعليمية مدروسة",
|
||||
description: "تدرج علمي يبدأ معك من التأسيس إلى التخصص.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/typographic-optical-illusions-tehran_23-2150921913.jpg",
|
||||
title: "مسارات تعليمية مدروسة", description: "تدرج علمي يبدأ معك من التأسيس إلى التخصص.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/typographic-optical-illusions-tehran_23-2150921913.jpg", imageAlt: "Islamic academy interior"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "منهجية سلفية",
|
||||
},
|
||||
text: "منهجية سلفية"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "تدرج منهجي",
|
||||
},
|
||||
text: "تدرج منهجي"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-stack-books_23-2147755145.jpg?_wi=2",
|
||||
imageAlt: "Islamic academy interior",
|
||||
},
|
||||
{
|
||||
title: "محتوى متنوع وموثق",
|
||||
description: "نصوص، مرئيات، واختبارات قياس في مكان واحد.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-coffee-break-library-using-smart-phone_496169-1228.jpg",
|
||||
title: "محتوى متنوع وموثق", description: "نصوص، مرئيات، واختبارات قياس في مكان واحد.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-coffee-break-library-using-smart-phone_496169-1228.jpg", imageAlt: "Islamic academy interior"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "مكتبة رقمية",
|
||||
},
|
||||
text: "مكتبة رقمية"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "توثيق علمي",
|
||||
},
|
||||
text: "توثيق علمي"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pot-near-quran-sweets_23-2147868996.jpg?_wi=2",
|
||||
imageAlt: "Islamic academy interior",
|
||||
},
|
||||
{
|
||||
title: "تفاعل وتوجيه",
|
||||
description: "حلقات نقاش مباشرة ودعم فني وعلمي دائم.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-girl-thinking-library_23-2148727880.jpg",
|
||||
title: "تفاعل وتوجيه", description: "حلقات نقاش مباشرة ودعم فني وعلمي دائم.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-girl-thinking-library_23-2148727880.jpg", imageAlt: "Islamic academy interior"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "تواصل مباشر",
|
||||
},
|
||||
text: "تواصل مباشر"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "إشراف علمي",
|
||||
},
|
||||
text: "إشراف علمي"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-still-life-hard-exams_23-2149314075.jpg?_wi=2",
|
||||
imageAlt: "Islamic academy interior",
|
||||
},
|
||||
]}
|
||||
title="لماذا تختار بصائر؟"
|
||||
@@ -210,47 +155,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "العقيدة",
|
||||
price: "متاح",
|
||||
variant: "تمهيدي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-books-near-crop-woman_23-2147896770.jpg",
|
||||
},
|
||||
id: "1", name: "العقيدة", price: "متاح", variant: "تمهيدي", imageSrc: "http://img.b2bpic.net/free-photo/glasses-books-near-crop-woman_23-2147896770.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "الفقه",
|
||||
price: "متاح",
|
||||
variant: "مستوى أول",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pot-candle-near-opened-book_23-2147868944.jpg",
|
||||
},
|
||||
id: "2", name: "الفقه", price: "متاح", variant: "مستوى أول", imageSrc: "http://img.b2bpic.net/free-photo/pot-candle-near-opened-book_23-2147868944.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "أصول الفقه",
|
||||
price: "متاح",
|
||||
variant: "متقدم",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/magnifying-glass-with-stack-books-table_1252-718.jpg",
|
||||
},
|
||||
id: "3", name: "أصول الفقه", price: "متاح", variant: "متقدم", imageSrc: "http://img.b2bpic.net/free-photo/magnifying-glass-with-stack-books-table_1252-718.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "التفسير",
|
||||
price: "متاح",
|
||||
variant: "متوسط",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/blue-background-with-green-pattern_1017-4983.jpg",
|
||||
},
|
||||
id: "4", name: "التفسير", price: "متاح", variant: "متوسط", imageSrc: "http://img.b2bpic.net/free-vector/blue-background-with-green-pattern_1017-4983.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "الحديث",
|
||||
price: "متاح",
|
||||
variant: "تخصصي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-boy-using-laptop_23-2147782837.jpg",
|
||||
},
|
||||
id: "5", name: "الحديث", price: "متاح", variant: "تخصصي", imageSrc: "http://img.b2bpic.net/free-photo/side-view-boy-using-laptop_23-2147782837.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "الأدب",
|
||||
price: "متاح",
|
||||
variant: "عام",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/ornamental-peter-smith-bartender-certificate_742173-9506.jpg",
|
||||
},
|
||||
id: "6", name: "الأدب", price: "متاح", variant: "عام", imageSrc: "http://img.b2bpic.net/free-vector/ornamental-peter-smith-bartender-certificate_742173-9506.jpg"},
|
||||
]}
|
||||
title="المقررات العلمية"
|
||||
description="اختر مسارك التعليمي من العقيدة إلى الأدب."
|
||||
@@ -264,26 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
title: "نسبة الرضا",
|
||||
description: "عن جودة المحتوى.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-business-entrepreneur-with-laptop_482257-91248.jpg",
|
||||
},
|
||||
id: "m1", value: "95%", title: "نسبة الرضا", description: "عن جودة المحتوى.", imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-business-entrepreneur-with-laptop_482257-91248.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "80%",
|
||||
title: "إتمام المقررات",
|
||||
description: "متوسط إكمال الطلاب.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-school-supplies-dark-surface_179666-46990.jpg",
|
||||
},
|
||||
id: "m2", value: "80%", title: "إتمام المقررات", description: "متوسط إكمال الطلاب.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-school-supplies-dark-surface_179666-46990.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "دولة",
|
||||
description: "تغطيها منصتنا.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sleepy-girl-sitting-table_23-2147657329.jpg",
|
||||
},
|
||||
id: "m3", value: "12", title: "دولة", description: "تغطيها منصتنا.", imageSrc: "http://img.b2bpic.net/free-photo/sleepy-girl-sitting-table_23-2147657329.jpg"},
|
||||
]}
|
||||
title="نمو مستمر"
|
||||
description="نتائج ملموسة لمستفيدينا."
|
||||
@@ -297,40 +197,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "أحمد العلي",
|
||||
handle: "طالب علم",
|
||||
testimonial: "منصة ممتازة ومنهجية رصينة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-notebook-studio_23-2147844833.jpg",
|
||||
},
|
||||
id: "1", name: "أحمد العلي", handle: "طالب علم", testimonial: "منصة ممتازة ومنهجية رصينة.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-notebook-studio_23-2147844833.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "سارة محمد",
|
||||
handle: "طالبة",
|
||||
testimonial: "تدرج رائع وواضح في العلوم.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-adult-africanamerican-man-holding-notebooks-smiling-studying-courses-standing-p_1258-173854.jpg",
|
||||
},
|
||||
id: "2", name: "سارة محمد", handle: "طالبة", testimonial: "تدرج رائع وواضح في العلوم.", imageSrc: "http://img.b2bpic.net/free-photo/image-adult-africanamerican-man-holding-notebooks-smiling-studying-courses-standing-p_1258-173854.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "خالد عبد الله",
|
||||
handle: "عامي",
|
||||
testimonial: "سهلت علي فهم الدين بشكل مبسط.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-astonished-black-male-green-jumper-points-with-both-index-fingers-has-toothy-smile-surrounded-with-many-books_273609-23937.jpg",
|
||||
},
|
||||
id: "3", name: "خالد عبد الله", handle: "عامي", testimonial: "سهلت علي فهم الدين بشكل مبسط.", imageSrc: "http://img.b2bpic.net/free-photo/glad-astonished-black-male-green-jumper-points-with-both-index-fingers-has-toothy-smile-surrounded-with-many-books_273609-23937.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "نورة العتيبي",
|
||||
handle: "طالبة",
|
||||
testimonial: "دعم فني وعلمي متميز جداً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-dark-skinned-man-with-african-hairstyle-working-course-paper-while-sitting-cafe-lunch-break-holding-smartphone-being-happy-finish-his-work-african-guy-with-broad-smile-cafe_273609-7461.jpg",
|
||||
},
|
||||
id: "4", name: "نورة العتيبي", handle: "طالبة", testimonial: "دعم فني وعلمي متميز جداً.", imageSrc: "http://img.b2bpic.net/free-photo/funny-dark-skinned-man-with-african-hairstyle-working-course-paper-while-sitting-cafe-lunch-break-holding-smartphone-being-happy-finish-his-work-african-guy-with-broad-smile-cafe_273609-7461.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "ياسر إبراهيم",
|
||||
handle: "طالب علم",
|
||||
testimonial: "بصائر هي الملاذ لكل باحث عن الحق.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-guy-holding-notebooks-celebrating-making-fist-pump-shouting-yes-with-excitement-sta_1258-161824.jpg",
|
||||
},
|
||||
id: "5", name: "ياسر إبراهيم", handle: "طالب علم", testimonial: "بصائر هي الملاذ لكل باحث عن الحق.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-guy-holding-notebooks-celebrating-making-fist-pump-shouting-yes-with-excitement-sta_1258-161824.jpg"},
|
||||
]}
|
||||
title="ماذا يقول طلابنا؟"
|
||||
description="تجربة حقيقية لمنهجية بصائر."
|
||||
@@ -342,20 +217,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "كيف أسجل في البرنامج؟",
|
||||
content: "يمكنك التسجيل عبر الرابط في صفحة التسجيل.",
|
||||
},
|
||||
id: "f1", title: "كيف أسجل في البرنامج؟", content: "يمكنك التسجيل عبر الرابط في صفحة التسجيل."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "هل الشهادات معتمدة؟",
|
||||
content: "نعم، نقدم شهادات إتمام معتمدة من إدارة البرنامج.",
|
||||
},
|
||||
id: "f2", title: "هل الشهادات معتمدة؟", content: "نعم، نقدم شهادات إتمام معتمدة من إدارة البرنامج."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "هل البرنامج مناسب للمبتدئين؟",
|
||||
content: "بالتأكيد، لدينا مسار تمهيدي خاص.",
|
||||
},
|
||||
id: "f3", title: "هل البرنامج مناسب للمبتدئين؟", content: "بالتأكيد، لدينا مسار تمهيدي خاص."},
|
||||
]}
|
||||
sideTitle="هل لديك استفسار؟"
|
||||
sideDescription="إجابات على أكثر أسئلة المستفيدين شيوعاً."
|
||||
@@ -367,8 +233,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="تواصل"
|
||||
title="انضم إلينا اليوم"
|
||||
description="سجل الآن في برنامج بصائر وابدأ رحلتك العلمية."
|
||||
@@ -381,25 +246,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "عن بصائر",
|
||||
href: "#about",
|
||||
},
|
||||
label: "عن بصائر", href: "#about"},
|
||||
{
|
||||
label: "المقررات",
|
||||
href: "#courses",
|
||||
},
|
||||
label: "المقررات", href: "#courses"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
label: "الخصوصية", href: "#"},
|
||||
{
|
||||
label: "شروط الاستخدام",
|
||||
href: "#",
|
||||
},
|
||||
label: "شروط الاستخدام", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user