1 files changed, 31 insertions, 0 deletions
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..550498d
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import { motion } from "motion/react";
+
+export default function ContactPage() {
+  const box = {
+    width: 100,
+    height: 100,
+    backgroundColor: "#ff0000",
+    marginTop: 20,
+  };
+
+  return (
+    <motion.div
+      className="flex items-center justify-center min-h-screen bg-gray-100"
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      exit={{ opacity: 0 }}
+      transition={{ duration: 10 }}
+    >
+      <h1 className="text-4xl font-bold text-gray-800">
+        Contact Us Page - Coming Soon!
+      </h1>
+      <motion.div
+        style={box}
+        animate={{ rotate: 360 }}
+        transition={{ duration: 10 }}
+      />
+    </motion.div>
+  );
+}