Merge version_1 into main #2
266
src/app/page.tsx
266
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "عن الكورس",
|
||||
id: "about",
|
||||
},
|
||||
name: "عن الكورس", id: "about"},
|
||||
{
|
||||
name: "المميزات",
|
||||
id: "features",
|
||||
},
|
||||
name: "المميزات", id: "features"},
|
||||
{
|
||||
name: "الأسعار",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "الأسعار", id: "pricing"},
|
||||
]}
|
||||
brandName="BATCAM Academy"
|
||||
/>
|
||||
@@ -56,103 +48,60 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="أكاديمية BATCAM للأنظمة الأمنية"
|
||||
description="تعلم احتراف تركيب وبرمجة كاميرات المراقبة بأحدث التقنيات الرقمية. مسارك المهني يبدأ من هنا."
|
||||
testimonials={[
|
||||
{
|
||||
name: "أحمد علي",
|
||||
handle: "@ahmed_cctv",
|
||||
testimonial: "أفضل دورة تعلمت منها تركيب الأنظمة بدقة وسهولة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg?_wi=1",
|
||||
},
|
||||
name: "أحمد علي", handle: "@ahmed_cctv", testimonial: "أفضل دورة تعلمت منها تركيب الأنظمة بدقة وسهولة.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg"},
|
||||
{
|
||||
name: "سارة محمد",
|
||||
handle: "@sarah_tech",
|
||||
testimonial: "المحتوى غني جداً والمنصة سهلة الاستخدام.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg",
|
||||
},
|
||||
name: "سارة محمد", handle: "@sarah_tech", testimonial: "المحتوى غني جداً والمنصة سهلة الاستخدام.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg"},
|
||||
{
|
||||
name: "خالد عمر",
|
||||
handle: "@khalid_pro",
|
||||
testimonial: "تمكنت من فتح مشروعي الخاص بعد الانتهاء.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
|
||||
},
|
||||
name: "خالد عمر", handle: "@khalid_pro", testimonial: "تمكنت من فتح مشروعي الخاص بعد الانتهاء.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg"},
|
||||
{
|
||||
name: "منال فهد",
|
||||
handle: "@manal_dev",
|
||||
testimonial: "الدروس منظمة جداً وتطبيق عملي ممتاز.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-business-employee-browses-social-media-webpages-her-phone_482257-119987.jpg",
|
||||
},
|
||||
name: "منال فهد", handle: "@manal_dev", testimonial: "الدروس منظمة جداً وتطبيق عملي ممتاز.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-business-employee-browses-social-media-webpages-her-phone_482257-119987.jpg"},
|
||||
{
|
||||
name: "يوسف إبراهيم",
|
||||
handle: "@yousif_security",
|
||||
testimonial: "دعم فني وتواصل مستمر مع المدرب.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/renovation-profile-concentrated-man-touching-screwdriver-lamp-kitchen-range-hood_259150-59261.jpg",
|
||||
},
|
||||
name: "يوسف إبراهيم", handle: "@yousif_security", testimonial: "دعم فني وتواصل مستمر مع المدرب.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/renovation-profile-concentrated-man-touching-screwdriver-lamp-kitchen-range-hood_259150-59261.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "ابدأ الكورس الآن",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "ابدأ الكورس الآن", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/government-agency-general-headquarters-empty-command-post_482257-89051.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/government-agency-general-headquarters-empty-command-post_482257-89051.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="security camera training"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-doctor-office-awaiting-patient-visit-featuring-diagnostic-equipment_482257-126623.jpg",
|
||||
alt: "Empty doctor office awaiting a patient visit featuring diagnostic equipment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-doctor-office-awaiting-patient-visit-featuring-diagnostic-equipment_482257-126623.jpg", alt: "Empty doctor office awaiting a patient visit featuring diagnostic equipment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-screens-empty-control-center-housing-missile-defense-system_482257-116373.jpg",
|
||||
alt: "Close up of screens in empty control center housing missile defense system",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-screens-empty-control-center-housing-missile-defense-system_482257-116373.jpg", alt: "Close up of screens in empty control center housing missile defense system"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indian-female-manager-gathers-intelligence-cargo-delivery-logistics_482257-88996.jpg",
|
||||
alt: "Indian female manager gathers intelligence on cargo delivery logistics",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indian-female-manager-gathers-intelligence-cargo-delivery-logistics_482257-88996.jpg", alt: "Indian female manager gathers intelligence on cargo delivery logistics"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-military-secret-service-headquarters-used-follow-threats_482257-89828.jpg",
|
||||
alt: "Empty military secret service headquarters used to follow threats",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-military-secret-service-headquarters-used-follow-threats_482257-89828.jpg", alt: "Empty military secret service headquarters used to follow threats"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg",
|
||||
alt: "Closeup of Smiling Business Man Standing Outside",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg", alt: "Closeup of Smiling Business Man Standing Outside"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "معتمد",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "معتمد", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "عملي",
|
||||
icon: Wrench,
|
||||
type: "text-icon", text: "عملي", icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "تقني",
|
||||
icon: Monitor,
|
||||
type: "text-icon", text: "تقني", icon: Monitor,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "محدث",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "محدث", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "شامل",
|
||||
icon: Layers,
|
||||
type: "text-icon", text: "شامل", icon: Layers,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -165,19 +114,13 @@ export default function LandingPage() {
|
||||
description="نقدم لك خبرة عملية شاملة في التعامل مع مختلف أنظمة المراقبة الرقمية والتناظرية مع دعم فني مستمر."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "خريج محترف",
|
||||
},
|
||||
value: "500+", title: "خريج محترف"},
|
||||
{
|
||||
value: "120+",
|
||||
title: "درس تعليمي",
|
||||
},
|
||||
value: "120+", title: "درس تعليمي"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "دعم تقني",
|
||||
},
|
||||
value: "24/7", title: "دعم تقني"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-creates-cad-models-solar-modules-using-vr-gear_482257-120448.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-creates-cad-models-solar-modules-using-vr-gear_482257-120448.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -190,64 +133,46 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "أنظمة إدارة المراقبة",
|
||||
description: "تعلم كيفية ضبط وإدارة برمجيات المراقبة الحديثة بكفاءة عالية.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soldier-implements-processes-tactical-data-with-reconnaissance-radar-system_482257-89904.jpg",
|
||||
title: "أنظمة إدارة المراقبة", description: "تعلم كيفية ضبط وإدارة برمجيات المراقبة الحديثة بكفاءة عالية.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soldier-implements-processes-tactical-data-with-reconnaissance-radar-system_482257-89904.jpg", imageAlt: "cctv monitoring software"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "دعم بروتوكولات IP",
|
||||
},
|
||||
text: "دعم بروتوكولات IP"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "ضبط إعدادات الحركة",
|
||||
},
|
||||
text: "ضبط إعدادات الحركة"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/government-agency-general-headquarters-empty-command-post_482257-89051.jpg?_wi=2",
|
||||
imageAlt: "cctv monitoring software",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "تجهيز الأجهزة (Hardware)",
|
||||
description: "توصيلات الكابلات والتعامل مع أجهزة التسجيل الرقمي NVR/DVR.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-russian-command-center-using-high-tech-gear-spread-misinformation_482257-115427.jpg",
|
||||
title: "تجهيز الأجهزة (Hardware)", description: "توصيلات الكابلات والتعامل مع أجهزة التسجيل الرقمي NVR/DVR.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-russian-command-center-using-high-tech-gear-spread-misinformation_482257-115427.jpg", imageAlt: "nvr dvr cabling"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "توصيلات احترافية",
|
||||
},
|
||||
text: "توصيلات احترافية"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "اختبار الكابلات",
|
||||
},
|
||||
text: "اختبار الكابلات"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-creates-cad-models-solar-modules-using-vr-gear_482257-120448.jpg?_wi=2",
|
||||
imageAlt: "cctv monitoring software",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "المراقبة عن بعد",
|
||||
description: "إعدادات الربط السحابي والمراقبة عبر الهواتف الذكية والحاسب.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-showcasing-their-home-through-smartphone_23-2151624879.jpg",
|
||||
title: "المراقبة عن بعد", description: "إعدادات الربط السحابي والمراقبة عبر الهواتف الذكية والحاسب.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-showcasing-their-home-through-smartphone_23-2151624879.jpg", imageAlt: "wifi camera app"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "إعدادات الربط السريع",
|
||||
},
|
||||
text: "إعدادات الربط السريع"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "تأمين الشبكة",
|
||||
},
|
||||
text: "تأمين الشبكة"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg?_wi=2",
|
||||
imageAlt: "cctv monitoring software",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="مميزات التدريب"
|
||||
@@ -262,37 +187,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "المبتدئ",
|
||||
price: "100$",
|
||||
features: [
|
||||
"أساسيات الكاميرات",
|
||||
"دورة واحدة",
|
||||
"شهادة إتمام",
|
||||
],
|
||||
id: "basic", name: "المبتدئ", price: "100$", features: [
|
||||
"أساسيات الكاميرات", "دورة واحدة", "شهادة إتمام"],
|
||||
buttons: [
|
||||
{
|
||||
text: "اشتراك",
|
||||
href: "#",
|
||||
},
|
||||
text: "اشتراك", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "المحترف",
|
||||
price: "250$",
|
||||
badge: "الأكثر طلباً",
|
||||
features: [
|
||||
"كافة الدورات",
|
||||
"دعم فني 24/7",
|
||||
"استشارة فنية",
|
||||
"شهادة معتمدة",
|
||||
],
|
||||
id: "pro", name: "المحترف", price: "250$", badge: "الأكثر طلباً", features: [
|
||||
"كافة الدورات", "دعم فني 24/7", "استشارة فنية", "شهادة معتمدة"],
|
||||
buttons: [
|
||||
{
|
||||
text: "اشتراك",
|
||||
href: "#",
|
||||
},
|
||||
text: "اشتراك", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -308,40 +215,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "أحمد",
|
||||
handle: "@eng_ahmed",
|
||||
testimonial: "تجربة تعليمية ممتازة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-guy-student-sitting-table-with-school-tools-holding-glasses-showing-thumb-up-isolated-orange-wall_141793-129634.jpg",
|
||||
},
|
||||
id: "1", name: "أحمد", handle: "@eng_ahmed", testimonial: "تجربة تعليمية ممتازة.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-guy-student-sitting-table-with-school-tools-holding-glasses-showing-thumb-up-isolated-orange-wall_141793-129634.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "منى",
|
||||
handle: "@eng_mona",
|
||||
testimonial: "شرح مبسط واحترافي جداً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg",
|
||||
},
|
||||
id: "2", name: "منى", handle: "@eng_mona", testimonial: "شرح مبسط واحترافي جداً.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "خالد",
|
||||
handle: "@khalid_pro",
|
||||
testimonial: "مستوى تقني عالي.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019878.jpg",
|
||||
},
|
||||
id: "3", name: "خالد", handle: "@khalid_pro", testimonial: "مستوى تقني عالي.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019878.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "ليلى",
|
||||
handle: "@layla_tech",
|
||||
testimonial: "أكاديمية رائعة بحق.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-middle-aged-woman-working-research_74855-1262.jpg",
|
||||
},
|
||||
id: "4", name: "ليلى", handle: "@layla_tech", testimonial: "أكاديمية رائعة بحق.", imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-middle-aged-woman-working-research_74855-1262.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "سعد",
|
||||
handle: "@saad_eng",
|
||||
testimonial: "تعلمت الكثير في وقت قياسي.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-cameras-white-modern-building-technology-concept_158595-6492.jpg",
|
||||
},
|
||||
id: "5", name: "سعد", handle: "@saad_eng", testimonial: "تعلمت الكثير في وقت قياسي.", imageSrc: "http://img.b2bpic.net/free-photo/security-cameras-white-modern-building-technology-concept_158595-6492.jpg"},
|
||||
]}
|
||||
title="أراء المتدربين"
|
||||
description="انضم إلى مئات المحترفين الذين أطلقوا مسيرتهم معنا."
|
||||
@@ -354,20 +236,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: "نوفر دعم فني مباشر عبر المنصة ومنتديات الطلبة.",
|
||||
},
|
||||
id: "q3", title: "كيف أحصل على الدعم؟", content: "نوفر دعم فني مباشر عبر المنصة ومنتديات الطلبة."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/one-person-only-polygraph-examiner-works-office-with-his-lie-detector-s-equipment_146671-17238.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -381,8 +254,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="تواصل معنا"
|
||||
title="جاهز للبدء؟"
|
||||
description="اشترك في قائمتنا البريدية للحصول على أحدث الدورات والعروض الفنية."
|
||||
@@ -395,25 +267,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "الرئيسية", href: "#hero"},
|
||||
{
|
||||
label: "عن الأكاديمية",
|
||||
href: "#about",
|
||||
},
|
||||
label: "عن الأكاديمية", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
label: "الخصوصية", href: "#"},
|
||||
{
|
||||
label: "شروط الاستخدام",
|
||||
href: "#",
|
||||
},
|
||||
label: "شروط الاستخدام", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user