Initial commit

Next.js + Express event management app for Hope Family Church.

frontend/src/app/payment/success/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { Navbar } from "@/components/layout/Navbar";
+import { Footer } from "@/components/layout/Footer";
+import { useRouter } from "next/navigation";
+import { useSiteSettings } from "@/contexts/SiteSettingsContext";
+import React from "react";
+
+export default function PaymentSuccessPage() {
+  const router = useRouter();
+  const { settings } = useSiteSettings();
+  const contactEmail = settings.org_email || "";
+
+  return (
+    <div className="min-h-screen flex flex-col">
+      <Navbar />
+      <main className="flex-1 p-6 max-w-2xl mx-auto w-full">
+        <h1 className="text-2xl font-semibold mb-2">Payment successful</h1>
+        <p className="text-gray-700">
+          Thank you! Your payment was received. Your tickets will be sent to you shortly.
+          {contactEmail && (
+            <>
+              {" "}If you have any questions, contact us at{" "}
+              <a href={`mailto:${contactEmail}`} className="text-blue-600 hover:underline">
+                {contactEmail}
+              </a>.
+            </>
+          )}
+        </p>
+        <button
+          className="mt-4 px-3 py-1.5 text-sm rounded bg-indigo-100 hover:bg-indigo-200 text-indigo-800 shadow-sm"
+          onClick={() => router.push('/dashboard/user')}
+        >
+          Go to Dashboard
+        </button>
+      </main>
+      <Footer />
+    </div>
+  );
+}