Update object and function formatting
This commit is contained in:
@@ -56,7 +56,7 @@ const ContactFormSection = () => {
|
|||||||
const resJson = await res.json();
|
const resJson = await res.json();
|
||||||
setError(resJson?.error || "Ein Fehler ist aufgetreten. Bitte versuche es später erneut.");
|
setError(resJson?.error || "Ein Fehler ist aufgetreten. Bitte versuche es später erneut.");
|
||||||
}
|
}
|
||||||
} catch (err) {
|
} catch (_err) {
|
||||||
setError("Serverfehler. Bitte versuche es später erneut.");
|
setError("Serverfehler. Bitte versuche es später erneut.");
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -88,47 +88,16 @@ const ContactFormSection = () => {
|
|||||||
</motion.p>
|
</motion.p>
|
||||||
|
|
||||||
{submitted ? (
|
{submitted ? (
|
||||||
<div className="text-green-600 font-semibold text-lg">✅ Deine Nachricht wurde erfolgreich
|
<div className="text-green-600 font-semibold text-lg">✅ Deine Nachricht wurde erfolgreich gesendet!</div>
|
||||||
gesendet!</div>
|
|
||||||
) : (
|
) : (
|
||||||
<form className="space-y-6" onSubmit={handleSubmit}>
|
<form className="space-y-6" onSubmit={handleSubmit}>
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||||
{[
|
{[
|
||||||
{
|
{ label: "Dein Name *", name: "name", type: "text", required: true, placeholder: "Max Mustermann" },
|
||||||
label: "Dein Name *",
|
{ label: "Deine E-Mail *", name: "email", type: "email", required: true, placeholder: "max@example.com" },
|
||||||
name: "name",
|
{ label: "Firmenname (optional)", name: "company", type: "text", required: false, placeholder: "Mustermann GmbH" },
|
||||||
type: "text",
|
{ label: "Telefonnummer (optional)", name: "phone", type: "tel", required: false, placeholder: "+49 123 456789" },
|
||||||
required: true,
|
{ label: "Webseite (optional)", name: "website", type: "url", required: false, placeholder: "https://..." },
|
||||||
placeholder: "Max Mustermann"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Deine E-Mail *",
|
|
||||||
name: "email",
|
|
||||||
type: "email",
|
|
||||||
required: true,
|
|
||||||
placeholder: "max@example.com"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Firmenname (optional)",
|
|
||||||
name: "company",
|
|
||||||
type: "text",
|
|
||||||
required: false,
|
|
||||||
placeholder: "Mustermann GmbH"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Telefonnummer (optional)",
|
|
||||||
name: "phone",
|
|
||||||
type: "tel",
|
|
||||||
required: false,
|
|
||||||
placeholder: "+49 123 456789"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Webseite (optional)",
|
|
||||||
name: "website",
|
|
||||||
type: "url",
|
|
||||||
required: false,
|
|
||||||
placeholder: "https://..."
|
|
||||||
},
|
|
||||||
].map((field, index) => (
|
].map((field, index) => (
|
||||||
<motion.div
|
<motion.div
|
||||||
key={field.name}
|
key={field.name}
|
||||||
|
|||||||
Reference in New Issue
Block a user