bender/de0883c7-d98c-449f-97fc-aaebce1fd2be
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/contact/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-15 21:40:27 +00:00
parent 86d1f8e315
commit 3edff45b8b
1 changed files with 26 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/app/contact/page.tsx
View File

@@ -2,18 +2,16 @@
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ContactCTA from "@/components/sections/contact/ContactCTA"; import ContactCenter from "@/components/sections/contact/ContactCenter";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; import FooterCard from "@/components/sections/footer/FooterCard";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { MessageSquare, Sparkles } from "lucide-react"; import { MapPin } from "lucide-react";
export default function ContactPage() { export default function ContactPage() {
const navItems = [ const navItems = [
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "About", id: "/#about" }, { name: "About", id: "/about" },
{ name: "Services", id: "/#services" }, { name: "Contact", id: "/contact" },
{ name: "Testimonials", id: "/#testimonials" },
]; ];
return ( return (
@@ -30,44 +28,27 @@ export default function ContactPage() {
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<NavbarLayoutFloatingInline <div id="nav" data-section="nav">
navItems={navItems} <NavbarLayoutFloatingInline
brandName="Coach" navItems={navItems}
button={{ text: "Book a Call", href: "/contact" }} brandName="St. Jerome"
/> />
<ContactCTA </div>
tag="Contact Us" <main className="pt-32">
title="Let's Connect" <div id="contact" data-section="contact">
description="Have questions or ready to start your journey? Reach out to us today." <ContactCenter
buttons={[{ text: "Send Message", href: "#" }]} title="Contact Information"
background={{ variant: "radial-gradient" }} 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"
<TestimonialCardSix tagIcon={MapPin}
title="Trusted by Industry Leaders" background={{ variant: "radial-gradient" }}
testimonials={[ useInvertedBackground={false}
{ id: "1", name: "Alex P.", handle: "@alexp", testimonial: "The coaching transformed our team dynamics completely." }, />
{ id: "2", name: "Jordan W.", handle: "@jordanw", testimonial: "Incredible insights that helped us scale 3x faster." } </div>
]} </main>
animationType="slide-up" <FooterCard
textboxLayout="split" logoText="St. Jerome"
/> copyrightText="© 2025 St. Jerome Roman Catholic Church"
<FooterLogoEmphasis
logoText="Coach"
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/#about" },
{ label: "Services", href: "/#services" },
],
},
{
items: [
{ label: "FAQ", href: "/#faq" },
{ label: "Contact", href: "/contact" },
],
},
]}
/> />
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>