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>
  );
}