contact page

components/pages/contact/contactHeader.tsx

@@ -0,0 +1,24 @@
+import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
+import React from "react";
+
+export default function ContactHeader() {
+  return (
+    <div className="mb-8 text-center">
+      <div className="mb-4 flex items-center justify-center gap-2">
+        <DotAnimatsiya />
+        <span className="text-sm font-semibold tracking-wider text-white">
+          CONTACT US
+        </span>
+      </div>
+      <h2
+        className="bg-linear-to-br from-white via-white to-black
+  text-transparent bg-clip-text  text-4xl font-bold tracking-wide md:text-5xl"
+      >
+        GET IN TOUCH
+      </h2>
+      <p className="mt-3 text-sm text-gray-300 italic">
+        We'd love to hear from you. Please fill out this form.
+      </p>
+    </div>
+  );
+}