Add French translation for various site components, data files, and navigation settings
This commit adds French translations to various components of the website. Specifically, a French Contact Us section has been created, as well as French versions of FAQs and feature data files. Additionally, French settings for the site navigation have been defined. This provides French-speaking users with a more convenient and accessible experience when using the site.
This commit is contained in:
Emil Gulamov
parent
27583d8191
commit
7700a60c9e
4 changed files with 212 additions and 0 deletions
119
src/components/sections/fr/ContactSection_fr.astro
Normal file
119
src/components/sections/fr/ContactSection_fr.astro
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
---
|
||||
// Import the necessary dependencies.
|
||||
import AuthBtn from "../../ui/buttons/AuthBtn.astro";
|
||||
import ContactIconBlock from "../../ui/blocks/ContactIconBlock.astro";
|
||||
import TextInput from "../../ui/forms/input/TextInput.astro";
|
||||
import EmailContactInput from "../../ui/forms/input/EmailContactInput.astro";
|
||||
import PhoneInput from "../../ui/forms/input/PhoneInput.astro";
|
||||
import TextAreaInput from "../../ui/forms/input/TextAreaInput.astro";
|
||||
import Icon from "../../ui/icons/Icon.astro";
|
||||
|
||||
// Define the variables that will be used in this component
|
||||
const title: string = "Contactez-nous";
|
||||
const subTitle: string =
|
||||
"Vous avez des questions ou souhaitez discuter d'un projet ? Contactez-nous et laissons-nous élaborer la solution parfaite avec nos outils et services.";
|
||||
const formTitle: string = "Remplissez le formulaire ci-dessous";
|
||||
const formSubTitle: string =
|
||||
"Nous vous répondrons dans un délai de 1 à 2 jours ouvrables.";
|
||||
---
|
||||
|
||||
<!-- Contact Us -->
|
||||
<section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14">
|
||||
<div class="mx-auto max-w-2xl lg:max-w-5xl">
|
||||
<div class="text-center">
|
||||
<h1
|
||||
class="text-balance text-2xl font-bold tracking-tight text-neutral-800 dark:text-neutral-200 md:text-4xl md:leading-tight"
|
||||
>
|
||||
{title}
|
||||
</h1>
|
||||
<p class="mt-1 text-pretty text-neutral-600 dark:text-neutral-400">
|
||||
{subTitle}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-12 grid items-center gap-6 lg:grid-cols-2 lg:gap-16">
|
||||
<div class="flex flex-col rounded-xl p-4 sm:p-6 lg:p-8">
|
||||
<h2
|
||||
class="mb-8 text-xl font-bold text-neutral-700 dark:text-neutral-300"
|
||||
>
|
||||
{formTitle}
|
||||
</h2>
|
||||
<!-- Form for user input with various input fields.-->
|
||||
<!-- Each field utilizes a different input component for the specific type of input (text, email, phone, and textarea)-->
|
||||
<form>
|
||||
<div class="grid gap-4">
|
||||
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
|
||||
<TextInput
|
||||
id="hs-firstname-contacts"
|
||||
label="Prénom"
|
||||
name="hs-firstname-contacts"
|
||||
/>
|
||||
<TextInput
|
||||
id="hs-lastname-contacts"
|
||||
label="Nom"
|
||||
name="hs-firstname-contacts"
|
||||
/>
|
||||
</div>
|
||||
<EmailContactInput id="hs-email-contacts" />
|
||||
<PhoneInput id="hs-phone-number" />
|
||||
<TextAreaInput
|
||||
id="hs-about-contacts"
|
||||
label="Détails"
|
||||
name="hs-about-contacts"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 grid">
|
||||
<AuthBtn title="Envoyer un message" />
|
||||
</div>
|
||||
|
||||
<div class="mt-3 text-center">
|
||||
<p class="text-sm text-neutral-600 dark:text-neutral-400">
|
||||
{formSubTitle}
|
||||
</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!--ContactIconBlocks are used to display different methods of contacting, including visiting office, email, browsing knowledgebase, and FAQ.-->
|
||||
<div class="divide-y divide-neutral-300 dark:divide-neutral-700">
|
||||
<ContactIconBlock
|
||||
heading="Base de connaissances"
|
||||
content="Parcourez tous nos articles de base de connaissances."
|
||||
isLinkVisible={true}
|
||||
linkTitle="Visiter les guides et tutoriels"
|
||||
linkURL="#"
|
||||
isArrowVisible={true}
|
||||
><Icon name="question" />
|
||||
</ContactIconBlock>
|
||||
|
||||
<ContactIconBlock
|
||||
heading="FAQ"
|
||||
content="Explorez notre FAQ pour des réponses rapides et claires aux questions courantes."
|
||||
isLinkVisible={true}
|
||||
linkTitle="Visiter la FAQ"
|
||||
linkURL="#"
|
||||
isArrowVisible={true}
|
||||
><Icon name="chatBubble" />
|
||||
</ContactIconBlock>
|
||||
|
||||
<ContactIconBlock
|
||||
heading="Visitez notre bureau"
|
||||
content="ScrewFast UK"
|
||||
isAddressVisible={true}
|
||||
addressContent="72 Union Terrace, E10 4PE London"
|
||||
><Icon name="mapPin" />
|
||||
</ContactIconBlock>
|
||||
|
||||
<ContactIconBlock
|
||||
heading="Contactez-nous par e-mail"
|
||||
content="Préférez-vous le texte écrit ? Envoyez-nous un e-mail à"
|
||||
isLinkVisible={true}
|
||||
linkTitle="support@screwfast.uk"
|
||||
linkURL="#"
|
||||
><Icon name="envelopeOpen" />
|
||||
</ContactIconBlock>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
29
src/data_files/fr/faqs.json
Normal file
29
src/data_files/fr/faqs.json
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
{
|
||||
"subTitle": "Posez-nous toutes vos questions sur notre marque et nos produits, et obtenez des réponses factuelles.",
|
||||
"faqs": [
|
||||
{
|
||||
"question": "Quels types d'outils sont inclus dans le Kit de Démarrage?",
|
||||
"answer": "Le Kit de Démarrage comprend des outils à main et électriques essentiels pour différents projets de bricolage, notamment des marteaux, des perceuses, des tournevis et une variété de fixations. C'est une sélection soigneusement élaborée pour aider les débutants et les bricoleurs expérimentés à aborder la plupart des tâches d'amélioration de l'habitat."
|
||||
},
|
||||
{
|
||||
"question": "Puis-je passer du Kit de Démarrage à la Boîte à Outils Professionnelle?",
|
||||
"answer": "Absolument ! Vous pouvez passer à la Boîte à Outils Professionnelle à tout moment pour accéder à une gamme plus large d'outils de haute qualité, bénéficier d'un support client prioritaire et recevoir un contenu exclusif. Contactez notre équipe de support pour une transition sans problème."
|
||||
},
|
||||
{
|
||||
"question": "Quels sont les rabais disponibles pour les commandes en gros via le plan Boîte à Outils Professionnelle?",
|
||||
"answer": "Les membres de la Boîte à Outils Professionnelle ont droit à des rabais exclusifs sur les commandes en gros, dont le pourcentage peut varier en fonction du volume de la commande. Contactez-nous pour discuter de vos besoins, et nous vous fournirons une structure de rabais personnalisée."
|
||||
},
|
||||
{
|
||||
"question": "À quoi puis-je m'attendre en termes de support client?",
|
||||
"answer": "Tous nos clients bénéficient d'un support par e-mail dédié. Avec le Kit de Démarrage, vous recevrez notre support standard, tandis que le plan Boîte à Outils Professionnelle vous mettra à niveau vers un support prioritaire, ce qui signifie des temps de réponse plus rapides et une assistance spécialisée."
|
||||
},
|
||||
{
|
||||
"question": "À quelle fréquence sont mises à jour les ressources en ligne et les tutoriels?",
|
||||
"answer": "Nous mettons régulièrement à jour nos ressources en ligne et nos tutoriels pour refléter les dernières tendances en matière de bricolage et de construction, ainsi que les introductions de nouveaux outils et techniques. Notre matériel vise à être complet et convivial pour tous les niveaux de compétence."
|
||||
},
|
||||
{
|
||||
"question": "ScrewFast propose-t-il des services pour les grands projets de construction?",
|
||||
"answer": "Oui, nos Solutions Entreprise sont conçues pour les grandes entreprises ayant besoin de services complets. Nous fournissons des consultations, de la planification et de l'approvisionnement en outils et matériaux de haute qualité, ainsi que des solutions de personnel pour des besoins de construction importants. Contactez-nous pour un devis personnalisé."
|
||||
}
|
||||
]
|
||||
}
|
||||
22
src/data_files/fr/features.json
Normal file
22
src/data_files/fr/features.json
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
[
|
||||
{
|
||||
"heading": "Équipes dédiées",
|
||||
"content": "Bénéficiez de nos équipes engagées qui veillent à ce que votre réussite soit personnelle. Comptez sur un accompagnement expert et des résultats exceptionnels tout au long de votre parcours de projet.",
|
||||
"svg": "groupes"
|
||||
},
|
||||
{
|
||||
"heading": "Simplicité et accessibilité",
|
||||
"content": "Trouvez des solutions faciles à utiliser et abordables avec la gamme d'outils et d'équipements de ScrewFast. Nos produits simplifient l'approvisionnement et permettent de respecter les budgets de projet.",
|
||||
"svg": "vérifié"
|
||||
},
|
||||
{
|
||||
"heading": "Documentation complète",
|
||||
"content": "Intégrez facilement grâce aux guides exhaustifs et aux bibliothèques de ScrewFast. Réalisez une adoption de produit sans faille avec notre ensemble complet de documentation conçu pour votre succès.",
|
||||
"svg": "livres"
|
||||
},
|
||||
{
|
||||
"heading": "Conception centrée sur l'utilisateur",
|
||||
"content": "Faites l'expérience de la différence avec la conception axée sur l'utilisateur de ScrewFast, où la fonctionnalité rencontre la praticité pour une expérience de travail améliorée.",
|
||||
"svg": "cadre"
|
||||
}
|
||||
]
|
||||
42
src/utils/fr/navigation.ts
Normal file
42
src/utils/fr/navigation.ts
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
|
||||
const navBarLinks = [
|
||||
{ name: "Accueil", url: "/fr" },
|
||||
{ name: "Produits", url: "/fr/products" },
|
||||
{ name: "Services", url: "/fr/services" },
|
||||
{ name: "Blog", url: "/fr/blog" },
|
||||
{ name: "Contact", url: "/fr/contact" },
|
||||
];
|
||||
|
||||
const footerLinks = [
|
||||
{
|
||||
section: "Écosystème",
|
||||
links: [
|
||||
{ name: "Documentation", url: "/fr/welcome-to-docs/" },
|
||||
{ name: "Outils et Équipements", url: "/fr/products" },
|
||||
{ name: "Services de Construction", url: "/fr/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
section: "Société",
|
||||
links: [
|
||||
{ name: "À propos de nous", url: "#" },
|
||||
{ name: "Blog", url: "#" },
|
||||
{ name: "Carrières", url: "#" },
|
||||
{ name: "Clients", url: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const socialLinks = {
|
||||
facebook: "#",
|
||||
x: "#",
|
||||
github: "https://github.com/mearashadowfax/ScrewFast",
|
||||
google: "#",
|
||||
slack: "#",
|
||||
};
|
||||
|
||||
export default {
|
||||
navBarLinks,
|
||||
footerLinks,
|
||||
socialLinks,
|
||||
};
|
||||
Loading…
Add table
Reference in a new issue