1
import { motion } from 'framer-motion';
 2
 
 3
export default function Section({ children, title }: { children: React.ReactNode, title: string }) {
 4
  return (
 5
    <motion.section
 6
      initial={{ opacity: 0, y: 50 }}
 7
      whileInView={{ opacity: 1, y: 0 }}
 8
      viewport={{ once: true }}
 9
      className="py-20 px-4"
10
    >
11
      <h2 className="text-4xl font-bold mb-10 text-center">{title}</h2>
12
      {children}
13
    </motion.section>
14
  );
15
}