From 1c0ae719d43d5c3704e8d70b181db47d501c5470 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 21:38:46 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 31 +++++++++++++++++--------------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 2261cd0..fe31a8c 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,7 +2,7 @@
 
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { MapPin } from "lucide-react";
@@ -28,20 +28,23 @@ export default function ContactPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={navItems}
-                    brandName="St. Jerome"
-                    button={{ text: "Get Involved", href: "/contact" }}
-                />
-                <main className="pt-32">
-                    <ContactCTA
-                        title="Contact Information"
-                        description="We are located in the heart of our community. Feel free to visit, reach out via phone, or send us a message through our parish office. We look forward to welcoming you."
-                        tag="Visit Us"
-                        tagIcon={MapPin}
-                        buttons={[{ text: "Call Parish Office", href: "tel:+1234567890" }]}
-                        background={{ variant: "radial-gradient" }}
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        navItems={navItems}
+                        brandName="St. Jerome"
                     />
+                </div>
+                <main className="pt-32">
+                    <div id="contact" data-section="contact">
+                        <ContactCenter
+                            title="Contact Information"
+                            description="We are located in the heart of our community. Feel free to visit, reach out via phone, or send us a message through our parish office. We look forward to welcoming you."
+                            tag="Visit Us"
+                            tagIcon={MapPin}
+                            background={{ variant: "radial-gradient" }}
+                            useInvertedBackground={false}
+                        />
+                    </div>
                 </main>
                 <FooterCard
                     logoText="St. Jerome"