translation

components/pages/contact/main.tsx

@@ -2,22 +2,24 @@ import Image from "next/image";
 import { Mail, MapPin, Phone, Check } from "lucide-react";
 import ContactHeader from "./contactHeader";
 import Form from "./form";
+import { useTranslations } from "next-intl";
 
 export function Contact() {
+  const t = useTranslations();
   const contactInfo = [
     {
       icon: Mail,
-      title: "EMAIL",
-      detail: "support@fireforce",
+      title:t("contact.email"),
+      detail: t("contact.emailAddress"),
     },
     {
       icon: MapPin,
-      title: "OUR LOCATION",
-      detail: "Jl. Dr. Ir. Soekarno No. 99x Tabanan - Bali",
+      title: t("contact.location"),
+      detail: t("contact.address"),
     },
     {
       icon: Phone,
-      title: "PHONE",
+      title: t("contact.phone"),
       detail: "+123-456-7890",
     },
   ];