'use client';

import Image from 'next/image';
import React from 'react';

const FormHeader = () => {
  return (
    <div className="relative px-6 py-8 overflow-hidden">
      <Image
        src="/techtan-banner-form.jpg" 
        alt="Header background"
        fill
        priority
        className="object-cover"
      />

      <div className="absolute inset-0 bg-gradient-to-br from-gray-900/90 to-gray-800/80" />

      {/* Content */}
      <div className="relative z-10">
        <h2 className="text-white font-bold text-xl text-center">
          Apply for Ignite-100
        </h2>
        <p className="text-green-100 text-sm mt-3 text-center">
          Fill in the form below, it takes about 3 minutes
        </p>
      </div>
    </div>
  );
};

export default FormHeader;