import React from 'react';

const BannerSkeleton: React.FC = () => {
  return (
    <div
      className="w-full h-[400px] sm:h-[500px] md:h-[600px] lg:h-[700px] xl:h-[800px] bg-gray-300 animate-pulse"
    >
      <div className="w-full h-full flex items-end p-4 sm:p-8">
        <div className="w-full max-w-xl space-y-3">
          <div className="h-8 sm:h-12 bg-gray-400 rounded w-3/4" />
          <div className="h-6 sm:h-8 bg-gray-400 rounded w-1/2" />
        </div>
      </div>
    </div>
  );
};

export default BannerSkeleton;
