Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -58,7 +58,7 @@ export default function ContactPage() {
       headingFontWeight={"light"}
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered navItems={navItems.map(item => ({...item, id: item.id.startsWith('/') ? item.id : `#${item.id}`}))} button={navButton} brandName="Hope Haven" className="py-4" />
+        <NavbarStyleCentered navItems={navItems} button={navButton} brandName="Hope Haven" className="py-4" />
       </div>
 
       <div id="get-involved" data-section="get-involved">
@@ -66,7 +66,7 @@ export default function ContactPage() {
           text="Have questions or want to get involved? Reach out to us – we're here to help!"
           animationType="background-highlight"
           buttons={[{ text: "Send a Message", href: "#" }, { text: "Call Us", href: "#" }]}
-          background={{ variant: "aurora" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
           ariaLabel="Contact us section"
           textClassName="font-light"
@@ -88,7 +88,6 @@ export default function ContactPage() {
           avatarsAnimation="slide-up"
           useInvertedBackground={false}
           testimonialClassName="font-light"
-          authorClassName="font-light"
         />
       </div>
 
@@ -105,7 +104,7 @@ export default function ContactPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Making a Difference"
-          titleClassName="font-light"
+          textBoxTitleClassName="font-light"
           textBoxDescriptionClassName="font-light"
           metricTitleClassName="font-light"
         />
@@ -115,7 +114,6 @@ export default function ContactPage() {
         columns={footerColumns}
         logoText="Hope Haven"
         copyrightText="© 2024 Hope Haven Animal Shelter. All rights reserved."
-        useInvertedBackground={false}
       />
     </ThemeProvider>
   );