...
This commit is contained in:
@@ -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">
|
||||
|
Reference in New Issue
Block a user