From 006cc4d4957bfa59e1737cdc3c29b806752356bb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 11:04:55 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 77 +++++++++++++++-------------------------
 1 file changed, 29 insertions(+), 48 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index c0da5d9..c4ccd29 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,23 +1,13 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import TextAbout from "@/components/sections/about/TextAbout";
-import { Instagram, Facebook, Linkedin, Phone, Mail } from "lucide-react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import ContactCard from '@/components/sections/contact/ContactCard';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Phone, Mail, Instagram, Facebook, Linkedin } from "lucide-react";
 
 export default function ContactPage() {
-    const navItems = [
-        { name: "About", id: "about" },
-        { name: "Services", id: "services" },
-        { name: "Destinations", id: "destinations" },
-        { name: "Reviews", id: "reviews" },
-        { name: "Admissions", href: "/admissions" },
-        { name: "Contact", href: "/contact" }
-    ];
-
     return (
         <ThemeProvider
             defaultButtonVariant="icon-arrow"
@@ -33,47 +23,38 @@ export default function ContactPage() {
         >
             <ReactLenis root>
                 <NavbarLayoutFloatingInline
-                    navItems={navItems}
-                    brandName="Luxuria"
-                    button={{ text: "Plan Your Trip", href: "/contact" }}
+                    navItems={[
+                        { name: "Home", id: "/" },
+                        { name: "About", id: "/about" },
+                        { name: "Programs", id: "/programs" },
+                        { name: "Admissions", id: "/admissions" },
+                        { name: "Contact", id: "/contact" }
+                    ]}
+                    brandName="Saint Peters International Academy"
+                    button={{ text: "Apply Now", href: "#contact" }}
                 />
-
-                <div className="pt-20"> 
-                    <ContactSplitForm
-                        title="Get in Touch with Luxuria"
-                        description="We're here to assist you with your luxury travel plans. Fill out the form below or use our direct contact details to connect with us."
+                <div id="contact-us" data-section="contact-us">
+                    <ContactCard
+                        tag="Get in Touch"
+                        tagIcon={Mail}
+                        title="Contact Saint Peters International Academy"
+                        description="We're here to answer your questions and provide more information about our programs and admissions process."
                         useInvertedBackground={false}
-                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp"
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/contact/contact1.webp"
                         imageAlt="Contact Us"
                         mediaPosition="right"
                         mediaAnimation="slide-up"
-                        buttonText="Send Inquiry"
-                        inputs={[
-                            { name: "name", type: "text", placeholder: "Full Name", required: true },
-                            { name: "email", type: "email", placeholder: "Email Address", required: true },
-                            { name: "phone", type: "tel", placeholder: "Phone Number" },
-                            { name: "subject", type: "text", placeholder: "Subject of Inquiry" }
+                        addressLines={[
+                            "123 Academy Road, Education City, EC 12345",                            "info@saintpetersacademy.edu"
                         ]}
-                        textarea={{
-                            name: "message",                            placeholder: "How can we help you plan your ideal travel experience or answer your questions?",                            rows: 5
-                        }}
-                    />
-
-                    <TextAbout
-                        tag="Direct Contact"
-                        title="Prefer to speak directly?"
-                        description="Our team is available to provide personalized assistance and answer any questions you may have about your next luxury journey."
-                        buttons={[
-                            { text: "Call Us: +1 (555) 123-4567", icon: Phone, href: "tel:+15551234567" },
-                            { text: "Email Us: info@luxuria.com", icon: Mail, href: "mailto:info@luxuria.com" }
-                        ]}
-                        useInvertedBackground={true}
+                        phoneNumbers={["+1 (123) 456-7890", "+1 (098) 765-4321"]}
+                        emailAddresses={["admissions@saintpetersacademy.edu", "support@saintpetersacademy.edu"]}
+                        buttons={[{ text: "Call Us", href: "tel:+123456789" }, { text: "Email Us", href: "mailto:info@example.com" }]}
                     />
                 </div>
-
                 <FooterCard
-                    logoText="Luxuria"
-                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
+                    logoText="Saint Peters International Academy"
+                    copyrightText="© 2024 Saint Peters International Academy"
                     socialLinks={[
                         { icon: Instagram, href: "#", ariaLabel: "Instagram" },
                         { icon: Facebook, href: "#", ariaLabel: "Facebook" },
@@ -83,4 +64,4 @@ export default function ContactPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file