feat: Add initial portfolio UI components and skill definitions.

app/components/Contact.tsx

@@ -5,6 +5,7 @@ import { useState } from "react";
 import { motion, type Variants, useReducedMotion } from "framer-motion";
 import { Section } from "./Section";
 import { DrawLine } from "./animations/DrawLine";
+import MagneticButton from "./cinematic/MagneticButton";
 
 const WHATSAPP_NUMBER = "5547992742365";
 
@@ -200,15 +201,14 @@ export default function Contact() {
             />
           </div>
 
-          <motion.button
+          <MagneticButton
+            as="button"
             type="submit"
             className="ds-link ds-link-accent min-h-12 border-0"
-            whileHover={shouldReduceMotion ? undefined : { scale: 1.03 }}
-            whileTap={shouldReduceMotion ? undefined : { scale: 0.97 }}
-            transition={{ type: "spring", stiffness: 260, damping: 20 }}
+            strength={0.2}
           >
             Enviar briefing pelo WhatsApp
-          </motion.button>
+          </MagneticButton>
         </motion.form>
       </motion.div>
     </Section>