Spaces:
Sleeping
Sleeping
{% extends "base.html" %} | |
{% block title %}ResearchMate - Home{% endblock %} | |
{% block content %} | |
<div class="row"> | |
<div class="col-12"> | |
<!-- Hero Section --> | |
<div class="hero-section text-center py-5 mb-5 fade-in"> | |
<div class="container"> | |
<h1 class="display-4 fw-bold mb-4"> | |
<i class="fas fa-brain me-3 text-warning"></i> | |
Welcome to ResearchMate | |
</h1> | |
<p class="lead mb-4"> | |
Your AI-powered research assistant, designed to accelerate your research workflow with advanced paper analysis, literature reviews, and trend monitoring. | |
</p> | |
<p class="mb-4 opacity-75"> | |
Powered by <strong class="text-warning">Groq Llama 3.3 70B</strong> with Retrieval-Augmented Generation (RAG) | |
</p> | |
<div class="d-flex justify-content-center gap-3 flex-wrap"> | |
<a href="/search" class="btn btn-warning btn-lg shadow"> | |
<i class="fas fa-search me-2"></i>Start Searching | |
</a> | |
<a href="/projects" class="btn btn-outline-light btn-lg shadow"> | |
<i class="fas fa-project-diagram me-2"></i>Create Project | |
</a> | |
</div> | |
</div> | |
</div> | |
<!-- Features Section --> | |
<div class="row mb-5"> | |
<div class="col-12"> | |
<h2 class="text-center mb-5 text-primary-custom">What You Can Do</h2> | |
</div> | |
<div class="col-md-4 mb-4"> | |
<div class="card h-100 shadow-sm fade-in"> | |
<div class="card-body text-center"> | |
<div class="feature-icon mb-3"> | |
<i class="fas fa-search fa-3x text-info"></i> | |
</div> | |
<h4 class="card-title text-primary-custom">Smart Paper Search</h4> | |
<p class="card-text text-muted"> | |
Search across multiple academic databases including arXiv, Semantic Scholar, and more. Get instant access to relevant research papers. | |
</p> | |
<a href="/search" class="btn btn-info shadow-sm"> | |
<i class="fas fa-arrow-right me-1"></i>Try Search | |
</a> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4 mb-4"> | |
<div class="card h-100 shadow-sm fade-in"> | |
<div class="card-body text-center"> | |
<div class="feature-icon mb-3"> | |
<i class="fas fa-question-circle fa-3x text-success"></i> | |
</div> | |
<h4 class="card-title text-primary-custom">Ask Questions</h4> | |
<p class="card-text text-muted"> | |
The more context it has, the better it gets. Upload papers or search them first — our Q&A system uses that data to give you research-backed answers. | |
</p> | |
<a href="/search" class="btn btn-success shadow-sm"> | |
<i class="fas fa-question me-1"></i>Ask Questions | |
</a> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4 mb-4"> | |
<div class="card h-100 shadow-sm fade-in"> | |
<div class="card-body text-center"> | |
<div class="feature-icon mb-3"> | |
<i class="fas fa-project-diagram fa-3x text-primary"></i> | |
</div> | |
<h4 class="card-title text-primary-custom">Research Projects</h4> | |
<p class="card-text text-muted"> | |
Create and manage research projects. Conduct literature searches, analyze papers, and generate comprehensive reviews. | |
</p> | |
<a href="/projects" class="btn btn-primary shadow-sm"> | |
<i class="fas fa-plus me-1"></i>Start Project | |
</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- More Features --> | |
<div class="row mb-5"> | |
<div class="col-md-4 mb-4"> | |
<div class="card h-100 shadow-sm card-enhanced slide-in-up"> | |
<div class="card-body text-center"> | |
<div class="feature-icon mb-3"> | |
<i class="fas fa-chart-line fa-3x text-warning"></i> | |
</div> | |
<h4 class="card-title text-primary-custom">Research Trends</h4> | |
<p class="card-text text-muted"> | |
Monitor emerging research trends, identify key researchers, and track the evolution of research areas over time. | |
</p> | |
<a href="/trends" class="btn btn-warning shadow-sm interactive-element"> | |
<i class="fas fa-chart-bar me-1"></i>View Trends | |
</a> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4 mb-4"> | |
<div class="card h-100 shadow-sm card-enhanced slide-in-up"> | |
<div class="card-body text-center"> | |
<div class="feature-icon mb-3"> | |
<i class="fas fa-upload fa-3x text-danger"></i> | |
</div> | |
<h4 class="card-title text-primary-custom">PDF Analysis</h4> | |
<p class="card-text text-muted"> | |
Upload research papers and get AI-powered analysis, summaries, and insights from your documents. | |
</p> | |
<a href="/upload" class="btn btn-danger shadow-sm interactive-element"> | |
<i class="fas fa-file-upload me-1"></i>Upload PDF | |
</a> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4 mb-4"> | |
<div class="card h-100 shadow-sm card-enhanced slide-in-up"> | |
<div class="card-body text-center"> | |
<div class="feature-icon mb-3"> | |
<i class="fas fa-network-wired fa-3x text-secondary"></i> | |
</div> | |
<h4 class="card-title text-primary-custom">Citation Network</h4> | |
<p class="card-text text-muted"> | |
Analyze citation and author networks to discover influential papers, collaboration patterns, and research impact. | |
</p> | |
<a href="/citation" class="btn btn-secondary shadow-sm interactive-element"> | |
<i class="fas fa-project-diagram me-1"></i>View Citation Network | |
</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- Call to Action --> | |
<div class="row"> | |
<div class="col-12"> | |
<div class="card text-center slide-in-up" style="background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(46, 204, 113, 0.1));"> | |
<div class="card-body py-5"> | |
<h2 class="gradient-text mb-4">Ready to Accelerate Your Research?</h2> | |
<p class="lead text-muted mb-4"> | |
Kickstart your research productivity with ResearchMate — your intelligent assistant awaits | |
</p> | |
<div class="d-flex justify-content-center gap-3 flex-wrap"> | |
<a href="/search" class="btn btn-primary btn-lg shadow interactive-element"> | |
<i class="fas fa-rocket me-2"></i>Get Started | |
</a> | |
<a href="/docs" class="btn btn-outline-primary btn-lg shadow interactive-element" target="_blank"> | |
<i class="fas fa-book me-2"></i>API Documentation | |
</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- Quick Start --> | |
<div class="row mb-5"> | |
<div class="col-12"> | |
<div class="card bg-light"> | |
<div class="card-body"> | |
<h3 class="card-title text-center mb-4">Quick Start</h3> | |
<div class="row"> | |
<div class="col-md-6"> | |
<h5><i class="fas fa-search text-primary me-2"></i>Search Papers</h5> | |
<p>Try searching for topics like "transformer neural networks" or "computer vision" to see ResearchMate in action.</p> | |
</div> | |
<div class="col-md-6"> | |
<h5><i class="fas fa-question-circle text-success me-2"></i>Ask Questions</h5> | |
<p>Ask questions like "What are the latest developments in NLP?" or "How do transformers work?" and get instant results.</p> | |
</div> | |
</div> | |
<div class="row mt-3"> | |
<div class="col-md-6"> | |
<h5><i class="fas fa-project-diagram text-info me-2"></i>Create Project</h5> | |
<p>Start a new research project to organize your literature review and analysis workflow.</p> | |
</div> | |
<div class="col-md-6"> | |
<h5><i class="fas fa-file-pdf text-danger me-2"></i>Upload PDF</h5> | |
<p>Upload a research paper to get instant analysis and add it to your knowledge base.</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- System Status --> | |
<div class="row"> | |
<div class="col-12"> | |
<div class="card"> | |
<div class="card-header"> | |
<h5 class="mb-0"> | |
<i class="fas fa-heartbeat me-2"></i>System Status | |
</h5> | |
</div> | |
<div class="card-body"> | |
<div id="system-status" class="d-flex align-items-center"> | |
<div class="spinner-border spinner-border-sm me-2" role="status"> | |
<span class="visually-hidden">Loading...</span> | |
</div> | |
<span>Checking system status...</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
{% endblock %} | |
{% block extra_js %} | |
<script> | |
</script> | |
{% endblock %} | |