diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index a14bbb8..5f7ea94 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -5,6 +5,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import Link from "next/link";
 
 export default function ContactPage() {
   const navItems = [
@@ -57,7 +58,7 @@ export default function ContactPage() {
       headingFontWeight={"light"}
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered navItems={navItems} button={navButton} brandName="Hope Haven" className="py-4" />
+        <NavbarStyleCentered navItems={navItems.map(item => ({...item, id: item.id.startsWith('/') ? item.id : `#${item.id}`}))} button={navButton} brandName="Hope Haven" className="py-4" />
       </div>
 
       <div id="get-involved" data-section="get-involved">
@@ -74,7 +75,7 @@ export default function ContactPage() {
 
       <div id="happy-stories" data-section="happy-stories">
         <TestimonialCardFifteen
-          testimonial="\"The Hope Haven team made volunteering such a rewarding experience. Knowing I'm directly contributing to animals' well-being is incredibly fulfilling.\""
+          testimonial="The Hope Haven team made volunteering such a rewarding experience. Knowing I'm directly contributing to animals' well-being is incredibly fulfilling."
           rating={5}
           author="Michael Chen, Volunteer"
           avatars={[