83:I[903690,["/chat-static/_next/static/immutable/chunks/196gtrnm34jez.js","/chat-static/_next/static/immutable/chunks/1enj0--qh8_5a.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1zwrrh1n1isp0.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/33yo_g45dr57n.js","/chat-static/_next/static/immutable/chunks/2_sbgebowt27c.js","/chat-static/_next/static/immutable/chunks/2y4tmciu_pml1.js","/chat-static/_next/static/immutable/chunks/42f8gzjthz4xm.js","/chat-static/_next/static/immutable/chunks/0z_kwscs0-xkv.js","/chat-static/_next/static/immutable/chunks/3l8fzjkdgt0wd.js","/chat-static/_next/static/immutable/chunks/3nlorw7q2vubs.js","/chat-static/_next/static/immutable/chunks/2297wuuoux0mr.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/365o88upxg8nb.js","/chat-static/_next/static/immutable/chunks/2lo4wuedhi-j3.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/0jywfwuiu_hpq.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/0ocytjp9zxitf.js","/chat-static/_next/static/immutable/chunks/1bfn_hru-4enh.js","/chat-static/_next/static/immutable/chunks/38fcx4vaj9p6g.js","/chat-static/_next/static/immutable/chunks/39x5wlubw1qy9.js","/chat-static/_next/static/immutable/chunks/43-jsj0fq5lhp.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/1w6qqgfpk6ysv.js","/chat-static/_next/static/immutable/chunks/0wekn8517kmiz.js","/chat-static/_next/static/immutable/chunks/3db-uyiz6we29.js","/chat-static/_next/static/immutable/chunks/2g2_401nxyrm5.js","/chat-static/_next/static/immutable/chunks/11o1o6qzk3ejc.js","/chat-static/_next/static/immutable/chunks/2nu9j7-o_9ilo.js","/chat-static/_next/static/immutable/chunks/3eajo0i8vj831.js"],"ExplicitChatIdProvider"] 84:I[838238,["/chat-static/_next/static/immutable/chunks/196gtrnm34jez.js","/chat-static/_next/static/immutable/chunks/1enj0--qh8_5a.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1zwrrh1n1isp0.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/33yo_g45dr57n.js","/chat-static/_next/static/immutable/chunks/2_sbgebowt27c.js","/chat-static/_next/static/immutable/chunks/2y4tmciu_pml1.js","/chat-static/_next/static/immutable/chunks/42f8gzjthz4xm.js","/chat-static/_next/static/immutable/chunks/0z_kwscs0-xkv.js","/chat-static/_next/static/immutable/chunks/3l8fzjkdgt0wd.js","/chat-static/_next/static/immutable/chunks/3nlorw7q2vubs.js","/chat-static/_next/static/immutable/chunks/2297wuuoux0mr.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/365o88upxg8nb.js","/chat-static/_next/static/immutable/chunks/2lo4wuedhi-j3.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/0jywfwuiu_hpq.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/0ocytjp9zxitf.js","/chat-static/_next/static/immutable/chunks/1bfn_hru-4enh.js","/chat-static/_next/static/immutable/chunks/38fcx4vaj9p6g.js","/chat-static/_next/static/immutable/chunks/39x5wlubw1qy9.js","/chat-static/_next/static/immutable/chunks/43-jsj0fq5lhp.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/1w6qqgfpk6ysv.js","/chat-static/_next/static/immutable/chunks/0wekn8517kmiz.js","/chat-static/_next/static/immutable/chunks/3db-uyiz6we29.js","/chat-static/_next/static/immutable/chunks/2g2_401nxyrm5.js","/chat-static/_next/static/immutable/chunks/11o1o6qzk3ejc.js","/chat-static/_next/static/immutable/chunks/2nu9j7-o_9ilo.js","/chat-static/_next/static/immutable/chunks/3eajo0i8vj831.js"],"SWRDataProvider"] 85:Tbae9,[V0_FILE]png:file="public/diverse-young-learners.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/diverse-young-learners-6X5HEw3t19yGK4eMH9HrQ34SkamDCm.png" isMerged="true" [V0_FILE]typescriptreact:file="components/language-toggle.tsx" isMerged="true" 'use client' import { Languages } from 'lucide-react' import { Button } from '@/components/ui/button' import { useLanguage } from '@/contexts/language-context' export function LanguageToggle() { const { language, setLanguage } = useLanguage() return ( ) } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type { Metadata } from "next" import { Inter } from 'next/font/google' import { Noto_Sans_Arabic } from 'next/font/google' import "./globals.css" import { LanguageProvider } from "@/contexts/language-context" const inter = Inter({ subsets: ["latin"], variable: '--font-inter' }) const notoSansArabic = Noto_Sans_Arabic({ subsets: ["arabic"], variable: '--font-arabic' }) export const metadata: Metadata = { title: "ملهاش كتاب | malhash ketab - More Than Books", description: "Learn the real skills you need for success. We bridge the gap between classroom learning and career readiness.", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; .font-arabic { font-family: var(--font-arabic), sans-serif; } /* RTL-specific adjustments */ [dir="rtl"] { text-align: right; } [dir="rtl"] .text-left { text-align: right; } [dir="rtl"] .text-right { text-align: left; } /* Ensure proper spacing for RTL */ [dir="rtl"] .space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; } /* Custom scrollbar for better UX */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #C4A23D; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #B8962F; } /* Smooth scroll behavior */ html { scroll-behavior: smooth; } /* Focus styles for accessibility */ *:focus { outline: 2px solid #C4A23D; outline-offset: 2px; } /* Custom gradient backgrounds */ .gradient-bg-primary { background: linear-gradient(135deg, #C4A23D 0%, #4C8483 100%); } .gradient-bg-secondary { background: linear-gradient(135deg, #F3F2E8 0%, #EFE5CA 100%); } /* Animation classes */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fadeInUp 0.6s ease-out; } /* Card hover effects */ .card-hover { transition: all 0.3s ease; } .card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } /* Button animations */ .btn-primary { background: linear-gradient(135deg, #C4A23D 0%, #4C8483 100%); transition: all 0.3s ease; } .btn-primary:hover { background: linear-gradient(135deg, #B8962F 0%, #3F6F6E 100%); transform: translateY(-2px); box-shadow: 0 10px 20px rgba(196, 162, 61, 0.3); } /* Text selection colors */ ::selection { background-color: #C4A23D; color: white; } ::-moz-selection { background-color: #C4A23D; color: white; } /* Loading spinner */ @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } /* Responsive text sizes */ @media (max-width: 640px) { .text-responsive-xl { font-size: 2rem; line-height: 2.5rem; } } @media (min-width: 641px) { .text-responsive-xl { font-size: 3rem; line-height: 3.5rem; } } @media (min-width: 1024px) { .text-responsive-xl { font-size: 4rem; line-height: 4.5rem; } } /* Custom backdrop blur */ .backdrop-blur-custom { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } /* Improved contrast for accessibility */ .text-contrast { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } /* Custom border styles */ .border-gradient { border: 2px solid transparent; background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #C4A23D, #4C8483) border-box; } /* Mobile menu animations */ @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .animate-slide-down { animation: slideDown 0.3s ease-out; } /* Print styles */ @media print { .no-print { display: none !important; } body { background: white !important; color: black !important; } } /* High contrast mode support */ @media (prefers-contrast: high) { .bg-gradient-to-r { background: #C4A23D !important; } .text-gray-600 { color: #000000 !important; } } /* Reduced motion support */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } html { scroll-behavior: auto; } } /* Dark mode support (if needed in future) */ @media (prefers-color-scheme: dark) { .auto-dark { background-color: #1a1a1a; color: #ffffff; } } :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/join/page.tsx" isMerged="true" 'use client' import { BookOpen, ArrowRight, ExternalLink, Users, Target, CheckCircle } from 'lucide-react' import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { useLanguage } from "@/contexts/language-context" import { LanguageToggle } from "@/components/language-toggle" export default function JoinPage() { const { t, language } = useLanguage() const isRTL = language === 'ar' const formUrl = "https://docs.google.com/forms/d/e/1FAIpQLSdo6k_luG2kAh0oBrafwCqrGDp8DypbKemU-64lQNis2XZmjQ/viewform?usp=dialog" return (

