This commit is contained in:
2025-07-24 21:09:47 +02:00
parent aaca5f6d6c
commit 26752c8b03
7 changed files with 69 additions and 68 deletions

View File

@@ -8,18 +8,18 @@ function Step1Form({ formData, handleInputChange, formError }) {
return (
<>
{/* How Do You Want to Get Involved? */}
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-background">
<div className="max-w-6xl mx-auto">
<div className="text-center space-y-8 mb-12">
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">How Do You Want to Get Involved?</h2>
<h2 className="text-3xl md:text-4xl font-bold text-foreground">How Do You Want to Get Involved?</h2>
</div>
{formError && (
<div className="flex items-center gap-2 p-4 bg-red-50 border border-red-200 rounded-lg text-red-800 mb-8">
<div className="flex items-center gap-2 p-4 bg-red-50 border border-red-200 rounded-lg text-red-800 dark:bg-red-950 dark:border-red-700 dark:text-red-200 mb-8">
<AlertCircle className="h-5 w-5" />
<span>{formError}</span>
</div>
)}
<p className="text-lg text-slate-700 mb-8 text-center flex items-center justify-center gap-2">
<p className="text-lg text-muted-foreground mb-8 text-center flex items-center justify-center gap-2">
<ArrowRight className="h-6 w-6 text-blue-600" /> <span className="font-bold">Please select one or more categories below that best describe your interest to reveal specific questions.</span>
</p>
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
@@ -100,9 +100,9 @@ function Step1Form({ formData, handleInputChange, formError }) {
</section>
{/* Contact Form - General Information */}
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-blue-50 to-green-50">
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-background">
<div className="max-w-4xl mx-auto">
<Card className="bg-white shadow-xl">
<Card className="bg-card text-card-foreground shadow-xl">
<CardHeader>
<CardTitle className="text-2xl text-center">Your Contact Details</CardTitle>
<CardDescription className="text-center text-lg">