Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -2,18 +2,16 @@
 
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterCard from "@/components/sections/footer/FooterCard";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { MessageSquare, Sparkles } from "lucide-react";
+import { MapPin } from "lucide-react";
 
 export default function ContactPage() {
     const navItems = [
         { name: "Home", id: "/" },
-        { name: "About", id: "/#about" },
-        { name: "Services", id: "/#services" },
-        { name: "Testimonials", id: "/#testimonials" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
     ];
 
     return (
@@ -30,44 +28,27 @@ export default function ContactPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={navItems}
-                    brandName="Coach"
-                    button={{ text: "Book a Call", href: "/contact" }}
-                />
-                <ContactCTA 
-                    tag="Contact Us"
-                    title="Let's Connect"
-                    description="Have questions or ready to start your journey? Reach out to us today."
-                    buttons={[{ text: "Send Message", href: "#" }]}
-                    background={{ variant: "radial-gradient" }}
-                />
-                <TestimonialCardSix 
-                    title="Trusted by Industry Leaders"
-                    testimonials={[
-                        { 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." }
-                    ]}
-                    animationType="slide-up"
-                    textboxLayout="split"
-                />
-                <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" },
-                            ],
-                        },
-                    ]}
+                <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"
+                    copyrightText="© 2025 St. Jerome Roman Catholic Church"
                 />
             </ReactLenis>
         </ThemeProvider>