diff --git a/src/app/challenges/page.tsx b/src/app/challenges/page.tsx index ddb6bf7..1cb3732 100644 --- a/src/app/challenges/page.tsx +++ b/src/app/challenges/page.tsx @@ -76,7 +76,9 @@ export default function ChallengesPage() { title: "رسوم بيانية لتحديات الكتابة", description: "نظرة عامة على أنواع التحديات وكيف يمكن أن تعزز مهاراتك.", bentoComponent: "media-stack", items: [ { imageSrc: "http://img.b2bpic.net/free-photo/view-retro-computer-hardware_23-2149506880.jpg", imageAlt: "رسوم بيانية لتحديات الكتابة" - } + }, + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-hand-stealing-data-man-networking-laptop-late-night_169016-51549.jpg", imageAlt: "صورة تحديات 1" }, + { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blue-white-keyboard_23-2149680247.jpg", imageAlt: "صورة تحديات 2" } ] } ]} diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx index 5b8b78a..c82a610 100644 --- a/src/app/faq/page.tsx +++ b/src/app/faq/page.tsx @@ -7,20 +7,20 @@ import Link from "next/link"; export default function FaqPage() { const navItems = [ - { href: "/", label: "الرئيسية" }, - { href: "/learn", label: "ابدأ التعلم" }, - { href: "/training", label: "التدريب" }, - { href: "/challenges", label: "التحديات" }, - { href: "/levels", label: "المستويات" }, - { href: "/achievements", label: "الإنجازات" }, - { href: "/statistics", label: "الإحصائيات" }, - { href: "/keyboard", label: "لوحة المفاتيح" }, - { href: "/tips", label: "نصائح" }, - { href: "/quiz", label: "الاختبار" }, - { href: "/certificate", label: "الشهادة" }, - { href: "/about-us", label: "من نحن" }, - { href: "/faq", label: "الأسئلة الشائعة" }, - { href: "/contact", label: "تواصل معنا" } + { name: "الرئيسية", id: "/" }, + { name: "ابدأ التعلم", id: "/learn" }, + { name: "التدريب", id: "/training" }, + { name: "التحديات", id: "/challenges" }, + { name: "المستويات", id: "/levels" }, + { name: "الإنجازات", id: "/achievements" }, + { name: "الإحصائيات", id: "/statistics" }, + { name: "لوحة المفاتيح", id: "/keyboard" }, + { name: "نصائح", id: "/tips" }, + { name: "الاختبار", id: "/quiz" }, + { name: "الشهادة", id: "/certificate" }, + { name: "من نحن", id: "/about-us" }, + { name: "الأسئلة الشائعة", id: "/faq" }, + { name: "تواصل معنا", id: "/contact" } ]; return ( @@ -81,8 +81,8 @@ export default function FaqPage() {

© 2024 KeyQuest. All rights reserved.

{navItems.map((item) => ( - - {item.label} + + {item.name} ))}
diff --git a/src/app/keyboard/page.tsx b/src/app/keyboard/page.tsx index 93ba829..717dc95 100644 --- a/src/app/keyboard/page.tsx +++ b/src/app/keyboard/page.tsx @@ -3,7 +3,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; import FeatureBento from "@/components/sections/feature/FeatureBento"; -import { MousePointerClick, Key, Chair, Mouse, Monitor, Text, Code, TrendingUp, RotateCcw } from "lucide-react"; +import { MousePointerClick, Key, Armchair, Mouse, Monitor, Text, Code, TrendingUp, RotateCcw } from "lucide-react"; import Link from "next/link"; export default function KeyboardPage() { @@ -59,6 +59,8 @@ export default function KeyboardPage() { { title: "تمييز الحروف والأصابع", description: "شاهد أي حرف يضيء مع الإصبع المناسب له لتسهيل التعلم.", bentoComponent: "media-stack", items: [ { imageSrc: "http://img.b2bpic.net/free-photo/male-hands-laptop-keyboard-man-typing-laptop-top-view_169016-66487.jpg", imageAlt: "لوحة مفاتيح عربية تفاعلية تعرض تمييز الحروف" }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-key_23-2149680278.jpg", imageAlt: "صورة لوحة مفاتيح 1" }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-key_23-2149680275.jpg", imageAlt: "صورة لوحة مفاتيح 2" } ], }, { title: "تجربة بصرية ممتعة", description: "حركات خفيفة وتأثيرات ضوئية عند التفاعل مع المفاتيح.", bentoComponent: "reveal-icon", icon: MousePointerClick }, @@ -77,7 +79,7 @@ export default function KeyboardPage() { features={[ { title: "وضعية الجلوس الصحيحة", description: "تعلم كيفية الجلوس بأسلوب يقلل التعب ويزيد من كفاءة الكتابة.", bentoComponent: "icon-info-cards", items: [ - { icon: Chair, label: "الظهر مستقيم", value: "90 درجة" }, + { icon: Armchair, label: "الظهر مستقيم", value: "90 درجة" }, { icon: Mouse, label: "المعصم مسترخٍ", value: "مسطح" }, { icon: Monitor, label: "الشاشة على مستوى العين", value: "مسافة الذراع" }, ], @@ -85,11 +87,15 @@ export default function KeyboardPage() { { title: "ترتيب الأصابع على لوحة المفاتيح", description: "دليل تفاعلي يوضح مكان كل إصبع على لوحة المفاتيح العربية، مع تلوين للمفاتيح والأصابع.", bentoComponent: "media-stack", items: [ { imageSrc: "http://img.b2bpic.net/free-photo/casual-businesswoman-wearing-shades-her-head-keyboarding-laptop-checking-email-lunch-her-day-off_273609-1362.jpg", imageAlt: "رسم توضيحي لوضعية الجلوس الصحيحة" }, + { imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924155.jpg", imageAlt: "صورة جلوس 1" }, + { imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-hands-female-student-laptop-notepad_169016-50697.jpg", imageAlt: "صورة جلوس 2" } ], }, { title: "لوحة مفاتيح تفاعلية للمبتدئين", description: "تجربة بصرية ممتعة لمساعدتك على حفظ أماكن الحروف بسرعة.", bentoComponent: "media-stack", items: [ { imageSrc: "http://img.b2bpic.net/free-photo/view-3d-keyboard-buttons_23-2149917538.jpg", imageAlt: "لوحة مفاتيح تفاعلية توضح أماكن الأصابع" }, + { imageSrc: "http://img.b2bpic.net/free-photo/woman-working-late-night-with-laptop-neon-lit-environment_23-2152013695.jpg", imageAlt: "صورة مفاتيح 1" }, + { imageSrc: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998104.jpg", imageAlt: "صورة مفاتيح 2" } ], }, ]} @@ -111,7 +117,9 @@ export default function KeyboardPage() { { title: "تحديد الأخطاء وإعادة المحاولة", description: "نظام يبرز الأخطاء ويسمح لك بإعادة التدرب لتحقيق الكمال.", bentoComponent: "reveal-icon", icon: RotateCcw }, { title: "صورة شاملة للتمارين", description: "رسم بياني يوضح تنوع التمارين المتاحة للتدريب.", bentoComponent: "media-stack", items: [ - { imageSrc: "http://img.b2bpic.net/free-photo/alphabet-from-threedimensional-letters-top-view_185193-161678.jpg?_wi=2", imageAlt: "رسوم بيانية لتمارين الكتابة" }, + { imageSrc: "http://img.b2bpic.net/free-photo/alphabet-from-threedimensional-letters-top-view_185193-161678.jpg", imageAlt: "رسوم بيانية لتمارين الكتابة" }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919540.jpg", imageAlt: "صورة تدريبية 3" }, + { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-keyboard-with-lights_23-2149680254.jpg", imageAlt: "صورة تدريبية 4" } ], }, ]} diff --git a/src/app/statistics/page.tsx b/src/app/statistics/page.tsx index aebed1b..5807c2a 100644 --- a/src/app/statistics/page.tsx +++ b/src/app/statistics/page.tsx @@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; import MetricCardThree from "@/components/sections/metrics/MetricCardThree"; import FaqSplitText from "@/components/sections/faq/FaqSplitText"; -import { Speedometer, Percent, CheckSquare, XCircle, LineChart, Keyboard, Target, ScrollText, CalendarCheck, Rocket, Trophy } from "lucide-react"; +import { Gauge, Percent, CheckSquare, XCircle, LineChart, Keyboard, Target, ScrollText, CalendarCheck, Rocket, Trophy } from "lucide-react"; import Link from "next/link"; export default function StatisticsPage() { @@ -56,7 +56,7 @@ export default function StatisticsPage() { textboxLayout="default" useInvertedBackground={false} metrics={[ - { id: "stat1", icon: Speedometer, title: "أفضل سرعة كتابة", value: "120 WPM" }, + { id: "stat1", icon: Gauge, title: "أفضل سرعة كتابة", value: "120 WPM" }, { id: "stat2", icon: Percent, title: "متوسط الدقة", value: "98.5%" }, { id: "stat3", icon: CheckSquare, title: "تمارين مكتملة", value: "250+" }, { id: "stat4", icon: XCircle, title: "إجمالي الأخطاء", value: "150" }, diff --git a/src/app/training/page.tsx b/src/app/training/page.tsx index de2bcdd..e0d5c94 100644 --- a/src/app/training/page.tsx +++ b/src/app/training/page.tsx @@ -75,8 +75,10 @@ export default function TrainingPage() { { title: "صورة شاملة للتمارين", description: "رسم بياني يوضح تنوع التمارين المتاحة للتدريب.", bentoComponent: "media-stack", items: [ { - imageSrc: "http://img.b2bpic.net/free-photo/alphabet-from-threedimensional-letters-top-view_185193-161678.jpg?_wi=1", imageAlt: "رسوم بيانية لتمارين الكتابة" - } + imageSrc: "http://img.b2bpic.net/free-photo/alphabet-from-threedimensional-letters-top-view_185193-161678.jpg", imageAlt: "رسوم بيانية لتمارين الكتابة" + }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919540.jpg", imageAlt: "صورة تدريبية 1" }, + { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-keyboard-with-lights_23-2149680254.jpg", imageAlt: "صورة تدريبية 2" } ] } ]}