link from services to contact

This commit is contained in:
2025-07-04 22:30:07 +02:00
parent b18d793f65
commit bd39d97a75

View File

@ -43,150 +43,156 @@
<div class="row g-5">
<!-- Website Design -->
<div class="col-lg-4">
<div class="card service-card h-100 fade-in-up d-flex flex-column service-card-enhanced">
<div class="card-body p-5 d-flex flex-column">
<div class="service-header text-center mb-4">
<div class="service-icon-wrapper mb-3">
<i class="fas fa-palette text-primary service-icon" style="font-size: 3.5rem;"></i>
<a href="{{ url_for('contact') }}" class="text-decoration-none">
<div class="card service-card h-100 fade-in-up d-flex flex-column service-card-enhanced" style="cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease;">
<div class="card-body p-5 d-flex flex-column">
<div class="service-header text-center mb-4">
<div class="service-icon-wrapper mb-3">
<i class="fas fa-palette text-primary service-icon" style="font-size: 3.5rem;"></i>
</div>
<h3 class="card-title fw-bold mb-3 text-dark">{{ t('Website Design') }}</h3>
</div>
<h3 class="card-title fw-bold mb-3">{{ t('Website Design') }}</h3>
</div>
<p class="card-text text-center mb-4">{{ t('Custom, professional website design that perfectly represents your brand and engages your target audience.') }}</p>
<div class="service-features mb-4">
<h6 class="fw-bold text-primary mb-3">{{ t('What\'s Included:') }}</h6>
<ul class="list-unstyled service-feature-list">
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Responsive design') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Modern UI/UX') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Optimized structure') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Fast loading times') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Cross-browser compatibility') }}</span>
</li>
</ul>
</div>
<div class="service-footer mt-auto">
<div class="text-center">
<a href="{{ url_for('contact') }}" class="btn btn-primary btn-lg w-100">{{ t('Get Quote') }}</a>
<p class="card-text text-center mb-4 text-muted">{{ t('Custom, professional website design that perfectly represents your brand and engages your target audience.') }}</p>
<div class="service-features mb-4">
<h6 class="fw-bold text-primary mb-3">{{ t('What\'s Included:') }}</h6>
<ul class="list-unstyled service-feature-list">
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Responsive design') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Modern UI/UX') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Optimized structure') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Fast loading times') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Cross-browser compatibility') }}</span>
</li>
</ul>
</div>
<div class="service-footer mt-auto">
<div class="text-center">
<span class="btn btn-primary btn-lg w-100">{{ t('Get Quote') }}</span>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<!-- E-commerce Solutions -->
<div class="col-lg-4">
<div class="card service-card h-100 fade-in-up d-flex flex-column service-card-enhanced">
<div class="card-body p-5 d-flex flex-column">
<div class="service-header text-center mb-4">
<div class="service-icon-wrapper mb-3">
<i class="fas fa-shopping-cart text-primary service-icon" style="font-size: 3.5rem;"></i>
<a href="{{ url_for('contact') }}" class="text-decoration-none">
<div class="card service-card h-100 fade-in-up d-flex flex-column service-card-enhanced" style="cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease;">
<div class="card-body p-5 d-flex flex-column">
<div class="service-header text-center mb-4">
<div class="service-icon-wrapper mb-3">
<i class="fas fa-shopping-cart text-primary service-icon" style="font-size: 3.5rem;"></i>
</div>
<h3 class="card-title fw-bold mb-3 text-dark">{{ t('E-commerce Solutions') }}</h3>
</div>
<h3 class="card-title fw-bold mb-3">{{ t('E-commerce Solutions') }}</h3>
</div>
<p class="card-text text-center mb-4">{{ t('Complete online store setup with secure payment processing, inventory management, and customer tracking.') }}</p>
<div class="service-features mb-4">
<h6 class="fw-bold text-primary mb-3">{{ t('What\'s Included:') }}</h6>
<ul class="list-unstyled service-feature-list">
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Online store setup') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Payment integration') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Inventory management') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Order processing') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Customer accounts') }}</span>
</li>
</ul>
</div>
<div class="service-footer mt-auto">
<div class="text-center">
<a href="{{ url_for('contact') }}" class="btn btn-primary btn-lg w-100">{{ t('Get Quote') }}</a>
<p class="card-text text-center mb-4 text-muted">{{ t('Complete online store setup with secure payment processing, inventory management, and customer tracking.') }}</p>
<div class="service-features mb-4">
<h6 class="fw-bold text-primary mb-3">{{ t('What\'s Included:') }}</h6>
<ul class="list-unstyled service-feature-list">
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Online store setup') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Payment integration') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Inventory management') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Order processing') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Customer accounts') }}</span>
</li>
</ul>
</div>
<div class="service-footer mt-auto">
<div class="text-center">
<span class="btn btn-primary btn-lg w-100">{{ t('Get Quote') }}</span>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<!-- Maintenance & Support -->
<div class="col-lg-4">
<div class="card service-card h-100 fade-in-up d-flex flex-column service-card-enhanced">
<div class="card-body p-5 d-flex flex-column">
<div class="service-header text-center mb-4">
<div class="service-icon-wrapper mb-3">
<i class="fas fa-headset text-primary service-icon" style="font-size: 3.5rem;"></i>
<a href="{{ url_for('contact') }}" class="text-decoration-none">
<div class="card service-card h-100 fade-in-up d-flex flex-column service-card-enhanced" style="cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease;">
<div class="card-body p-5 d-flex flex-column">
<div class="service-header text-center mb-4">
<div class="service-icon-wrapper mb-3">
<i class="fas fa-headset text-primary service-icon" style="font-size: 3.5rem;"></i>
</div>
<h3 class="card-title fw-bold mb-3 text-dark">{{ t('Maintenance & Support') }}</h3>
</div>
<h3 class="card-title fw-bold mb-3">{{ t('Maintenance & Support') }}</h3>
</div>
<p class="card-text text-center mb-4">{{ t('Ongoing website maintenance, updates, and technical support to keep your site running smoothly.') }}</p>
<div class="service-features mb-4">
<h6 class="fw-bold text-primary mb-3">{{ t('What\'s Included:') }}</h6>
<ul class="list-unstyled service-feature-list">
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Regular security updates') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Performance monitoring') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Backup management') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Content updates') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Technical support') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Monthly reports') }}</span>
</li>
</ul>
</div>
<div class="service-footer mt-auto">
<div class="text-center">
<a href="{{ url_for('contact') }}" class="btn btn-primary btn-lg w-100">{{ t('Get Quote') }}</a>
<p class="card-text text-center mb-4 text-muted">{{ t('Ongoing website maintenance, updates, and technical support to keep your site running smoothly.') }}</p>
<div class="service-features mb-4">
<h6 class="fw-bold text-primary mb-3">{{ t('What\'s Included:') }}</h6>
<ul class="list-unstyled service-feature-list">
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Regular security updates') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Performance monitoring') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Backup management') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Content updates') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Technical support') }}</span>
</li>
<li class="service-feature-item mb-3">
<i class="fas fa-check-circle text-success me-3"></i>
<span>{{ t('Monthly reports') }}</span>
</li>
</ul>
</div>
<div class="service-footer mt-auto">
<div class="text-center">
<span class="btn btn-primary btn-lg w-100">{{ t('Get Quote') }}</span>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>