contact form updated , added telegram instagram icon buttons

components/pages/home/about.tsx

@@ -1,12 +1,11 @@
 "use client";
 
 import React from "react";
-
-import { Button } from "@/components/ui/button";
 import Image from "next/image";
 import { Flame, Building2, Ambulance } from "lucide-react";
 import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
-import { useTranslations } from "next-intl";
+import { useLocale, useTranslations } from "next-intl";
+import Link from "next/link";
 
 interface ServiceItem {
   icon: React.ReactNode;
@@ -16,6 +15,7 @@ interface ServiceItem {
 
 export function AboutUs() {
   const t = useTranslations();
+  const locale = useLocale();
   const services: ServiceItem[] = [
     {
       icon: <Flame width={40} height={40} className="text-red-500" />,
@@ -76,9 +76,9 @@ export function AboutUs() {
 
             {/* Button */}
             <div>
-              <Button className="font-almarai bg-red-600 hover:bg-red-700 text-white font-bold px-8 py-3 rounded-full transition-colors duration-300 shadow-[0px_0px_2px_8px_#ff01015c]">
+              <Link href={`/${locale}/about`} className="font-almarai bg-red-600 hover:bg-red-700 text-white font-bold px-8 py-3 rounded-full transition-colors duration-300 shadow-[0px_0px_2px_8px_#ff01015c]">
                 {t("home.about.title")}
-              </Button>
+              </Link>
             </div>
           </div>