better features and pricing

This commit is contained in:
2025-06-20 16:05:15 +02:00
parent c06dd6c578
commit bb139a2b95
5 changed files with 497 additions and 494 deletions

View File

@@ -147,8 +147,8 @@
<div class="feature-icon-bg">
<i class="fas fa-comments fa-2x"></i>
</div>
<h3 class="h5 fw-bold">Real-Time Messaging</h3>
<p class="text-muted">Advanced chat system with file attachments, member management, conversation history, and instant notifications.</p>
<h3 class="h5 fw-bold">Client Document Requests</h3>
<p class="text-muted">Streamlined communication system for requesting documents from clients with file attachments and conversation tracking.</p>
</div>
</div>
</div>
@@ -159,7 +159,7 @@
<i class="fas fa-folder-tree fa-2x"></i>
</div>
<h3 class="h5 fw-bold">Advanced File Management</h3>
<p class="text-muted">Upload, organize, search, and manage files with hierarchical folders, version control, and comprehensive metadata tracking.</p>
<p class="text-muted">Upload, organize, search, and manage files with hierarchical folders and comprehensive metadata tracking.</p>
</div>
</div>
</div>
@@ -197,6 +197,11 @@
</div>
</div>
</div>
<div class="text-center mt-5">
<a href="{{ url_for('public.features') }}" class="btn btn-outline-primary btn-lg px-5 py-3">
<i class="fas fa-arrow-right me-2"></i>View All Features
</a>
</div>
</div>
</section>
@@ -275,84 +280,6 @@
</div>
</section>
<!-- Pricing Section -->
<section id="pricing" class="py-5">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-5 fw-bold mb-3">Simple, Transparent Pricing</h2>
<p class="lead text-muted">Choose the plan that fits your organization's needs</p>
</div>
<div class="row g-4 justify-content-center">
<div class="col-md-3">
<div class="card pricing-card h-100">
<div class="card-body text-center p-5">
<h3 class="card-title">Starter</h3>
<div class="display-4 fw-bold mb-3" style="color: var(--primary-color);">$29<span class="fs-6 text-muted">/month</span></div>
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Up to 5 rooms</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Up to 10 conversations</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>10GB storage</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Up to 10 managers</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Email support</li>
</ul>
<a href="#contact" class="btn btn-outline-primary w-100">Get Started</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card pricing-card h-100 border-primary">
<div class="card-body text-center p-5">
<div class="badge mb-2" style="background: var(--primary-color);">Most Popular</div>
<h3 class="card-title">Professional</h3>
<div class="display-4 fw-bold mb-3" style="color: var(--primary-color);">$99<span class="fs-6 text-muted">/month</span></div>
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Up to 25 rooms</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Up to 50 conversations</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>100GB storage</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Up to 50 managers</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Priority support</li>
</ul>
<a href="#contact" class="btn btn-primary w-100">Get Started</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card pricing-card h-100">
<div class="card-body text-center p-5">
<h3 class="card-title">Enterprise</h3>
<div class="display-4 fw-bold mb-3" style="color: var(--primary-color);">$299<span class="fs-6 text-muted">/month</span></div>
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Up to 100 rooms</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Up to 200 conversations</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>500GB storage</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Up to 200 managers</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>24/7 dedicated support</li>
</ul>
<a href="#contact" class="btn btn-outline-primary w-100">Get Started</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card pricing-card h-100">
<div class="card-body text-center p-5">
<h3 class="card-title">Custom</h3>
<div class="display-4 fw-bold mb-3" style="color: var(--primary-color);">Custom</div>
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Unlimited rooms</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Unlimited conversations</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Unlimited storage</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Unlimited users</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Custom integrations</li>
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>Dedicated account manager</li>
</ul>
<a href="#contact" class="btn btn-outline-primary w-100">Contact Sales</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-5" style="background-color: var(--bg-color);">
<div class="container">
@@ -360,29 +287,9 @@
<div class="col-md-8 text-center">
<h2 class="display-5 fw-bold mb-3">Ready to Get Started?</h2>
<p class="lead text-muted mb-5">Contact us today to learn how DocuPulse can transform your document management</p>
<div class="row g-4">
<div class="col-md-4">
<div class="text-center">
<i class="fas fa-envelope fa-2x mb-3" style="color: var(--primary-color);"></i>
<h5>Email Us</h5>
<p class="text-muted">info@docupulse.com</p>
</div>
</div>
<div class="col-md-4">
<div class="text-center">
<i class="fas fa-phone fa-2x mb-3" style="color: var(--primary-color);"></i>
<h5>Call Us</h5>
<p class="text-muted">+1 (555) 123-4567</p>
</div>
</div>
<div class="col-md-4">
<div class="text-center">
<i class="fas fa-clock fa-2x mb-3" style="color: var(--primary-color);"></i>
<h5>Support Hours</h5>
<p class="text-muted">24/7 Available</p>
</div>
</div>
</div>
{% with primary_url=url_for('public.pricing'), primary_icon='fas fa-rocket', primary_text='Get Started', secondary_url='#contact', secondary_icon='fas fa-envelope', secondary_text='Contact Sales' %}
{% include 'components/cta_buttons.html' %}
{% endwith %}
</div>
</div>
</div>