file name and location updayed for better be

pages/contact/contactHeader.tsx

@@ -0,0 +1,21 @@
+import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
+import { useTranslations } from "next-intl";
+import React from "react";
+
+export default function ContactHeader() {
+  const t = useTranslations();
+  return (
+    <div className="mb-8 text-center">
+      
+      <h2
+        className="uppercase font-unbounded bg-linear-to-br from-white via-white to-black
+  text-transparent bg-clip-text  text-4xl font-bold tracking-wide md:text-5xl"
+      >
+        {t("contact.banner.subtitle")}
+      </h2>
+      <p className="font-almarai mt-3 text-sm text-gray-300 italic">
+        {t("contact.banner.description")}
+      </p>
+    </div>
+  );
+}