diff --git a/src/app/profile/yachts/page.tsx b/src/app/profile/yachts/page.tsx new file mode 100644 index 0000000..54c5e35 --- /dev/null +++ b/src/app/profile/yachts/page.tsx @@ -0,0 +1,214 @@ +import Link from "next/link"; +import Image from "next/image"; +import ProfileSidebar from "@/app/profile/components/ProfileSidebar"; +import { MoveHorizontal, Users } from "lucide-react"; +import { getImageUrl, formatMinCost } from "@/lib/utils"; +import { Button } from "@/components/ui/button"; + +interface Yacht { + id: string; + name: string; + image: string; + length: number; + capacity: number; + minCost: number; + status: "active" | "moderation" | "archive"; +} + +// Моковые данные для демонстрации +const mockYachts: Yacht[] = [ + { + id: "1", + name: "KALLISTE", + image: "/images/yachts/yacht1.jpg", + length: 14, + capacity: 10, + minCost: 26400, + status: "active", + }, + { + id: "2", + name: "Señorita", + image: "/images/yachts/yacht2.jpg", + length: 14, + capacity: 10, + minCost: 37620, + status: "active", + }, +]; + +export default function YachtsPage() { + const yachts = mockYachts; + + return ( +
+
+ {/* Breadcrumbs */} +
+ + + Аренда яхты + + + > + + + Личный кабинет + + + > + Мои яхты +
+ +
+ {/* Sidebar */} + + + {/* Main Content */} +
+ {/* Header with Add Button */} +
+

Мои яхты

+ + + +
+ + {/* Yachts List */} +
+ {yachts.length === 0 ? ( +
+ Нет яхт в этой категории +
+ ) : ( + yachts.map((yacht, index) => ( +
+
+
+ {/* Image Section */} +
+ {yacht.name} + {/* Yacht Details Overlay */} +
+
+
+ + + { + yacht.length + }{" "} + метров + +
+
+ +
+
+ + + { + yacht.capacity + } + +
+
+
+
+ + {/* Details Section */} +
+
+
+
+

+ {yacht.name} +

+
+
+ Длина: +
+
+ { + yacht.length + }{" "} + метров +
+
+
+
+ Вместимость: +
+
+ { + yacht.capacity + }{" "} + человек +
+
+
+
+ Стоимость: +
+
+ {formatMinCost( + yacht.minCost + )}{" "} + / час +
+
+
+
+
+
+ + Посмотреть + объявление + + + Редактировать + +
+
+
+
+
+
+
+ )) + )} +
+
+
+
+
+ ); +}