src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
@@ -89,10 +89,15 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
-      text="H & H Outdoor Services\n\nBased in the Otways.\n\nPhone Nick: 0429 772 725\n\nPhone Harley: 0467 557 976\n\nEmail: hhoutdoorservicesotways@gmail.com"
+      <ContactCTA
+      tag="Get in touch"
+      title="H & H Outdoor Services"
+      description="Based in the Otways.\n\nPhone Nick: 0429 772 725\nPhone Harley: 0467 557 976\nEmail: hhoutdoorservicesotways@gmail.com"
+      buttons={[
+        { text: "Call Nick", href: "tel:0429772725" },
+        { text: "Call Harley", href: "tel:0467557976" },
+      ]}
+      background={{ variant: "plain" }}
     />
   </div>
 
@@ -112,4 +117,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}