Nutze informelles Deutsch, also "Du" statt "Sie".

This commit is contained in:
Quests Agent
2025-09-29 18:13:22 +02:00
parent 11d17213c1
commit afb24220c7
4 changed files with 16 additions and 16 deletions

View File

@@ -120,11 +120,11 @@ function App() {
<div> <div>
<div className="text-center mb-8"> <div className="text-center mb-8">
<h2 className="text-3xl font-bold text-gray-900 mb-4"> <h2 className="text-3xl font-bold text-gray-900 mb-4">
Buchen Sie Ihre perfekte Nagelbehandlung Buche deine perfekte Nagelbehandlung
</h2> </h2>
<p className="text-lg text-gray-600 max-w-2xl mx-auto"> <p className="text-lg text-gray-600 max-w-2xl mx-auto">
Erleben Sie professionelle Nagelpflege mit unseren Experten. Erlebe professionelle Nagelpflege mit unseren Experten.
Wählen Sie aus unserem breiten Angebot an Behandlungen und buchen Sie noch heute Ihren Termin. Wähle aus unserem breiten Angebot an Behandlungen und buche noch heute deinen Termin.
</p> </p>
</div> </div>
<BookingForm /> <BookingForm />
@@ -138,7 +138,7 @@ function App() {
Behandlungen verwalten Behandlungen verwalten
</h2> </h2>
<p className="text-lg text-gray-600"> <p className="text-lg text-gray-600">
Hinzufügen, bearbeiten und verwalten Sie Ihre Nagelbehandlungen. Füge Behandlungen hinzu, bearbeite und verwalte deine Nagelbehandlungen.
</p> </p>
</div> </div>
<AdminTreatments /> <AdminTreatments />
@@ -152,7 +152,7 @@ function App() {
Buchungen verwalten Buchungen verwalten
</h2> </h2>
<p className="text-lg text-gray-600"> <p className="text-lg text-gray-600">
Sehen und verwalten Sie Kundentermine und Buchungen. Sieh dir Kundentermine an und verwalte Buchungen.
</p> </p>
</div> </div>
<AdminBookings /> <AdminBookings />
@@ -166,7 +166,7 @@ function App() {
Benutzerprofil Benutzerprofil
</h2> </h2>
<p className="text-lg text-gray-600"> <p className="text-lg text-gray-600">
Verwalten Sie Ihre Kontoinformationen und Einstellungen. Verwalte deine Kontoinformationen und Einstellungen.
</p> </p>
</div> </div>
<UserProfile /> <UserProfile />

View File

@@ -18,7 +18,7 @@ export function AdminBookings() {
); );
const getTreatmentName = (treatmentId: string) => { const getTreatmentName = (treatmentId: string) => {
return treatments?.find(t => t.id === treatmentId)?.name || "Unknown Treatment"; return treatments?.find(t => t.id === treatmentId)?.name || "Unbekannte Behandlung";
}; };
const getStatusColor = (status: string) => { const getStatusColor = (status: string) => {
@@ -138,7 +138,7 @@ export function AdminBookings() {
<td className="px-6 py-4 whitespace-nowrap"> <td className="px-6 py-4 whitespace-nowrap">
<div className="text-sm text-gray-900">{getTreatmentName(booking.treatmentId)}</div> <div className="text-sm text-gray-900">{getTreatmentName(booking.treatmentId)}</div>
{booking.notes && ( {booking.notes && (
<div className="text-sm text-gray-500">Notes: {booking.notes}</div> <div className="text-sm text-gray-500">Notizen: {booking.notes}</div>
)} )}
</td> </td>
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
@@ -202,8 +202,8 @@ export function AdminBookings() {
{!filteredBookings?.length && ( {!filteredBookings?.length && (
<div className="text-center py-8 text-gray-500"> <div className="text-center py-8 text-gray-500">
{selectedDate {selectedDate
? `No bookings found for ${new Date(selectedDate).toLocaleDateString()}` ? `Keine Buchungen für ${new Date(selectedDate).toLocaleDateString()} gefunden`
: "No bookings available." : "Keine Buchungen verfügbar."
} }
</div> </div>
)} )}

View File

@@ -245,7 +245,7 @@ export function AdminTreatments() {
</button> </button>
<button <button
onClick={() => { onClick={() => {
if (confirm("Are you sure you want to delete this treatment?")) { if (confirm("Bist du sicher, dass du diese Behandlung löschen möchtest?")) {
deleteTreatment(treatment.id); deleteTreatment(treatment.id);
} }
}} }}
@@ -261,7 +261,7 @@ export function AdminTreatments() {
{!treatments?.length && ( {!treatments?.length && (
<div className="text-center py-8 text-gray-500"> <div className="text-center py-8 text-gray-500">
No treatments available. Add your first treatment to get started. Keine Behandlungen verfügbar. Füge deine erste Behandlung hinzu, um zu starten.
</div> </div>
)} )}
</div> </div>

View File

@@ -64,7 +64,7 @@ export function BookingForm() {
const handleSubmit = (e: React.FormEvent) => { const handleSubmit = (e: React.FormEvent) => {
e.preventDefault(); e.preventDefault();
if (!selectedTreatment || !customerName || !customerEmail || !customerPhone || !appointmentDate || !appointmentTime) { if (!selectedTreatment || !customerName || !customerEmail || !customerPhone || !appointmentDate || !appointmentTime) {
alert("Bitte füllen Sie alle erforderlichen Felder aus"); alert("Bitte fülle alle erforderlichen Felder aus");
return; return;
} }
@@ -85,7 +85,7 @@ export function BookingForm() {
setAppointmentDate(""); setAppointmentDate("");
setAppointmentTime(""); setAppointmentTime("");
setNotes(""); setNotes("");
alert("Buchung erfolgreich erstellt! Wir werden Sie kontaktieren, um Ihren Termin zu bestätigen."); alert("Buchung erfolgreich erstellt! Wir werden dich kontaktieren, um deinen Termin zu bestätigen.");
} }
}); });
}; };
@@ -95,7 +95,7 @@ export function BookingForm() {
return ( return (
<div className="max-w-2xl mx-auto bg-white rounded-lg shadow-lg p-6"> <div className="max-w-2xl mx-auto bg-white rounded-lg shadow-lg p-6">
<h2 className="text-2xl font-bold text-gray-900 mb-6">Buchen Sie Ihre Nagelbehandlung</h2> <h2 className="text-2xl font-bold text-gray-900 mb-6">Buche deine Nagelbehandlung</h2>
<form onSubmit={handleSubmit} className="space-y-6"> <form onSubmit={handleSubmit} className="space-y-6">
{/* Treatment Selection */} {/* Treatment Selection */}
@@ -109,7 +109,7 @@ export function BookingForm() {
className="w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-pink-500 focus:border-pink-500" className="w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-pink-500 focus:border-pink-500"
required required
> >
<option value="">Wählen Sie eine Behandlung</option> <option value="">Wähle eine Behandlung</option>
{treatments?.map((treatment) => ( {treatments?.map((treatment) => (
<option key={treatment.id} value={treatment.id}> <option key={treatment.id} value={treatment.id}>
{treatment.name} - ${(treatment.price / 100).toFixed(2)} ({treatment.duration} min) {treatment.name} - ${(treatment.price / 100).toFixed(2)} ({treatment.duration} min)