# Pricing

## Choose the plan tailored to your needs:

<section class="pricing py-5">
    <div class="container-fluid">
        <div class="row">
            
            <!-- Core Plan (Free) -->
            <div class="col-lg-4 mb-3 d-flex align-items-stretch">
                <div class="card mb-5 mb-lg-0 clickable-card" role="button" style="cursor: pointer;">
                    <div class="card-body">
                        <h5 class="card-title text-muted text-uppercase text-center">Core</h5>
                        <h6 class="card-price text-center">Free</h6>
                        <p class="text-center text-muted small">1 domain</p>
                        <hr>
                        <h6>Full analytics dashboard:</h6>
                        <ul class="fa-ul">
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Google Analytics 4 integration</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Google Search Console integration</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>PageSpeed Insights integration</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Page-specific visitor reporting</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Site-wide analytics dashboard</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Real-time visitor monitoring</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Desktop &amp; mobile speed scores</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Search indexing status</li>
                        </ul>
                        <hr>
                        <p class="small text-muted mb-0">Reports show last 30 days. No date filtering.</p>
                    </div>
                    <div class="card-footer">
                        <div class="d-grid">
                            <a href="https://flowcourier.com/docs/" class="btn btn-link text-uppercase">Get started</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Professional -->
            <div class="col-lg-4 mb-3 d-flex align-items-stretch">
                <div class="card mb-5 mb-lg-0 clickable-card" role="button" style="cursor: pointer;">
                    <div class="card-body">
                        <h5 class="card-title text-muted text-uppercase text-center">Professional</h5>
                        <h6 class="card-price text-center">€299<span class="period">/year</span></h6>
                        <p class="text-center text-muted small">1 domain</p>
                        <hr>
                        <h6>Everything in Core, plus:</h6>
                        <ul class="fa-ul">
                            <li><span class="fa-li"><i class="fas fa-check"></i></span><strong>Custom date ranges</strong> – analyze any period</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span><strong>Historical comparisons</strong> – track trends over time</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Priority support</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Continuous updates</li>
                        </ul>
                        <hr>
                        <p class="small text-muted mb-0"><strong>Need an invoice?</strong><br>
                        <a href="mailto:support@flowcourier.com">support@flowcourier.com</a><br>
                       
                        </p>
                    </div>
                    <div class="card-footer">
                        <div class="d-grid">
                            <a href="https://buy.stripe.com/9B628rffo9jCbiV5kJ2cg00" class="btn btn-primary text-uppercase">Get license</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Custom -->
            <div class="col-lg-4 mb-3 d-flex align-items-stretch">
                <div class="card mb-5 mb-lg-0 clickable-card" role="button" style="cursor: pointer;">
                    <div class="card-body">
                        <h5 class="card-title text-muted text-uppercase text-center">Custom</h5>
                        <h6 class="card-price text-center">Contact us</h6>
                        <p class="text-center text-muted small">Unlimited domains</p>
                        <hr>
                        <h6>Everything in Professional, plus:</h6>
                        <ul class="fa-ul">
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Unlimited domains &amp; Umbraco instances</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>API integrations</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Custom data integrations</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Dedicated customer success</li>
                            <li><span class="fa-li"><i class="fas fa-check"></i></span>Onboarding</li>
                        </ul>
                    </div>
                    <div class="card-footer">
                        <div class="d-grid">
                            <a href="mailto:support@flowcourier.com?subject=Custom plan" class="btn btn-primary text-uppercase">Contact us</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- Trial Section -->
        <div class="row mt-5">
            <div class="col-lg-6 offset-lg-3 text-center">
                <div class="card">
                    <div class="card-body py-4">
                        <h5 class="card-title">Try before you buy</h5>
                        <p class="mb-3">Want to test Professional features with your own data? We'll set you up with a 14-day trial.</p>
                        <a href="mailto:support@flowcourier.com?subject=Trial request" class="btn btn-outline-primary me-2">Request trial</a>
                        <span class="text-muted small">or call <a href="tel:+4542400965">+45 4240 0965</a></span>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>

<style>

    section.pricing {

}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
width: 100%;

}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing ul li:hover {
  color:blue;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }

  .pricing .card:hover .btn {
    opacity: 1;
  }
}

.blog{display:none;}
  </style>