import React from 'react'; import { motion } from 'framer-motion'; import { Card } from '@/components/ui/card'; import './styles.css';

const HardixFFIntro = () => { return ( <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ duration: 3 }} className="smoke-bg" /> <motion.img src="/mnt/data/file-Gkk3FLHg8Uaa2FJ1CcVHZD" alt="Hardix.FF Logo" initial={{ scale: 0.8, opacity: 0 }} animate={{ scale: 1, opacity: 1 }} transition={{ duration: 2, delay: 1 }} className="logo-img" /> <motion.h1 initial={{ y: 100, opacity: 0 }} animate={{ y