diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 020dcd6..ac4ee17 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -30,15 +30,22 @@ export default function ContactPage() {
         </div>
         <div id="contact-body" data-section="contact-body">
           <ContactCTA
-            tag="Contact"
+            tag="Get in touch"
             title="Ready to improve your roof?"
-            description="Reach out to us today."
-            buttons={[{ text: "Call", href: "#" }]}
-            useInvertedBackground={false}
+            description="Request your free inspection and quote from our expert team."
+            buttons={[{ text: "Call Us Now", href: "tel:0800123456" }, { text: "Request Quote", href: "#" }]}
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
           />
         </div>
         <div id="footer" data-section="footer">
-          <FooterBaseCard logoText="High Rise Roofing" columns={[]} />
+          <FooterBaseCard 
+            logoText="High Rise Roofing" 
+            columns={[
+              { title: "Services", items: [{ label: "Installation", href: "/services" }, { label: "Repairs", href: "/services" }, { label: "Inspections", href: "/services" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Our Work", href: "/gallery" }, { label: "Contact", href: "/contact" }] }
+            ]} 
+          />
         </div>
       </ReactLenis>
     </ThemeProvider>