import React from 'react';
import { Link } from 'react-router-dom';
function HomePage() {
return (
<div className="home-page">
<section className="hero">
<h1>Gauntlet Incept</h1>
<p>Generate high-quality educational content tailored to students' knowledge levels and interests</p>
</section>
<section className="features">
<h2>Features</h2>
<div className="feature-grid">
<div className="feature-card">
<h3>Question Generation</h3>
<p>Generate high-quality educational questions with multiple choice options, explanations, and solutions.</p>
<Link to="/questions" className="btn">Generate Questions</Link>
</div>
<div className="feature-card">
<h3>Article Generation</h3>
<p>Create educational articles with direct instruction style and worked examples.</p>
<Link to="/articles" className="btn">Generate Articles</Link>
</div>
<div className="feature-card">
<h3>Course Creation</h3>
<p>Build complete courses with lessons, articles, and question banks.</p>
<Link to="/courses" className="btn">Create Courses</Link>
</div>
</div>
</section>
<section className="about">
<h2>About Gauntlet Incept</h2>
<p>
Gauntlet Incept is a system for generating high-quality educational content tailored to students' knowledge levels and interests.
The system uses advanced AI to create content that meets rigorous educational standards and helps students learn effectively.
</p>
</section>
</div>
);
}
export default HomePage;