translation

components/pages/home/line.tsx

@@ -1,13 +1,15 @@
 import { Phone } from "lucide-react";
+import { useTranslations } from "next-intl";
 import Image from "next/image";
 
 export function Line() {
+  const t = useTranslations();
   return (
     <div className="bg-black py-10 px-4">
       <div className="max-w-280 w-full mx-auto relative py-10 flex items-center justify-between ">
         <div className="text-white flex flex-col items-start justify-start gap-5 ">
           <h2 className="lg:text-5xl sm:text-3xl text-2xl max-w-[80%] w-full font-semibold">
-            Ready for Action 24/7: Contact Us at
+            {t("home.contactLine.text")}
           </h2>
           <p className="flex items-center justify-center gap-4 font-semibold sm:text-xl text-lg">
             <span