1
import { motion } from 'framer-motion';
 2
 
 3
export default function Hero() {
 4
  return (
 5
    <section className="relative h-screen flex items-center justify-center overflow-hidden">
 6
      <motion.div
 7
        initial={{ opacity: 0, y: 20 }}
 8
        animate={{ opacity: 1, y: 0 }}
 9
        transition={{ duration: 0.8 }}
10
        className="text-center z-10"
11
      >
12
        <h1 className="text-6xl font-bold mb-6">Scale Your Business</h1>
13
        <p className="text-xl text-muted mb-8">The ultimate SaaS platform for modern teams.</p>
14
        <button className="btn-primary">Get Started</button>
15
      </motion.div>
16
      <div className="absolute inset-0 bg-gradient-radial from-primary/20 to-transparent" />
17
    </section>
18
  );
19
}