diff --git a/components/layout/footer.tsx b/components/layout/footer.tsx index 76ec26a..79d96f0 100644 --- a/components/layout/footer.tsx +++ b/components/layout/footer.tsx @@ -4,10 +4,12 @@ import React from "react"; import { useState } from "react"; import { Mail, Phone, MapPin } from "lucide-react"; -import { useTranslations } from "next-intl"; +import { useLocale, useTranslations } from "next-intl"; import Image from "next/image"; +import Link from "next/link"; export function Footer() { + const locale = useLocale(); const t = useTranslations(); const [email, setEmail] = useState(""); const [subscribed, setSubscribed] = useState(false); @@ -35,10 +37,10 @@ export function Footer() {

- SUBSCRIBE OUR NEWSLETTER + {t("contactTitle")}

- Expect a friendly letter from us once a week. No spam. + {t("contactSubTitle")}

@@ -48,7 +50,7 @@ export function Footer() { > setEmail(e.target.value)} className="font-almarai flex-1 rounded-full bg-white px-6 py-3 text-gray-800 placeholder-gray-400 focus:outline-none md:w-64" @@ -58,7 +60,7 @@ export function Footer() { type="submit" className="font-almarai rounded-full bg-gray-800 px-6 py-3 font-bold text-white transition hover:bg-gray-700" > - {subscribed ? "✓ Sent" : "SIGN UP"} + {subscribed ? "✓ Sent" : t("send")}
@@ -94,27 +96,36 @@ export function Footer() { @@ -135,12 +146,14 @@ export function Footer() { {/* Contact */}
-

{t("footer.support.contact")}

+

+ {t("footer.support.contact")} +