Update pages/Natural_Language_Processing.py

pages/Natural_Language_Processing.py

@@ -0,0 +1,47 @@
+import React from "react";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent } from "@/components/ui/card";
+import { motion } from "framer-motion";
+
+const NLPPage = () => {
+  const handleRedirect = () => {
+    window.open("https://huggingface.co/spaces/your-target-space", "_blank");
+  };
+
+  return (
+    <div className="min-h-screen bg-gray-50 flex flex-col justify-center items-center p-6">
+      <motion.div
+        initial={{ opacity: 0, y: -50 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.8 }}
+        className="max-w-2xl w-full"
+      >
+        <Card className="shadow-lg">
+          <CardContent className="p-6">
+            <h1 className="text-3xl font-bold text-center mb-4">
+              Natural Language Processing (NLP)
+            </h1>
+            <p className="text-gray-600 text-lg text-justify mb-6">
+              Natural Language Processing (NLP) is a branch of artificial intelligence
+              that focuses on the interaction between computers and humans through
+              natural language. It enables machines to read, understand, and respond
+              to human language in a way that is both meaningful and useful. From chatbots
+              to translation tools, NLP powers various applications that make communication
+              with technology more intuitive.
+            </p>
+            <div className="flex justify-center">
+              <Button
+                onClick={handleRedirect}
+                className="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 shadow-md"
+              >
+                Explore More
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+      </motion.div>
+    </div>
+  );
+};
+
+export default NLPPage;