footer added

Author: JaewooShim

savemyessay/frontend/src/app/[locale]/contact/page.tsx

@@ -0,0 +1,51 @@
+import { useTranslations } from "next-intl";
+
+export default function ContactPage() {
+  const t = useTranslations("ContactPage");
+  return (
+    <div className="min-h-screen flex flex-col items-center justify-center bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 py-12">
+      <div className="bg-white/80 p-8 rounded-2xl shadow-xl text-center max-w-md w-full">
+        <h1 className="text-3xl font-extrabold mb-2 text-indigo-700 flex items-center justify-center gap-2">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            className="h-8 w-8 text-indigo-500"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+            strokeWidth={2}
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+            />
+          </svg>
+          Contact Us
+        </h1>
+        <p className="text-gray-700 mb-6 text-base">{t("description")}</p>
+        <div className="mt-8">
+          <a
+            href="mailto:contact@savemyessay.com"
+            className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-indigo-400 to-pink-400 text-white font-semibold shadow-md hover:from-pink-500 hover:to-indigo-500 transition-all duration-200 text-lg"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              className="h-6 w-6"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+              strokeWidth={2}
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+              />
+            </svg>
+            contact@savemyessay.com
+          </a>
+        </div>
+      </div>
+    </div>
+  );
+}

savemyessay/frontend/src/components/Footer.tsx

@@ -0,0 +1,23 @@
+import { Link } from "@/i18n/routing";
+import { useTranslations } from "next-intl";
+
+export default function Footer() {
+  const t = useTranslations("HomePage");
+  return (
+    <footer className="bg-gradient-to-r from-indigo-100 to-pink-100">
+      <div className="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
+        <div className="text-center">
+          <div className="mb-2">
+            <Link
+              href="/contact"
+              className="text-indigo-600 hover:underline font-medium"
+            >
+              Contact Us
+            </Link>
+          </div>
+          <p className="text-base text-gray-500">{t("footer.copyright")}</p>
+        </div>
+      </div>
+    </footer>
+  );
+}