diff --git a/src/app/catalog/page.tsx b/src/app/catalog/page.tsx
index f44eae7..8bb893c 100644
--- a/src/app/catalog/page.tsx
+++ b/src/app/catalog/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useState, useCallback, useRef } from "react";
+import { useEffect, useState, useCallback, useRef, Suspense } from "react";
 import { Card, CardContent, CardHeader } from "@/components/ui/card";
 import Image from "next/image";
 import Icon from "@/components/ui/icon";
@@ -49,7 +49,7 @@ export const defaultFilters: CatalogFilters = {
     arrivalTime: "13:00",
 };
 
-export default function CatalogPage() {
+function CatalogPageContent() {
     const [isFiltersOpen, setIsFiltersOpen] = useState(false);
     const searchParams = useSearchParams();
     const router = useRouter();
@@ -487,3 +487,11 @@ export default function CatalogPage() {
         </main>
     );
 }
+
+export default function CatalogPage() {
+    return (
+        <Suspense fallback={<div className="bg-[#f4f4f4] grow flex items-center justify-center">Загрузка...</div>}>
+            <CatalogPageContent />
+        </Suspense>
+    );
+}
diff --git a/src/app/confirm/page.tsx b/src/app/confirm/page.tsx
index 800c3ac..c71fbe1 100644
--- a/src/app/confirm/page.tsx
+++ b/src/app/confirm/page.tsx
@@ -4,13 +4,13 @@ import { Button } from "@/components/ui/button";
 import Image from "next/image";
 import Link from "next/link";
 import { User, ArrowUpRight, Map, ArrowLeft, Heart } from "lucide-react";
-import { useEffect, useState } from "react";
+import { useEffect, useState, Suspense } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import useApiClient from "@/hooks/useApiClient";
 import { getImageUrl } from "@/lib/utils";
 import { differenceInHours, parseISO } from "date-fns";
 
-export default function ConfirmPage() {
+function ConfirmPageContent() {
   const [yacht, setYacht] = useState<CatalogItemLongDto | null>(null);
   const [totalHours, setTotalHours] = useState<number>(0);
   const [totalPrice, setTotalPrice] = useState<number>(0);
@@ -529,3 +529,11 @@ export default function ConfirmPage() {
     </main>
   );
 }
+
+export default function ConfirmPage() {
+  return (
+    <Suspense fallback={<div className="bg-[#f4f4f4] grow flex items-center justify-center">Загрузка...</div>}>
+      <ConfirmPageContent />
+    </Suspense>
+  );
+}
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index ad910d7..883aeb0 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -2,7 +2,9 @@ import * as React from "react";
 import { cn } from "@/lib/utils";
 
 export interface InputProps
-    extends React.InputHTMLAttributes<HTMLInputElement> {}
+    extends React.InputHTMLAttributes<HTMLInputElement> {
+    pisun?: string
+}
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
     ({ className, type, ...props }, ref) => {