diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 5c4443d..e2f179c 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -4,7 +4,6 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import Link from "next/link";
 
 export default function ContactPage() {
   const navItems = [
@@ -22,7 +21,7 @@ export default function ContactPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="layered"
@@ -43,17 +42,12 @@ export default function ContactPage() {
           animationType="entrance-slide"
           buttons={[
             {
-              text: "Call Now",
-              href: "tel:+919824144953",
-            },
+              text: "Call Now",              href: "tel:+919824144953"},
             {
-              text: "Get Directions",
-              href: "https://maps.google.com/?q=Shop+no+9+Fortune+World+Cooperative+Housing+Daman",
-            },
+              text: "Get Directions",              href: "https://maps.google.com/?q=Shop+no+9+Fortune+World+Cooperative+Housing+Daman"},
           ]}
           background={{
-            variant: "noise",
-          }}
+            variant: "plain"}}
           useInvertedBackground={false}
         />
       </div>
@@ -62,13 +56,9 @@ export default function ContactPage() {
         <FooterLogoReveal
           logoText="Saikrupa Footwear"
           leftLink={{
-            text: "Privacy Policy",
-            href: "#",
-          }}
+            text: "Privacy Policy",            href: "#"}}
           rightLink={{
-            text: "Terms of Service",
-            href: "#",
-          }}
+            text: "Terms of Service",            href: "#"}}
         />
       </div>
     </ThemeProvider>