diff --git a/astro.config.mjs b/astro.config.mjs
index d7ac878..a9d7c4f 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -12,6 +12,13 @@ export default defineConfig({
image: {
domains: ["images.unsplash.com"],
},
+ i18n: {
+ defaultLocale: "en",
+ locales: ["en", "fr"],
+ routing: {
+ prefixDefaultLocale: false
+ }
+ },
prefetch: true,
integrations: [
tailwind(),
diff --git a/src/components/sections/ContactSection_fr.astro b/src/components/sections/ContactSection_fr.astro
new file mode 100644
index 0000000..0675203
--- /dev/null
+++ b/src/components/sections/ContactSection_fr.astro
@@ -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.";
+---
+
+
+
+
+
+
+ {title}
+
+
+ {subTitle}
+
+
+
+
+
+
+ {formTitle}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {subTitle}
+
+
+
+ {content}
+
+
+
+
+
+
+
+
+ {title}
+
+ {
+ subTitle && (
+
+ {subTitle}
+
+ )
+ }
+
+
+
+
+
+
+ {
+ product.map((product, index) => {
+ const position = index % 4;
+ if (position === 0 || position === 3) {
+ return ;
+ } else {
+ return ;
+ }
+ })
+ }
+
+