)}
{/* Mobile Menu - Only show when authenticated */}
{isAuthenticated && (
MathGenius
setMenuOpen(false)}
>
)}
{/* Main Content */}
{renderPage()}
{/* AI Assistant Sidebar - Only show when authenticated and not admin */}
{isAuthenticated && !isAdmin && (
setAiAssistantOpen(false)} />
)}
{/* Overlay for AI Assistant */}
{aiAssistantOpen && (
setAiAssistantOpen(false)}
>
)}
{/* Navigation Bar (Desktop) - Only show when authenticated and not admin */}
{isAuthenticated && !isAdmin && (
)}
);
}
// Home Page Component (Landing Page)
function HomePage({ t, setCurrentPage, darkMode }) {
return (
{/* Navigation */}
{/* Hero Section */}
{t('heroTitle')}
{t('heroSubtitle')}
AI
Powered
{/* Features Section */}
{t('features')}
Discover how our platform revolutionizes mathematics education
{t('featureTitle1')}
{t('featureDesc1')}
{t('featureTitle2')}
{t('featureDesc2')}
{t('featureTitle3')}
{t('featureDesc3')}
Interactive Learning Experience
Our platform offers a truly interactive learning experience with:
Step-by-step problem solving with visual guidance
Instant feedback on exercises and quizzes
Adaptive learning paths based on your performance
Downloadable resources for offline study
AI-Powered Mathematics Assistant
Get help with any math problem using our advanced AI assistant:
How do I solve this equation: 2x² + 5x - 3 = 0?
To solve this quadratic equation, we can use the quadratic formula:
x = (-b ± √(b² - 4ac)) / 2a
Where a=2, b=5, c=-3
Would you like me to walk through the solution step by step?
{/* Pricing Section */}
{t('pricing')}
Choose the plan that fits your learning needs
{/* Basic Plan */}
{t('pricingBasic')}
{t('pricingBasicPrice')}
{t('pricingBasicFeature1')}
{t('pricingBasicFeature2')}
{t('pricingBasicFeature3')}
{/* Pro Plan */}
Popular
{t('pricingPro')}
{t('pricingProPrice')}
{t('pricingProFeature1')}
{t('pricingProFeature2')}
{t('pricingProFeature3')}
{/* Enterprise Plan */}
{t('pricingEnterprise')}
{t('pricingEnterprisePrice')}
{t('pricingEnterpriseFeature1')}
{t('pricingEnterpriseFeature2')}
{t('pricingEnterpriseFeature3')}
{/* Testimonials Section */}
{t('testimonialTitle')}
Hear from students who have transformed their math skills with our platform
{[...Array(5)].map((_, i) => (
))}
"MathGenius transformed my approach to calculus. The step-by-step solutions and AI assistant helped me understand concepts I had struggled with for years."
JS
Jamie Smith
University Student
{[...Array(5)].map((_, i) => (
))}
"As a teacher, I've recommended MathGenius to all my students. The multilingual support makes it accessible to everyone, and the interactive exercises keep students engaged."
ML
Maria Lopez
Math Teacher
{[...Array(5)].map((_, i) => (
))}
"The camera-based equation solver is a game-changer! I can take a picture of a problem I'm stuck on and get immediate help. My math grades have improved significantly."
AK
Ahmed Khan
High School Student
{/* CTA Section */}
Ready to master mathematics?
Join thousands of students who are transforming their math skills with our AI-powered platform.
);
}
// Quiz Page Component
function QuizPage({ t, setCurrentPage }) {
const [currentQuestion, setCurrentQuestion] = useState(0);
const [selectedOption, setSelectedOption] = useState(null);
const [showExplanation, setShowExplanation] = useState(false);
const [quizCompleted, setQuizCompleted] = useState(false);
const [score, setScore] = useState(0);
// Mock quiz data
const quiz = {
title: "Limits Fundamentals",
questions: [
{
question: "What is the value of \\lim_{x \\to 0} \\frac{\\sin x}{x}?",
options: ["0", "1", "\\infty", "Does not exist"],
correctAnswer: 1,
explanation: "This is a fundamental limit in calculus. As x approaches 0, the ratio of sin(x) to x approaches 1."
},
{
question: "If f(x) is continuous at x = a, then:",
options: [
"\\lim_{x \\to a} f(x) = f(a)",
"f(x) must be differentiable at x = a",
"f(x) must be defined for all x",
"f(x) must be a polynomial"
],
correctAnswer: 0,
explanation: "By definition, a function is continuous at x = a if the limit of f(x) as x approaches a equals f(a)."
},
{
question: "Which of the following is an indeterminate form?",
options: ["\\frac{1}{0}", "\\frac{0}{1}", "\\frac{0}{0}", "\\frac{1}{1}"],
correctAnswer: 2,
explanation: "The form 0/0 is indeterminate because it doesn't immediately give us information about the limit's value. We need additional techniques like L'Hôpital's rule to evaluate such limits."
}
]
};
const handleOptionSelect = (index) => {
setSelectedOption(index);
};
const checkAnswer = () => {
if (selectedOption === quiz.questions[currentQuestion].correctAnswer) {
setScore(score + 1);
}
setShowExplanation(true);
};
const nextQuestion = () => {
if (currentQuestion < quiz.questions.length - 1) {
setCurrentQuestion(currentQuestion + 1);
setSelectedOption(null);
setShowExplanation(false);
} else {
setQuizCompleted(true);
}
};
return (
