Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -33,7 +33,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="largeSmall"
-      background="aurora"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
@@ -45,9 +45,7 @@ export default function ContactPage() {
           brandName="Sonic Motion"
           navItems={navItems}
           button={{
-            text: "Book Your Event",
-            href: "#contact",
-          }}
+            text: "Book Your Event",            href: "#contact"}}
           animateOnLoad={true}
         />
       </div>
@@ -63,12 +61,10 @@ export default function ContactPage() {
           buttons={[
             { text: "Book DJ Event", href: "mailto:events@sonicmotion.com" },
             {
-              text: "Start Marketing Campaign",
-              href: "mailto:marketing@sonicmotion.com",
-            },
+              text: "Start Marketing Campaign",              href: "mailto:marketing@sonicmotion.com"},
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -83,29 +79,17 @@ export default function ContactPage() {
           animationType="slide-up"
           metrics={[
             {
-              id: "1",
-              icon: Mail,
-              title: "Email Support",
-              value: "24/7",
-            },
+              id: "1",              icon: Mail,
+              title: "Email Support",              value: "24/7"},
             {
-              id: "2",
-              icon: Phone,
-              title: "Phone Availability",
-              value: "Mon-Fri",
-            },
+              id: "2",              icon: Phone,
+              title: "Phone Availability",              value: "Mon-Fri"},
             {
-              id: "3",
-              icon: Clock,
-              title: "Response Time",
-              value: "<24hrs",
-            },
+              id: "3",              icon: Clock,
+              title: "Response Time",              value: "<24hrs"},
             {
-              id: "4",
-              icon: MapPin,
-              title: "Serving",
-              value: "Global",
-            },
+              id: "4",              icon: MapPin,
+              title: "Serving",              value: "Global"},
           ]}
         />
       </div>
@@ -136,9 +120,7 @@ export default function ContactPage() {
           socialLinks={[
             {
               icon: Instagram,
-              href: "https://instagram.com",
-              ariaLabel: "Instagram",
-            },
+              href: "https://instagram.com",              ariaLabel: "Instagram"},
             { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
             { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
             { icon: Music, href: "https://soundcloud.com", ariaLabel: "SoundCloud" },