import Image from "next/image";
import shrimp3D from "./shrimp.png";

export default function Banner() {
    return (
        <section className="w-full flex bg-tangerine-dream-shrimp items-center justify-center md:gap-[30px] gap-[0] text-3xl text-space-shrimp-blue py-3 lg:px-25 px-5">
            <Image
                loading="eager"
                src={shrimp3D}
                alt="3D modeled shrimp"
                width={774}
                height={605}
                className="md:w-[150px] w-[75px] h-auto"
            />
            <h1 className="w-fit text-nowrap md:text-5xl text-2xl">
                SHRIMP SQUAD
            </h1>
            <Image
                loading="eager"
                className="transform-[scaleX(-1)] md:w-[150px] w-[75px] h-auto"
                src={shrimp3D}
                alt="3D modeled shrimp"
                width={774}
                height={605}
            />
        </section>
    );
}