export default function GeometricShapes() {
    return (
      <div className="absolute inset-0 overflow-hidden pointer-events-none">
        {/* Top row */}
        <div className="absolute top-8 left-1/2 transform -translate-x-1/2 flex space-x-4">
          <div className="w-24 h-16 bg-rise-pink rounded-lg transform rotate-12" />
          <div className="w-16 h-20 bg-rise-light-teal rounded-lg transform -rotate-6" />
          <div className="w-28 h-18 bg-rise-teal rounded-lg transform rotate-3" />
          <div className="w-20 h-16 bg-rise-purple rounded-lg transform -rotate-12" />
          <div className="w-24 h-18 bg-rise-orange rounded-lg transform rotate-6" />
        </div>
  
        {/* Bottom row */}
        <div className="absolute top-32 left-1/2 transform -translate-x-1/2 flex space-x-4">
          <div className="w-32 h-16 bg-rise-light-pink rounded-lg transform -rotate-3" />
          <div className="w-20 h-20 bg-rise-purple rounded-lg transform rotate-12" />
          <div className="w-28 h-16 bg-rise-light-orange rounded-lg transform -rotate-6" />
          <div className="w-24 h-18 bg-rise-light-purple rounded-lg transform rotate-9" />
        </div>
  
        {/* Additional scattered shapes for more visual interest */}
        <div className="absolute top-16 left-20 w-12 h-12 bg-rise-light-teal rounded-lg transform rotate-45 opacity-60" />
        <div className="absolute top-24 right-24 w-16 h-10 bg-rise-pink rounded-lg transform -rotate-24 opacity-70" />
        <div className="absolute top-40 left-32 w-14 h-14 bg-rise-light-purple rounded-lg transform rotate-30 opacity-50" />
        <div className="absolute top-12 right-40 w-18 h-12 bg-rise-orange rounded-lg transform -rotate-15 opacity-60" />
      </div>
    )
  }
  