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

const ExclusiveRudrakshaBanner = () => {
  return (
    <div className='min-h-[50vh] sm:block hidden'>
      <div className="h-[55vh] bg-[url('/exclusive/exclusive_banner.webp')]">
        <div className='max-w-7xl mx-auto flex gap-2 h-full w-full justify-center items-center'>
            <Image src={'/exclusive/medium.avif'} height={400} width={400} alt='' />
            <div className=''>
                <h1 className='text-5xl font-serif tracking-wider mb-4 text-white'>Exclusive and Rare Rudraksha Collection at Gupta Rudraksha ®️</h1>
                <h2 className='text-lg text-white'>Discover the exclusive and rare Rudraksha collection only at Gupta Rudraksha. Our lab-certified, high-quality beads channel ancient spiritual energies for peace, prosperity, and personal growth. Each bead is meticulously chosen to ensure authenticity and potency, providing powerful benefits. Experience genuine, transformative spiritual tools to enhance your life&apos;s journey with Gupta Rudraksha.</h2>
            </div>
        </div>
      </div>
    </div>
  )
}

export default ExclusiveRudrakshaBanner
