connetcted to backend: form request

components/pages/contact/main.tsx

@@ -1,5 +1,5 @@
 import Image from "next/image";
-import { Mail, MapPin, Phone, Check } from "lucide-react";
+import { Mail, MapPin, Phone } from "lucide-react";
 import ContactHeader from "./contactHeader";
 import Form from "./form";
 import { useTranslations } from "next-intl";
@@ -25,7 +25,7 @@ export function Contact() {
   ];
 
   return (
-    <section className="relative min-h-175 w-full py-16 md:py-40">
+    <section className="relative min-h-175 w-full py-30 md:py-40">
       {/* Background Image */}
       <div className="absolute inset-0 z-0">
         <Image