Website Design

// Modern React component
import React from 'react';
import { motion } from 'framer-motion';

const HeroSection = ({ title, subtitle, image }) => {
  return (
    <motion.section 
      initial={{ opacity: 0, willChange: "opacity" }}
      animate={{ opacity: 1, willChange: "opacity" }}
      className="hero-container"
    >
      <div className="content">
        <h1>{title}</h1>
        <p>{subtitle}</p>
        <Button>Get Started</Button>
      </div>
      <Image src={image || "/placeholder.svg"} alt={title} />
    </motion.section>
  );
};

export default HeroSection;