Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -17,8 +17,7 @@ export default function ContactPage() {
 
   const footerColumns = [
     {
-      title: "Navigation",
-      items: [
+      title: "Navigation",      items: [
         { label: "Home", href: "/" },
         { label: "About", href: "/about" },
         { label: "Projects", href: "/projects" },
@@ -26,8 +25,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Connect",
-      items: [
+      title: "Connect",      items: [
         { label: "YouTube", href: "https://youtube.com" },
         { label: "Twitter", href: "https://twitter.com" },
         { label: "LinkedIn", href: "https://linkedin.com" },
@@ -35,8 +33,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "AI Tools Guide", href: "/blog" },
         { label: "Content Library", href: "/content" },
         { label: "Contact", href: "/contact" },
@@ -44,8 +41,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Disclaimer", href: "#" },
@@ -61,7 +57,7 @@ export default function ContactPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="solid"
@@ -75,9 +71,7 @@ export default function ContactPage() {
             id: item.id,
           }))}
           button={{
-            text: "Get in Touch",
-            href: "/contact",
-          }}
+            text: "Get in Touch",            href: "/contact"}}
         />
       </div>
 
@@ -89,7 +83,7 @@ export default function ContactPage() {
             { text: "Email Me", href: "mailto:hello@sajensoren.com" },
             { text: "Schedule a Call", href: "https://calendly.com" },
           ]}
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -102,7 +96,7 @@ export default function ContactPage() {
             { text: "Send Inquiry", href: "mailto:business@sajensoren.com" },
             { text: "Back to Home", href: "/" },
           ]}
-          background={{ variant: "animated-grid" }}
+          background={{ variant: "canvas-reveal" }}
           useInvertedBackground={true}
         />
       </div>
@@ -115,7 +109,7 @@ export default function ContactPage() {
             { text: "Follow on Twitter", href: "https://twitter.com" },
             { text: "Subscribe on YouTube", href: "https://youtube.com" },
           ]}
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>