web-humas-fe/components/landing/banner.tsx

'use client'
import Image from 'next/image';
import 'slick-carousel/slick/slick-theme.css';
import 'slick-carousel/slick/slick.css';

export default function Banner() {
    const settings = {
        dots: true,
        infinite: true,
        speed: 500,
        slidesToShow: 3,
        slidesToScroll: 3
    };
    ``
    return (
        <div className='flex flex-wrap'>
            <div className='h-auto w-full relative'>
                <img src="/banner2.png" width={'100%'} height={'100%'} />
            </div>
        </div>
    )
}