Amélioration des traductions et des éléments de l'interface utilisateur dans les fichiers _index.md, pricing.md, et cta.html; ajout de nouvelles classes CSS pour la personnalisation des styles.
This commit is contained in:
@@ -13,12 +13,12 @@
|
||||
<div class="container mx-auto px-4 py-6">
|
||||
<div class="flex flex-col md:flex-row gap-6 items-start">
|
||||
<!-- Sidebar -->
|
||||
<div class="w-full md:w-1/4 lg:w-1/5 pt-1">
|
||||
{{ partial "features-sidebar.html" . }}
|
||||
</div>
|
||||
<div class="w-full md:w-1/3 lg:w-1/4 pt-1">
|
||||
{{ partial "features-sidebar.html" . }}
|
||||
</div>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main class="w-full md:w-3/4 lg:w-4/5 pt-2">
|
||||
<main class="w-full md:w-2/3 lg:w-4/5 pt-2">
|
||||
<article >
|
||||
<!-- Hero Section -->
|
||||
<div class="relative isolate overflow-hidden">
|
||||
|
||||
@@ -10,17 +10,17 @@
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-white mb-6">{{ .Site.Params.cta.title }}</h2>
|
||||
<p class="text-xl text-primary-100 mb-8">{{ .Site.Params.cta.description }}</p>
|
||||
<div class="flex flex-col sm:flex-row justify-center gap-4">
|
||||
{{ with .Site.Params.cta.primary_button }}
|
||||
<a href="{{ .url }}" class="btn bg-white text-primary-600 hover:bg-gray-100">
|
||||
{{ .text }}
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.cta.secondary_button }}
|
||||
<a href="{{ .url }}" class="btn border-2 border-white text-white hover:bg-primary-700">
|
||||
{{ .text }}
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ with .Site.Params.cta.secondary_button }}
|
||||
<a href="{{ .url | default "#" }}" class="{{ with .mobileClass }}{{ . }}{{ else }}block text-center px-6 py-3 rounded-lg font-bold transition duration-200 ease-in-out bg-primary-400 text-white hover:bg-primary-400 hover:scale-105{{ end }}">
|
||||
{{ .text | default "Get Started" }}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ with .Site.Params.cta.primary_button}}
|
||||
<a href="{{ .url | default "#" }}" class="{{ with .mobileClass }}{{ . }}{{ else }}block text-center px-6 py-3 rounded-lg font-bold transition duration-200 ease-in-out border-2 text-primary-400 border-primary-400 hover:border-primary-400 hover:text-primary-400 hover:scale-105{{ end }}">
|
||||
{{ .text | default "Sign in" }}
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<section class="bg-white">
|
||||
<div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
|
||||
<div class="mx-auto max-w-screen-md text-center mb-8 lg:mb-12">
|
||||
<h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900">{{ $data.title | default "Frequently Asked Questions" }}</h2>
|
||||
<h2 class="mb-4 text-4xl tracking-tight font-extrabold ">{{ $data.title | default "Frequently Asked Questions" }}</h2>
|
||||
{{ with $data.description }}
|
||||
<p class="mb-5 font-light text-gray-500 sm:text-xl">{{ . }}</p>
|
||||
{{ end }}
|
||||
@@ -14,7 +14,7 @@
|
||||
<button class="w-full flex justify-between items-center p-6 text-left hover:bg-gray-50 transition-colors duration-200 focus:outline-none"
|
||||
onclick="this.parentElement.querySelector('.faq-content').classList.toggle('hidden');
|
||||
this.querySelector('svg').classList.toggle('rotate-180')">
|
||||
<span class="text-lg font-medium text-gray-900">{{ .question }}</span>
|
||||
<span class="text-lg font-medium">{{ .question }}</span>
|
||||
<svg class="w-5 h-5 text-gray-500 transform transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
|
||||
</svg>
|
||||
|
||||
Reference in New Issue
Block a user