diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index cbaa837..d013718 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -13,28 +13,15 @@ const navItems = [
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline navItems={navItems} brandName="Empire Roofing" />
+        <NavbarLayoutFloatingInline navItems={navItems} brandName="Empire Roofing" button={{ text: "Get Quote", href: "/contact" }} />
       </div>
       <div id="contact-page-form" data-section="contact-page-form">
-        <ContactCenter
-          title="Ready to Protect Your Home?"
-          description="Call (555) 555-5555 or fill out the form below."
-          tag="Get In Touch"
-          background={{ variant: "sparkles-gradient" }}
-          useInvertedBackground={true}
-        />
+        <ContactCenter title="Ready to Protect Your Home?" description="Call (555) 555-5555 or fill out the form below." tag="Get In Touch" background={{ variant: "sparkles-gradient" }} useInvertedBackground={true} />
       </div>
       <div id="footer" data-section="footer">
-        <FooterSimple
-          columns={[
-            { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
-            { title: "Services", items: [{ label: "Roof Repairs", href: "/services" }, { label: "Full Replacements", href: "/services" }, { label: "Claims", href: "/services" }] }
-          ]}
-          bottomLeftText="© 2024 Empire Roofing & Construction"
-          bottomRightText="Built Like an Empire."
-        />
+        <FooterSimple columns={[{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Services", items: [{ label: "Roof Repairs", href: "/services" }, { label: "Full Replacements", href: "/services" }, { label: "Claims", href: "/services" }] }]} bottomLeftText="© 2024 Empire Roofing & Construction" bottomRightText="Built Like an Empire." />
       </div>
     </ThemeProvider>
   );