import { fontBangla } from '@/app/layout';
import Image from 'next/image';
import React from 'react';

const Banner = () => {
  return (
    <div className="flex justify-center items-center md:flex-row flex-col-reverse">
      <div className="flex-1 space-y-3.5">
        <h2 className={`${fontBangla.className} text-6xl font-bold`}>
          আপনার শিশুকে দিন একটি  <span className='text-primary'>সুন্দর ভবিষ্যৎ</span>
        </h2>
        <p className='text-xl '>Buy Every Toy With Upto 15% Discount</p>
        <button className='btn btn-primary btn-outline'>Explore Products</button>
      </div>
      <div className="flex-1">
        <Image alt="আপনার শিশুকে দিন একটি সুন্দর ভবিষ্যৎ" src={"/assets/hero.png"} width={500} height={400} />
      </div>
    </div>
  );
};

export default Banner;