ShrimpDelightSite/app/components/banner/banner.tsx
2026-07-11 15:20:14 -06:00

29 lines
955 B
TypeScript

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>
);
}