fe5736f64f
- Refactored feature descriptions and added new features for document generation and appointment management. - Updated the pricing structure, including adjustments to pack prices and additional options for training. - Introduced a new blog section with initial blog posts. - Enhanced the technical documentation page with an embedded iframe for better accessibility. - Improved CSS styles for better responsiveness and visual consistency across the application. - Updated Hugo configuration to reflect new menu items and page structures.
60 lines
2.4 KiB
HTML
60 lines
2.4 KiB
HTML
{{/* Feature Partial (utilisé par le carousel) */}}
|
|
{{ $title := .title }}
|
|
{{ $titleBtn := .titleBtn}}
|
|
{{ $description := .description }}
|
|
{{ $badge := .badge }}
|
|
{{ $badgeColor := .badgeColor | default "chill-blue" }}
|
|
{{ $image := .image }}
|
|
{{ $buttonText := .buttonText | default "Learn More" }}
|
|
{{ $buttonLink := .buttonLink | default "#" }}
|
|
{{ $imagePosition := .imagePosition | default "right" }}
|
|
|
|
{{ $features := split (.features) "|" }}
|
|
|
|
<div class="grid lg:grid-cols-3 gap-12 items-center badge-{{ $badgeColor }}">
|
|
{{ if eq $imagePosition "left" }}
|
|
<div class="order-2 lg:order-1 lg:col-span-2">
|
|
<img src="{{ $image | relURL }}" alt="{{ $title }}" class="rounded-xl shadow-elevation w-full object-contain bg-white">
|
|
</div>
|
|
{{ end }}
|
|
|
|
<div class="space-y-6 {{ if eq $imagePosition "left" }}order-1 lg:order-2{{ end }} lg:col-span-1">
|
|
<style>
|
|
.badge {
|
|
background-color: color-mix(in srgb, var(--badge-color) 40%, transparent);
|
|
color: #222;
|
|
}
|
|
.badge-icon {
|
|
color: #f46839;
|
|
}
|
|
</style>
|
|
|
|
|
|
<span class="badge inline-flex items-center rounded-full px-4 py-1.5 text-sm font-medium">
|
|
{{ $badge }}
|
|
</span>
|
|
|
|
<h3 class="text-2xl md:text-3xl font-bold">{{ $title }}</h3>
|
|
<p class="text-lg text-gray-600">{{ $description }}</p>
|
|
<ul class="space-y-4">
|
|
{{ range $features }}
|
|
{{ if ne (. | default "") "" }}
|
|
<li class="flex items-start space-x-3">
|
|
<svg class="badge-icon w-5 h-5 flex-shrink-0 mt-1" fill="currentColor" viewBox="0 0 20 20" style="min-width:1.25rem; min-height:1.25rem;">
|
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
|
</svg>
|
|
<span>{{ . | default "" }}</span>
|
|
</li>
|
|
{{ end }}
|
|
{{ end }}
|
|
</ul>
|
|
<a href="{{ $buttonLink }}" class="btn-primary inline-block">{{ $buttonText }}</a>
|
|
</div>
|
|
|
|
{{ if ne $imagePosition "left" }}
|
|
<div class="lg:col-span-2">
|
|
<img src="{{ $image | relURL }}" alt="{{ $title }}" class="rounded-xl shadow-elevation w-full object-contain bg-white">
|
|
</div>
|
|
{{ end }}
|
|
</div>
|