reveals

app/impressum/page.tsx

@@ -1,8 +1,17 @@
+'use client';
+
+import { motion } from 'framer-motion';
+
 export default function Legal() {
   return (
     <div className="bg-slate-50 min-h-screen pt-32 pb-20">
       <div className="container-custom">
-        <div className="max-w-4xl mx-auto bg-white p-8 md:p-16 rounded-[2.5rem] shadow-sm border border-slate-100">
+        <motion.div 
+          initial={{ opacity: 0, y: 20 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.6 }}
+          className="max-w-4xl mx-auto bg-white p-8 md:p-16 rounded-[2.5rem] shadow-sm border border-slate-100"
+        >
           <h1 className="text-4xl font-extrabold text-primary mb-12">Impressum</h1>
           
           <div className="space-y-12 text-slate-600 leading-relaxed">
@@ -47,7 +56,7 @@ export default function Legal() {
               </p>
             </section>
           </div>
-        </div>
+        </motion.div>
       </div>
     </div>
   );