{/* Navigation */} {/* Main Content */}

{/* Header Section */}

{isRTL ? 'مرحباً بك!' : 'Welcome!'}

{/* Form Section */}

{isRTL ? 'ابدأ رحلتك معنا' : 'Start Your Journey'}

{isRTL ? 'سيتم فتح النموذج في نافذة جديدة' : 'The form will open in a new window' }

{/* What Happens Next Section */}

{/* Benefits Reminder */}

{isRTL ? 'لماذا تنضم إلينا؟' : 'Why Join Us?'}

{[ { ar: 'مهارات عملية تحتاجها في سوق العمل', en: 'Practical skills you need in the job market' }, { ar: 'برامج مصممة خصيصاً لعمرك واهتماماتك', en: 'Programs designed specifically for your age and interests' }, { ar: 'مدربين خبراء في مجالاتهم', en: 'Expert trainers in their fields' }, { ar: 'شبكة من الأقران والمرشدين', en: 'Network of peers and mentors' } ].map((benefit, index) => (

{isRTL ? benefit.ar : benefit.en}

))}

) } [V0_FILE]typescriptreact:file="contexts/language-context.tsx" isEdit="true" isQuickEdit="true" isMerged="true" 'use client' import React, { createContext, useContext, useState, useEffect } from 'react' type Language = 'en' | 'ar' interface LanguageContextType { language: Language setLanguage: (lang: Language) => void t: (key: string) => string } const translations = { en: { // Navigation 'nav.about': 'About', 'nav.skills': 'Skills', 'nav.programs': 'Programs', 'nav.contact': 'Contact', 'nav.joinNow': 'Join Now', // Hero Section 'hero.badge': 'For Ages 11-25 • Beyond Traditional Learning', 'hero.title': 'More Than Books', 'hero.subtitle': 'Learn the real skills you need for success. We bridge the gap between classroom learning and career readiness.', 'hero.realSkills': 'real skills', 'hero.startLearning': 'Start Learning', 'hero.watchDemo': 'Watch Demo', // Stats 'stats.students': 'Students Empowered', 'stats.skills': 'Skills Taught', 'stats.success': 'Success Rate', 'stats.programs': 'Programs', // About Section 'about.title': 'Why', 'about.subtitle': 'Traditional education teaches you facts and theories, but what about the skills you actually need to succeed in life and career? We fill that gap.', 'about.bridgeTitle': 'Bridge the Gap', 'about.bridgeDesc': 'We connect classroom learning with real-world skills employers actually want. No more wondering "when will I use this?"', 'about.practicalTitle': 'Practical Skills', 'about.practicalDesc': 'Learn communication, leadership, problem-solving, and technical skills that make you stand out in any field.', 'about.holisticTitle': 'Holistic Growth', 'about.holisticDesc': 'Beyond academics - we emphasize extracurriculars, personal development, and building a well-rounded personality.', // Skills Section 'skills.title': 'Skills That', 'skills.matter': 'Matter', 'skills.subtitle': 'We focus on both soft skills and hard skills that employers value most in today\'s job market.', 'skills.softSkills': 'Soft Skills', 'skills.hardSkills': 'Hard Skills', // Soft Skills 'skills.communication': 'Communication & Public Speaking', 'skills.leadership': 'Leadership & Team Management', 'skills.criticalThinking': 'Critical Thinking & Problem Solving', 'skills.emotionalIntelligence': 'Emotional Intelligence', 'skills.timeManagement': 'Time Management & Productivity', 'skills.networking': 'Networking & Relationship Building', // Hard Skills 'skills.digitalMarketing': 'Digital Marketing & Social Media', 'skills.programming': 'Basic Programming & Web Development', 'skills.dataAnalysis': 'Data Analysis & Excel Mastery', 'skills.graphicDesign': 'Graphic Design & Creative Tools', 'skills.financialLiteracy': 'Financial Literacy & Budgeting', 'skills.projectManagement': 'Project Management Tools', // Programs 'programs.title': 'Our', 'programs.programs': 'Programs', 'programs.subtitle': 'Structured learning paths designed for different age groups and career interests.', 'programs.foundation.title': 'Foundation Builder', 'programs.foundation.desc': 'Essential life skills and early career exploration for middle school students.', 'programs.foundation.skill1': '• Basic communication skills', 'programs.foundation.skill2': '• Study techniques & organization', 'programs.foundation.skill3': '• Introduction to technology', 'programs.foundation.skill4': '• Creative thinking workshops', 'programs.career.title': 'Career Prep', 'programs.career.desc': 'Advanced skills and career readiness for high school students.', 'programs.career.skill1': '• Leadership & public speaking', 'programs.career.skill2': '• Digital skills & online presence', 'programs.career.skill3': '• Interview skills & resume building', 'programs.career.skill4': '• Entrepreneurship basics', 'programs.professional.title': 'Professional Edge', 'programs.professional.desc': 'Advanced professional skills for college students and young professionals.', 'programs.professional.skill1': '• Advanced project management', 'programs.professional.skill2': '• Industry-specific skills', 'programs.professional.skill3': '• Networking & mentorship', 'programs.professional.skill4': '• Career transition support', 'programs.learnMore': 'Learn More', 'programs.mostPopular': 'Most Popular', // Testimonials 'testimonials.title': 'What Students Say', 'testimonials.subtitle': 'Real stories from students who transformed their futures with malhash ketab.', 'testimonials.sarah.quote': 'I learned more practical skills in 3 months here than in 3 years of school. Now I feel confident about my future career!', 'testimonials.omar.quote': 'The leadership and communication skills I learned helped me land my dream internship. This program is a game-changer!', 'testimonials.layla.quote': 'I used to think grades were everything. Now I know there\'s so much more to success, and I\'m excited to learn it all!', // CTA 'cta.title': 'Ready to Go', 'cta.beyondBooks': 'Beyond Books', 'cta.subtitle': 'Join thousands of students who are already building the skills they need for success. Your future self will thank you.', 'cta.startJourney': 'Start Your Journey', 'cta.scheduleCall': 'Schedule a Call', // Footer 'footer.description': 'Empowering young minds with the skills they need to succeed beyond traditional education.', 'footer.programs': 'Programs', 'footer.resources': 'Resources', 'footer.contact': 'Contact', 'footer.blog': 'Blog', 'footer.successStories': 'Success Stories', 'footer.careerGuide': 'Career Guide', 'footer.parentResources': 'Parent Resources', 'footer.customPrograms': 'Custom Programs', 'footer.copyright': '2024 malhash ketab. All rights reserved. Built with passion for youth empowerment.', // Join Page 'join.oneStep': 'One Step to Join', 'join.welcome': 'Welcome!', 'join.subtitle': 'You\'re one step away from starting your journey to learn the real skills you need for success. Fill out the form below and we\'ll get in touch with you soon!', 'join.startJourney': 'Start Your Journey', 'join.formDescription': 'Fill out the form below and our team will contact you within 24 hours to discuss the right program for you', 'join.fillForm': 'Fill This Form', 'join.newWindow': 'The form will open in a new window', 'join.whatNext': 'What Happens Next?', 'join.step1Title': 'Fill the Form', 'join.step1Desc': 'Tell us about yourself, your interests, and career goals', 'join.step2Title': 'Consultation Call', 'join.step2Desc': 'We\'ll call you to discuss your needs and choose the right program', 'join.step3Title': 'Start Learning', 'join.step3Desc': 'Join your program and start your skill development journey', 'join.whyJoin': 'Why Join Us?', 'join.benefit1': 'Practical skills you need in the job market', 'join.benefit2': 'Programs designed specifically for your age and interests', 'join.benefit3': 'Expert trainers in their fields', 'join.benefit4': 'Network of peers and mentors', 'nav.backHome': 'Back to Home', }, ar: { // Navigation 'nav.about': 'عن المبادرة', 'nav.skills': 'المهارات', 'nav.programs': 'البرامج', 'nav.contact': 'تواصل معنا', 'nav.joinNow': 'انضم الآن', // Hero Section 'hero.badge': 'للأعمار 11-25 • أكثر من التعلم التقليدي', 'hero.title': 'ملهاش كتاب', 'hero.subtitle': 'تعلم المهارات الحقيقية التي تحتاجها للنجاح. نحن نسد الفجوة بين التعلم في الفصل والاستعداد المهني.', 'hero.realSkills': 'المهارات الحقيقية', 'hero.startLearning': 'ابدأ التعلم', 'hero.watchDemo': 'شاهد العرض', // Stats 'stats.students': 'طالب تم تمكينهم', 'stats.skills': 'مهارة تم تدريسها', 'stats.success': 'معدل النجاح', 'stats.programs': 'برنامج', // About Section 'about.title': 'لماذا', 'about.subtitle': 'التعليم التقليدي يعلمك الحقائق والنظريات، ولكن ماذا عن المهارات التي تحتاجها فعلاً للنجاح في الحياة والمهنة؟ نحن نملأ هذه الفجوة.', 'about.bridgeTitle': 'سد الفجوة', 'about.bridgeDesc': 'نربط بين التعلم في الفصل والمهارات الحقيقية التي يريدها أصحاب العمل. لا مزيد من التساؤل "متى سأستخدم هذا؟"', 'about.practicalTitle': 'مهارات عملية', 'about.practicalDesc': 'تعلم التواصل والقيادة وحل المشكلات والمهارات التقنية التي تجعلك متميزاً في أي مجال.', 'about.holisticTitle': 'نمو شامل', 'about.holisticDesc': 'أكثر من الأكاديميات - نؤكد على الأنشطة اللامنهجية والتطوير الشخصي وبناء شخصية متكاملة.', // Skills Section 'skills.title': 'مهارات', 'skills.matter': 'مهمة', 'skills.subtitle': 'نركز على المهارات الناعمة والصلبة التي يقدرها أصحاب العمل أكثر في سوق العمل اليوم.', 'skills.softSkills': 'المهارات الناعمة', 'skills.hardSkills': 'المهارات الصلبة', // Soft Skills 'skills.communication': 'التواصل والخطابة', 'skills.leadership': 'القيادة وإدارة الفرق', 'skills.criticalThinking': 'التفكير النقدي وحل المشكلات', 'skills.emotionalIntelligence': 'الذكاء العاطفي', 'skills.timeManagement': 'إدارة الوقت والإنتاجية', 'skills.networking': 'التواصل وبناء العلاقات', // Hard Skills 'skills.digitalMarketing': 'التسويق الرقمي ووسائل التواصل', 'skills.programming': 'البرمجة الأساسية وتطوير المواقع', 'skills.dataAnalysis': 'تحليل البيانات وإتقان Excel', 'skills.graphicDesign': 'التصميم الجرافيكي والأدوات الإبداعية', 'skills.financialLiteracy': 'الثقافة المالية والميزانية', 'skills.projectManagement': 'أدوات إدارة المشاريع', // Programs 'programs.title': 'برامجنا', 'programs.programs': '', 'programs.subtitle': 'مسارات تعلم منظمة مصممة لمختلف الفئات العمرية والاهتمامات المهنية.', 'programs.foundation.title': 'بناء الأساس', 'programs.foundation.desc': 'مهارات الحياة الأساسية واستكشاف المهنة المبكر لطلاب المرحلة المتوسطة.', 'programs.foundation.skill1': '• مهارات التواصل الأساسية', 'programs.foundation.skill2': '• تقنيات الدراسة والتنظيم', 'programs.foundation.skill3': '• مقدمة في التكنولوجيا', 'programs.foundation.skill4': '• ورش التفكير الإبداعي', 'programs.career.title': 'الإعداد المهني', 'programs.career.desc': 'مهارات متقدمة والاستعداد المهني لطلاب المرحلة الثانوية.', 'programs.career.skill1': '• القيادة والخطابة', 'programs.career.skill2': '• المهارات الرقمية والحضور الإلكتروني', 'programs.career.skill3': '• مهارات المقابلات وكتابة السيرة الذاتية', 'programs.career.skill4': '• أساسيات ريادة الأعمال', 'programs.professional.title': 'التميز المهني', 'programs.professional.desc': 'مهارات مهنية متقدمة لطلاب الجامعة والمهنيين الشباب.', 'programs.professional.skill1': '• إدارة المشاريع المتقدمة', 'programs.professional.skill2': '• مهارات خاصة بالصناعة', 'programs.professional.skill3': '• التواصل والإرشاد', 'programs.professional.skill4': '• دعم الانتقال المهني', 'programs.learnMore': 'اعرف أكثر', 'programs.mostPopular': 'الأكثر شعبية', // Testimonials 'testimonials.title': 'ماذا يقول الطلاب', 'testimonials.subtitle': 'قصص حقيقية من طلاب غيروا مستقبلهم مع ملهاش كتاب.', 'testimonials.sarah.quote': 'تعلمت مهارات عملية أكثر في 3 أشهر هنا من 3 سنوات في المدرسة. الآن أشعر بالثقة حول مستقبلي المهني!', 'testimonials.omar.quote': 'مهارات القيادة والتواصل التي تعلمتها ساعدتني في الحصول على التدريب الذي أحلم به. هذا البرنامج يغير قواعد اللعبة!', 'testimonials.layla.quote': 'كنت أعتقد أن الدرجات هي كل شيء. الآن أعرف أن هناك الكثير للنجاح، وأنا متحمسة لتعلم كل ذلك!', // CTA 'cta.title': 'مستعد للذهاب', 'cta.beyondBooks': 'أبعد من الكتب', 'cta.subtitle': 'انضم لآلاف الطلاب الذين يبنون بالفعل المهارات التي يحتاجونها للنجاح. ذاتك المستقبلية ستشكرك.', 'cta.startJourney': 'ابدأ رحلتك', 'cta.scheduleCall': 'حدد مكالمة', // Footer 'footer.description': 'تمكين العقول الشابة بالمهارات التي يحتاجونها للنجاح أبعد من التعليم التقليدي.', 'footer.programs': 'البرامج', 'footer.resources': 'الموارد', 'footer.contact': 'تواصل معنا', 'footer.blog': 'المدونة', 'footer.successStories': 'قصص النجاح', 'footer.careerGuide': 'دليل المهنة', 'footer.parentResources': 'موارد الأهل', 'footer.customPrograms': 'برامج مخصصة', 'footer.copyright': '2024 ملهاش كتاب. جميع الحقوق محفوظة. بُني بشغف لتمكين الشباب.', // Join Page 'join.oneStep': 'خطوة واحدة للانضمام', 'join.welcome': 'مرحباً بك!', 'join.subtitle': 'أنت على بُعد خطوة واحدة من بدء رحلتك في تعلم المهارات الحقيقية التي تحتاجها للنجاح. املأ النموذج أدناه وسنتواصل معك قريباً!', 'join.startJourney': 'ابدأ رحلتك معنا', 'join.formDescription': 'املأ النموذج التالي وسيتواصل معك فريقنا خلال 24 ساعة لمناقشة البرنامج المناسب لك', 'join.fillForm': 'املأ هذا النموذج', 'join.newWindow': 'سيتم فتح النموذج في نافذة جديدة', 'join.whatNext': 'ماذا يحدث بعد ذلك؟', 'join.step1Title': 'املأ النموذج', 'join.step1Desc': 'أخبرنا عن نفسك واهتماماتك وأهدافك المهنية', 'join.step2Title': 'مكالمة استشارية', 'join.step2Desc': 'سنتصل بك لمناقشة احتياجاتك واختيار البرنامج المناسب', 'join.step3Title': 'ابدأ التعلم', 'join.step3Desc': 'انضم إلى برنامجك وابدأ رحلة تطوير مهاراتك', 'join.whyJoin': 'لماذا تنضم إلينا؟', 'join.benefit1': 'مهارات عملية تحتاجها في سوق العمل', 'join.benefit2': 'برامج مصممة خصيصاً لعمرك واهتماماتك', 'join.benefit3': 'مدربين خبراء في مجالاتهم', 'join.benefit4': 'شبكة من الأقران والمرشدين', 'nav.backHome': 'العودة للرئيسية', } } const LanguageContext = createContext(undefined) export function LanguageProvider({ children }: { children: React.ReactNode }) { const [language, setLanguage] = useState('ar') useEffect(() => { // Set document direction and lang attribute document.documentElement.dir = language === 'ar' ? 'rtl' : 'ltr' document.documentElement.lang = language }, [language]) const t = (key: string): string => { return translations[language][key as keyof typeof translations[typeof language]] || key } return ( {children} ) } export function useLanguage() { const context = useContext(LanguageContext) if (context === undefined) { throw new Error('useLanguage must be used within a LanguageProvider') } return context } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" 'use client' import { BookOpen, Users, Target, Lightbulb, ArrowRight, CheckCircle, Star, Calendar, MapPin, Menu } from 'lucide-react' import Image from "next/image" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { useLanguage } from "@/contexts/language-context" import { LanguageToggle } from "@/components/language-toggle" export default function HomePage() { const { t, language } = useLanguage() const isRTL = language === 'ar' return (

{/* Navigation */}

{isRTL ? 'ملهاش كتاب' : 'malhash ketab'}

{t('nav.about')} {t('nav.skills')} {t('nav.contact')}

{/* Hero Section */}

{t('hero.badge')}

{t('hero.title')}

{t('hero.subtitle').split(t('hero.realSkills')).map((part, index, array) => ( {part} {index < array.length - 1 && ( {t('hero.realSkills')} )} ))}

{/* Stats Section */} {/* About Section */}

{t('about.title')} {isRTL ? 'ملهاش كتاب' : 'malhash ketab'}؟

{t('about.subtitle')}

{t('about.bridgeTitle')} {t('about.bridgeDesc')}

{t('about.practicalTitle')} {t('about.practicalDesc')}

{t('about.holisticTitle')} {t('about.holisticDesc')}

{/* Skills Section */}

{t('skills.title')} {t('skills.matter')}

{t('skills.subtitle')}

{/* Soft Skills */}

{t('skills.softSkills')}

{[ 'skills.communication', 'skills.leadership', 'skills.criticalThinking', 'skills.emotionalIntelligence', 'skills.timeManagement', 'skills.networking' ].map((skill, index) => (

{t(skill)}

))}

{/* Hard Skills */}

{t('skills.hardSkills')}

{[ 'skills.digitalMarketing', 'skills.programming', 'skills.dataAnalysis', 'skills.graphicDesign', 'skills.financialLiteracy', 'skills.projectManagement' ].map((skill, index) => (

{t(skill)}

))}

{/* Programs Section */}

{/* Testimonials */} {/* CTA Section */}

{t('cta.title')} {t('cta.beyondBooks')}؟

{t('cta.subtitle')}

{/* Footer */}

) }7c:["$","$L83",null,{"chatId":"uJ7fL7qAnCk","children":["$","$L84",null,{"data":{"@\"active-block\",\"uJ7fL7qAnCk\",":{"id":"b_7Jd7DjpbZSU","messageId":"M7FFJ4a99lYGHoQxP6OMxPfcaq3T3MAs","source":"$85","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"malhash-ketab-website","type":"code-project","project":"malhash-ketab-website"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"uJ7fL7qAnCk\",":false,"":null},"children":"$L86"}]}]

About

Tags

Share

About

Tags

Share

More Templates Like This