diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index bcbdf00..a32ad7c 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -13,13 +13,6 @@ import {
 import Link from "next/link";
 
 export default function ContactPage() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About", id: "/about" },
-    { name: "Services", id: "/services" },
-    { name: "Contact", id: "/contact" },
-  ];
-
   const footerColumns = [
     {
       items: [
@@ -70,7 +63,7 @@ export default function ContactPage() {
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"
@@ -93,7 +86,7 @@ export default function ContactPage() {
         <HeroSplitDualMedia
           title="Get in Touch with Hyperverse"
           description="We're here to help your business succeed. Reach out to us for expert consultation, support, or to discuss your specific needs."
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           tag="Contact Us"
           tagIcon={CheckCircle}
           tagAnimation="slide-up"