| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Features - DocuMind</title> |
| <link rel="stylesheet" href="style.css"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| </head> |
| <body class="bg-gray-50 dark:bg-gray-900 min-h-screen"> |
| <custom-navbar></custom-navbar> |
| |
| <main class="container mx-auto px-4 py-8"> |
| <section class="py-12"> |
| <h1 class="text-4xl font-bold text-center mb-12 text-gray-800 dark:text-white">Advanced Features for Smarter Studying</h1> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105"> |
| <div class="text-primary-500 mb-6"> |
| <i data-feather="file-text" class="w-12 h-12"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Multi-Format Support</h3> |
| <p class="text-gray-600 dark:text-gray-300 mb-4">Upload PDFs, images (PNG, JPG), and scanned documents. Our system extracts text with high accuracy regardless of format.</p> |
| <ul class="space-y-2 text-gray-600 dark:text-gray-300"> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Handwritten notes conversion |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Scanned book pages |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Screenshots of slides |
| </li> |
| </ul> |
| </div> |
|
|
| |
| <div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105"> |
| <div class="text-primary-500 mb-6"> |
| <i data-feather="layers" class="w-12 h-12"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Smart Summarization</h3> |
| <p class="text-gray-600 dark:text-gray-300 mb-4">Our AI identifies key concepts, definitions, and relationships to create concise yet comprehensive summaries.</p> |
| <ul class="space-y-2 text-gray-600 dark:text-gray-300"> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Adjustable summary length |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Focus on important formulas |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Highlight key terms |
| </li> |
| </ul> |
| </div> |
|
|
| |
| <div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105"> |
| <div class="text-primary-500 mb-6"> |
| <i data-feather="clipboard" class="w-12 h-12"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Flashcard Generation</h3> |
| <p class="text-gray-600 dark:text-gray-300 mb-4">Automatically convert your documents into digital flashcards for efficient memorization and review.</p> |
| <ul class="space-y-2 text-gray-600 dark:text-gray-300"> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Export to Anki or Quizlet |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Spaced repetition scheduling |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Image support for diagrams |
| </li> |
| </ul> |
| </div> |
|
|
| |
| <div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105"> |
| <div class="text-primary-500 mb-6"> |
| <i data-feather="bar-chart-2" class="w-12 h-12"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Visual Learning Aids</h3> |
| <p class="text-gray-600 dark:text-gray-300 mb-4">Transform complex information into easy-to-understand charts, diagrams and mind maps.</p> |
| <ul class="space-y-2 text-gray-600 dark:text-gray-300"> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Concept relationship maps |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Timeline generators |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Comparison tables |
| </li> |
| </ul> |
| </div> |
|
|
| |
| <div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105"> |
| <div class="text-primary-500 mb-6"> |
| <i data-feather="book" class="w-12 h-12"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Study Plan Generator</h3> |
| <p class="text-gray-600 dark:text-gray-300 mb-4">Get personalized study schedules based on your documents, deadlines and learning goals.</p> |
| <ul class="space-y-2 text-gray-600 dark:text-gray-300"> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Topic prioritization |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Break sessions into chunks |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Revision reminders |
| </li> |
| </ul> |
| </div> |
|
|
| |
| <div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105"> |
| <div class="text-primary-500 mb-6"> |
| <i data-feather="share-2" class="w-12 h-12"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Collaboration Tools</h3> |
| <p class="text-gray-600 dark:text-gray-300 mb-4">Share and work on documents with classmates, with real-time updates and version control.</p> |
| <ul class="space-y-2 text-gray-600 dark:text-gray-300"> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Group annotations |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Shared flashcards |
| </li> |
| <li class="flex items-center"> |
| <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> |
| Discussion threads |
| </li> |
| </ul> |
| </div> |
| </div> |
| </section> |
|
|
| <section class="py-12 bg-primary-500 text-white rounded-xl shadow-lg p-8 mb-12"> |
| <div class="max-w-4xl mx-auto text-center"> |
| <h2 class="text-3xl font-bold mb-6">Ready to Transform Your Study Process?</h2> |
| <p class="text-xl mb-8 opacity-90">Join thousands of students who are studying smarter with DocuMind.</p> |
| <upload-button class="text-primary-500">Get Started - It's Free</upload-button> |
| </div> |
| </section> |
| </main> |
|
|
| <custom-footer></custom-footer> |
| <script src="components/navbar.js"></script> |
| <script src="components/footer.js"></script> |
| <script src="components/upload-button.js"></script> |
| <script src="script.js"></script> |
| <script>feather.replace();</script> |
| </body> |
| </html> |
