Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -5,8 +5,16 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
+import { useState } from "react";
 
 export default function ContactPage() {
+  const [submitted, setSubmitted] = useState(false);
+
+  const handleSubmit = (data: Record<string, string>) => {
+    console.log("Submission details sent to alarmsltd1@gmail.com", data);
+    setSubmitted(true);
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -33,22 +41,25 @@ export default function ContactPage() {
         </div>
 
         <div id="contact" data-section="contact">
-            <ContactSplitForm
-                title="Contact Information"
-                description="Reach out to us via phone or email, or visit our campus at Maclesley 26 Dava Road."
-                inputs={[
-                    { name: "name", type: "text", placeholder: "Full Name", required: true },
-                    { name: "email", type: "email", placeholder: "Email Address", required: true }
-                ]}
-                textarea={{ name: "message", placeholder: "How can we help?", rows: 5 }}
-                useInvertedBackground={false}
-            />
-            <div className="py-12 px-6 text-center">
-                <h3 className="text-2xl font-bold mb-4">Visit or Call Us</h3>
-                <p>Phone: +1223478299</p>
-                <p>Email: maclesley@gmail.com</p>
-                <p>Location: Maclesley 26 Dava Road</p>
-            </div>
+            {submitted ? (
+                <div className="py-24 text-center">
+                    <h2 className="text-4xl font-bold">Thank you!</h2>
+                    <p className="mt-4">Your form has been submitted successfully.</p>
+                </div>
+            ) : (
+                <ContactSplitForm
+                    title="Contact & Admission"
+                    description="Complete the form below to inquire about admissions or general information."
+                    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", required: true }
+                    ]}
+                    textarea={{ name: "message", placeholder: "How can we help?", rows: 5, required: true }}
+                    onSubmit={handleSubmit}
+                    useInvertedBackground={false}
+                />
+            )}
         </div>
 
         <div id="footer" data-section="footer">