fix(all)

frontend/src/pages/About.jsx

@@ -1,24 +1,28 @@
 import PageLayout from "../components/PageLayout";
-import { useState, useEffect } from "react"
-import * as api from '../api/index'
+import FishBack from "../assets/Исходники/fish1.jpg";
 
 export default function Shop() {
-
-  const [items, setItems] = useState([])
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    pa
-  })
-
-
-
   return (
     <PageLayout>
-      <main className="px-16 grow w-full">
-        <div className="flex flex-row text-white">
-          <div className="text-4xl flex-col">
-            <h1 className="uppercase">fish fish</h1>
+      <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>

frontend/src/pages/Main.jsx

@@ -17,7 +17,7 @@ export default function Dashboard() {
         className="px-5 md:px-16 grow w-full bg-cover bg-center bg-no-repeat h-screen overflow-hidden"
         style={{ backgroundImage: `url(${bgLayout})` }}
       >
-        <div className="mt-10 md:mt-37.5 leading-[1.3] text-2xl md:text-6xl font-bold text-white flex flex-col">
+        <div className="mt-10 md:mt-37.5 text-2xl md:text-6xl font-bold text-white flex flex-col">
           <div
             className={`transition-all duration-1000 ease-out ${isLoaded
                 ? "translate-x-0 opacity-100"

frontend/src/pages/NotFoundPage.jsx

@@ -0,0 +1,11 @@
+import PageLayout from "../components/PageLayout";
+
+export default function NotFounePage() {
+  return (
+    <PageLayout>
+      <main className="px-6 md:px-16 grow w-full flex text-white items-center justify-center font-black text-6xl">
+        <h1>Страница не найдена :c</h1>
+      </main>
+    </PageLayout>
+  );
+}

frontend/src/pages/Shop.jsx

@@ -41,7 +41,7 @@ export default function Shop() {
   return (
     <PageLayout>
       <main className="px-6 md:px-16 grow w-full ">
-        <h1 className="text-2xl text-white text-medium md:mt-10">
+        <h1 className="text-2xl md:text-4xl text-white font-medium md:mt-10">
           Ассортимент
         </h1>
         <CategoryTabs
@@ -49,7 +49,7 @@ export default function Shop() {
           activeCategory={activeCategory}
           onSelectCategory={setActiveCategory}
         />
-        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-4">
+        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6 mb-4">
           {filteredItems.map((item) => (
             <CardItem key={item.id} item={item} onAddToCart={handleAddToCart} />
           ))}