Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -17,8 +17,7 @@ export default function ContactPage() {
 
   const footerColumns = [
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Services", href: "/services" },
         { label: "Products", href: "/products" },
@@ -26,8 +25,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Support",
-      items: [
+      title: "Support",      items: [
         { label: "Technical Support", href: "#" },
         { label: "Repair & Maintenance", href: "#" },
         { label: "Spare Parts", href: "#" },
@@ -35,8 +33,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Contact",
-      items: [
+      title: "Contact",      items: [
         { label: "Phone: +974 4425 8510", href: "tel:+97444258510" },
         { label: "WhatsApp: +974 4425 8510", href: "https://wa.me/97444258510" },
         { label: "Industrial Area, Al Rayyan", href: "#" },
@@ -44,8 +41,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Compliance", href: "#" },
@@ -61,7 +57,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="small"
       sizing="medium"
-      background="grid"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
@@ -81,7 +77,7 @@ export default function ContactPage() {
           tag="Contact"
           title="Get in Touch with Our Team"
           description="Reach out to Qatar Trading Company for product inquiries, technical support, or business partnerships. Our expert team is ready to assist you."
-          background={{ variant: "grid" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={true}
           inputPlaceholder="Enter your email address"
           buttonText="Send Inquiry"