Update src/app/contact/page.tsx

This commit is contained in:
2026-04-15 21:38:46 +00:00
parent 0a50bba47b
commit 1c0ae719d4

View File

@@ -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"