\n The Trade In Trainer Corner\n

Fresh kicks, second chances ✨

{averageRating}

★ Rating

\n setShowFeedbackForm(true)}\n className=\"btn-secondary text-sm\"\n >\n Leave Review\n \n

\n\n {/* Hero Section */}\n

\n Step Into Style 🔥\n

\n Discover pre-loved trainers that still got that main character energy\n

\n ✅ Authenticated\n 🚚 Fast Shipping\n 💳 Secure Payment\n ⭐ Quality Checked\n

\n\n {/* Trainers Grid */}\n

\n Available Trainers\n

\n \n {trainers.length === 0 ? (\n

👟

No trainers available right now

Check back soon for fresh drops!

\n ) : (\n

\n {trainers.map((trainer, index) => (\n

\n handleBuyTrainer(trainer)}\n />\n

\n ))}\n

\n )}\n

\n\n {/* Customer Reviews */}\n {feedback.length > 0 && (\n

\n What Our Customers Say\n

\n {feedback.slice(0, 6).map((review, index) => (\n

\n {[1, 2, 3, 4, 5].map((star) => (\n \n ★\n \n ))}\n

\n \n {new Date(review.createdAt).toLocaleDateString()}\n \n

\"{review.message}\"

- {review.customerName}

\n ))}\n

\n )}\n\n {/* Footer */}\n \n\n {/* Modals */}\n {showPaymentModal && selectedTrainer && (\n setShowPaymentModal(false)}\n onSuccess={handlePaymentSuccess}\n />\n )}\n\n {showFeedbackForm && (\n setShowFeedbackForm(false)}\n onSubmit={handleFeedbackSubmit}\n />\n )}\n

\n );\n};\n\nexport default App;","deleted","label",[175,176,157],"frontend","components","permalink","https://www.val.town/x/MRPRRSIDENT/Paymentsys/code/frontend/components/App.tsx","extension","actionData","errors"]