Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -18,8 +18,7 @@ export default function ContactPage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Services", href: "/services" },
         { label: "Portfolio", href: "/portfolio" },
         { label: "About", href: "/about" },
@@ -27,8 +26,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
@@ -36,8 +34,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Documentation", href: "#" },
         { label: "Help Center", href: "#" },
         { label: "Community", href: "#" },
@@ -45,8 +42,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -62,7 +58,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="mediumSizeLargeTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -72,9 +68,7 @@ export default function ContactPage() {
         <NavbarStyleCentered
           navItems={navItems}
           button={{
-            text: "Get Started",
-            href: "/contact",
-          }}
+            text: "Get Started",            href: "/contact"}}
           brandName="WebBuild"
         />
       </div>
@@ -87,10 +81,9 @@ export default function ContactPage() {
           tagIcon={Mail}
           tagAnimation="slide-up"
           background={{
-            variant: "grid",
-          }}
+            variant: "plain"}}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/young-men-browsing-laptops-office_23-2147807983.jpg?_wi=3"
+          imageSrc="http://img.b2bpic.net/free-photo/young-men-browsing-laptops-office_23-2147807983.jpg"
           imageAlt="modern office meeting room"
           mediaAnimation="slide-up"
           mediaPosition="right"