"use client"
import React from 'react';
import image1 from "@/assists/banner_20251216211946_5295.png"
import image2 from "@/assists/banner_20251218230918_4386.png"
import image3 from "@/assists/banner_20260118032928_1379.png"
import Image from 'next/image';
const Banner = () => {
    return (
        <div className="flex gap-4 overflow-x-auto md:overflow-hidden py-8 -mx-4 px-4 md:mx-0 md:px-0">
                    <div className="min-w-[280px] md:min-w-[400px] aspect-[4/3] rounded-xl overflow-hidden relative ">
                        <Image src={image3} alt="Screenshot 3" className="w-full h-full object-contain rounded-md" />
                    </div>
                    <div className="min-w-[280px] md:min-w-[400px] aspect-[4/3] rounded-xl overflow-hidden relative">
                        <Image src={image1} alt="Screenshot 1" className="w-full h-full object-contain rounded-md" />
                    </div>
                    <div className="min-w-[280px] md:min-w-[400px] aspect-[4/3] rounded-xl overflow-hidden relative ">
                        <Image src={image2} alt="Screenshot 2" className="w-full h-full object-contain rounded-md" />
                    </div>
                </div>
    );
};

export default Banner;