import Image from 'next/image'
import React from 'react'
import Link from 'next/link'

type HeaderProps={
    heading:string;
    paragraph:string;
    linkName:string;
    linkURL:string;
}

export default function Header({heading, paragraph, linkName, linkURL}:HeaderProps) {
  return (
    <div className='mb-10'>
        <div className='flex justify-center'>
            <Image src={'/images/jazzagian-logo.png'} width={100} height={100} alt='JazzAgain'  className=' w-44'/>
        </div>
        <h2 className='mt-6 text-center text-3xl font-extrabold text-[#FF332B]'>
           {heading}
        </h2>
        <p className='text-center text-sm text-gray-600 mt-5'>
           {paragraph}
            <Link href={linkURL} className='font-medium text-[#FF332B] hover:text-[#FF332B]'>
                {linkName}
            </Link>
        </p>
    </div>
  )
}