import PageLayout from "../components/PageLayout";
import FishBack from "../assets/Исходники/fish1.jpg";

export default function Shop() {
  return (
    <PageLayout>
      <main className="px-6 md:px-16 grow w-full mb-6">
        <div className="flex flex-col text-white text-2xl font-medium">
          <div className="uppercase text-2xl md:text-4xl md:mt-10">
            fish fish
          </div>
          <div className="flex flex-col md:flex-row items-center justify-between mt-7.5 md:mt-15 w-full">
            <div className="text-white text-lg md:text-3xl font-medium md:font-extralight w-full md:w-2/3 md:px-[12.5%] flex flex-col items-center mt-7.5 justify-center text-center md:items-start md:text-left md:p-6 ">
              Мы FISH FISH занимаемся доставкой свежих морепродуктов и рыбы на
              любой вкус. Всегда только свежие продукты в охлажденном состоянии,
              герметичной упаковке. Наши курьеры привозят рыбу и морепродукты в
              переносных холодильных пакетах или камерах. Качество продукции для
              нас выше всего!
            </div>
            <div className="md:w-1/3 md:ml-auto">
              <img
                src={FishBack}
                className="w-full object-contain max-h-150 rounded md:w-auto"
              />
            </div>
          </div>
        </div>
      </main>
    </PageLayout>
  );
}
