+
+
+
+
+
+ )
+}
diff --git a/new/wz-app/src/pages/BookingPage.tsx b/new/wz-app/src/pages/BookingPage.tsx
new file mode 100644
index 0000000..aaa0af2
--- /dev/null
+++ b/new/wz-app/src/pages/BookingPage.tsx
@@ -0,0 +1,226 @@
+import { useState, Suspense } from "react"
+import { useSearchParams, useNavigate, Link } from "react-router-dom"
+import { ArrowLeft, Calendar, Clock, CreditCard, Shield, CheckCircle2 } from "lucide-react"
+import { toast } from "@/hooks/use-toast"
+
+const bookingData: Record账号与帮助
+
+ {sections.map((section, sectionIndex) => (
+
+
+
+ ))}
+
+ {section.title}
+
+ {section.items.map((item, itemIndex) => (
+
+ ))}
+
+
+
+ 玩值电竞 v1.0.0
+© 2025 玩值电竞 All Rights Reserved
+
+
+ )
+ }
+
+ return (
+
+
+
+
+
+
+
+ 查看我的订单
+
+ 预约成功!
+
+ 已向 {booking.starName} 发送预约请求
+
+ 请等待确认
+
+
+
+
+
+
确认预约
+
+
+
+
+
+
+ 
+
+
+
+ {booking.starName}
+{booking.serviceName}
+
+ {booking.duration}
+ •
+ {booking.price} 玩值币
+
+
+
+
+
+
+
+
+
+ {availableDates.map((date) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
+ {timeSlots.map((time) => (
+
+ ))}
+
+
+