From fe1d728b6f8fe00e9a80cdc100b8f85b044828f0 Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Fri, 20 Mar 2026 00:50:34 +0000
Subject: [PATCH] refactor: streamline contact form input fields and remove
 unnecessary wrappers

Co-authored-by: ASOwnerYT <23545044+ASOwnerYT@users.noreply.github.com>
---
 components/contact.tsx | 138 ++++++++++++++++++++---------------------
 1 file changed, 69 insertions(+), 69 deletions(-)

diff --git a/components/contact.tsx b/components/contact.tsx
index 966f768..97f3e79 100644
--- a/components/contact.tsx
+++ b/components/contact.tsx
@@ -19,7 +19,7 @@ export function Contact() {
     e.preventDefault()
     setIsSubmitting(true)
     setError("")
-    
+
     try {
       const response = await fetch('/api/send-email', {
         method: 'POST',
@@ -36,7 +36,7 @@ export function Contact() {
 
       setIsSubmitted(true)
       setFormData({ name: "", email: "", message: "" })
-      
+
       // Reset success message after 5 seconds
       setTimeout(() => setIsSubmitted(false), 5000)
     } catch (err) {
@@ -81,7 +81,7 @@ export function Contact() {
             <span className="text-balance">Ready to Talk Tech?</span>
           </h2>
           <p className="max-w-2xl mx-auto text-lg text-muted-foreground">
-            Whether you need a new website, cloud hosting, or help with your 
+            Whether you need a new website, cloud hosting, or help with your
             I.T systems, we&apos;re here to help. Get in touch today.
           </p>
         </div>
@@ -90,7 +90,7 @@ export function Contact() {
           {/* Contact Info */}
           <div>
             <h3 className="text-2xl font-bold mb-8">Contact Details</h3>
-            
+
             <div className="space-y-6 mb-12">
               {contactInfo.map((item) => {
                 const Icon = item.icon
@@ -136,7 +136,7 @@ export function Contact() {
             <div className="absolute -inset-4 bg-primary/5 rounded-3xl blur-xl" />
             <div className="relative bg-card border border-border rounded-2xl p-8 lg:p-10">
               <h3 className="text-2xl font-bold mb-6">Send Us a Message</h3>
-              
+
               {isSubmitted ? (
                 <div className="flex flex-col items-center justify-center py-12 text-center">
                   <div className="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center mb-6 animate-bounce">
@@ -151,74 +151,74 @@ export function Contact() {
                 <>
                   {error && (
                     <div className="mb-6 p-4 bg-destructive/10 border border-destructive/50 rounded-lg flex items-center gap-3">
-                      <AlertCircle className="w-5 h-5 text-destructive flex-shrink-0" />
+                      <AlertCircle className="w-5 h-5 text-destructive shrink-0" />
                       <p className="text-sm text-destructive">{error}</p>
                     </div>
                   )}
                   <form onSubmit={handleSubmit} className="space-y-6">
-                  <div className="space-y-2">
-                    <label htmlFor="name" className="text-sm font-medium">
-                      Your Name
-                    </label>
-                    <Input
-                      id="name"
-                      type="text"
-                      placeholder="John Smith"
-                      value={formData.name}
-                      onChange={(e) => setFormData({ ...formData, name: e.target.value })}
-                      required
-                      className="bg-background border-border focus:border-primary transition-colors"
-                    />
-                  </div>
-                  
-                  <div className="space-y-2">
-                    <label htmlFor="email" className="text-sm font-medium">
-                      Email Address
-                    </label>
-                    <Input
-                      id="email"
-                      type="email"
-                      placeholder="john@example.com"
-                      value={formData.email}
-                      onChange={(e) => setFormData({ ...formData, email: e.target.value })}
-                      required
-                      className="bg-background border-border focus:border-primary transition-colors"
-                    />
-                  </div>
-                  
-                  <div className="space-y-2">
-                    <label htmlFor="message" className="text-sm font-medium">
-                      How Can We Help?
-                    </label>
-                    <textarea
-                      id="message"
-                      placeholder="Tell us about your project or what you need help with..."
-                      value={formData.message}
-                      onChange={(e) => setFormData({ ...formData, message: e.target.value })}
-                      required
-                      rows={5}
-                      className="w-full px-4 py-3 bg-background border border-border rounded-lg resize-none focus:outline-none focus:border-primary transition-colors"
-                    />
-                  </div>
-                  
-                  <Button
-                    type="submit"
-                    disabled={isSubmitting}
-                    className="w-full bg-primary text-primary-foreground hover:bg-primary/90 py-6 text-lg transition-all duration-300 hover:scale-[1.02] hover:shadow-lg hover:shadow-primary/25 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100"
-                  >
-                    {isSubmitting ? (
-                      <span className="flex items-center gap-2">
-                        <span className="w-5 h-5 border-2 border-primary-foreground/30 border-t-primary-foreground rounded-full animate-spin" />
-                        Sending...
-                      </span>
-                    ) : (
-                      <span className="flex items-center gap-2">
-                        Send Message
-                        <Send className="w-5 h-5" />
-                      </span>
-                    )}
-                  </Button>
-                </form>
+                    <div className="space-y-2">
+                      <label htmlFor="name" className="text-sm font-medium">
+                        Your Name
+                      </label>
+                      <Input
+                        id="name"
+                        type="text"
+                        placeholder="John Smith"
+                        value={formData.name}
+                        onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+                        required
+                        className="bg-background border-border focus:border-primary transition-colors"
+                      />
+                    </div>
+
+                    <div className="space-y-2">
+                      <label htmlFor="email" className="text-sm font-medium">
+                        Email Address
+                      </label>
+                      <Input
+                        id="email"
+                        type="email"
+                        placeholder="john@example.com"
+                        value={formData.email}
+                        onChange={(e) => setFormData({ ...formData, email: e.target.value })}
+                        required
+                        className="bg-background border-border focus:border-primary transition-colors"
+                      />
+                    </div>
+
+                    <div className="space-y-2">
+                      <label htmlFor="message" className="text-sm font-medium">
+                        How Can We Help?
+                      </label>
+                      <textarea
+                        id="message"
+                        placeholder="Tell us about your project or what you need help with..."
+                        value={formData.message}
+                        onChange={(e) => setFormData({ ...formData, message: e.target.value })}
+                        required
+                        rows={5}
+                        className="w-full px-4 py-3 bg-background border border-border rounded-lg resize-none focus:outline-none focus:border-primary transition-colors"
+                      />
+                    </div>
+
+                    <Button
+                      type="submit"
+                      disabled={isSubmitting}
+                      className="w-full bg-primary text-primary-foreground hover:bg-primary/90 py-6 text-lg transition-all duration-300 hover:scale-[1.02] hover:shadow-lg hover:shadow-primary/25 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100"
+                    >
+                      {isSubmitting ? (
+                        <span className="flex items-center gap-2">
+                          <span className="w-5 h-5 border-2 border-primary-foreground/30 border-t-primary-foreground rounded-full animate-spin" />
+                          Sending...
+                        </span>
+                      ) : (
+                        <span className="flex items-center gap-2">
+                          Send Message
+                          <Send className="w-5 h-5" />
+                        </span>
+                      )}
+                    </Button>
+                  </form>
                 </>
               )}
             </div>