bender/31356f6e-fb94-4664-adb2-8cc13a700c54
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 21:53:19 +00:00
parent c46979419d
commit 85e28ada26
1 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/app/page.tsx
View File

@@ -15,9 +15,9 @@ import { useState } from 'react';
export default function LandingPage() {
const [formData, setFormData] = useState({
phoneNumber: '',
email: '',
workType: '',
email: '',
phoneNumber: '',
});
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
@@ -33,9 +33,9 @@ export default function LandingPage() {
console.log('Quote form submitted:', formData);
// Handle form submission here
setFormData({
phoneNumber: '',
email: '',
workType: '',
email: '',
phoneNumber: '',
});
};
@@ -211,38 +211,6 @@ export default function LandingPage() {
<form onSubmit={handleSubmit} className="bg-card rounded-lg p-8 shadow-lg border border-accent">
<div className="mb-6">
<label htmlFor="phoneNumber" className="block text-sm font-medium mb-2">
Phone Number <span className="text-red-500">*</span>
</label>
<input
type="tel"
id="phoneNumber"
name="phoneNumber"
value={formData.phoneNumber}
onChange={handleInputChange}
placeholder="(555) 123-4567"
required
className="w-full px-4 py-3 border border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta"
/>
</div>
<div className="mb-6">
<label htmlFor="email" className="block text-sm font-medium mb-2">
Email Address <span className="text-red-500">*</span>
</label>
<input
type="email"
id="email"
name="email"
value={formData.email}
onChange={handleInputChange}
placeholder="your@email.com"
required
className="w-full px-4 py-3 border border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta"
/>
</div>
<div className="mb-8">
<label htmlFor="workType" className="block text-sm font-medium mb-2">
Type of Work Needed <span className="text-red-500">*</span>
</label>
@@ -265,6 +233,38 @@ export default function LandingPage() {
</select>
</div>
<div className="mb-6">
<label htmlFor="email" className="block text-sm font-medium mb-2">
Email Address <span className="text-red-500">*</span>
</label>
<input
type="email"
id="email"
name="email"
value={formData.email}
onChange={handleInputChange}
placeholder="your@email.com"
required
className="w-full px-4 py-3 border border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta"
/>
</div>
<div className="mb-8">
<label htmlFor="phoneNumber" className="block text-sm font-medium mb-2">
Phone Number <span className="text-red-500">*</span>
</label>
<input
type="tel"
id="phoneNumber"
name="phoneNumber"
value={formData.phoneNumber}
onChange={handleInputChange}
placeholder="(555) 123-4567"
required
className="w-full px-4 py-3 border border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta"
/>
</div>
<button
type="submit"
className="w-full bg-primary-cta text-white font-semibold py-3 rounded-lg hover:opacity-90 transition-opacity"
@@ -309,4 +309,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}