starred/minne
1
0
Fork 0
mirror of https://github.com/perstarkse/minne.git synced 2026-04-22 08:48:30 +02:00
Code Issues Packages Projects Releases 10 Wiki Activity

hero page, ingress form

Browse Source
This commit is contained in:
Per Stark
2024-12-30 23:57:13 +01:00
parent 981da5a649
commit a3bb73646c
17 changed files with 199 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
templates/index/hero.html Normal file
View File

@@ -0,0 +1,51 @@
<div class="hero">
<div class="hero-content text-center">
<div class="max-w-4xl space-y-8">
<!-- Hero Section -->
<h1
class="text-5xl sm:text-6xl py-4 pt-10 font-bold bg-gradient-to-r from-primary to-secondary text-transparent bg-clip-text">
Simplify Your Knowledge Management
</h1>
<p class="text-xl text-base-content/70">
Capture, connect, and retrieve your knowledge effortlessly with Minne
</p>
<!-- Features Grid -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 my-12">
<div class="card bg-base-100 shadow-hover">
<div class="card-body items-center">
<div class="skeleton h-32 w-32 rounded-full"></div>
<h3 class="card-title">Easy Capture</h3>
<p>Save anything instantly - texts, links, images, and more</p>
</div>
</div>
<div class="card bg-base-100 shadow-hover">
<div class="card-body items-center">
<div class="skeleton h-32 w-32 rounded-full"></div>
<h3 class="card-title">Smart Analysis</h3>
<p>AI-powered content analysis and organization</p>
</div>
</div>
<div class="card bg-base-100 shadow-hover">
<div class="card-body items-center">
<div class="skeleton h-32 w-32 rounded-full"></div>
<h3 class="card-title">Knowledge Graph</h3>
<p>Visualize connections between your ideas</p>
</div>
</div>
</div>
<!-- CTA -->
<div class="space-y-4">
<div class="flex justify-center gap-4">
<button class="btn btn-primary btn-lg">Get Started</button>
<button class="btn btn-outline btn-lg">Learn More</button>
</div>
<p class="text-sm text-base-content/60">
Currently processing {{queue_length}} items in queue
</p>
</div>
</div>
</div>
</div>