diff --git a/src/app/page.tsx b/src/app/page.tsx
index adb349c..772c818 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function LandingPage() {
   return (
@@ -140,13 +140,15 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactCTA
+      tag="Guestbook"
+      title="Leave a note"
+      description="Feel free to leave a comment or share your thoughts here."
+      buttons={[
+        {
+          text: "Submit Message"},
+      ]}
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Contact"
-      title="Stay Connected"
-      description="Sign up for occasional project updates."
     />
   </div>
 
@@ -176,4 +178,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file