From 505ca988216d4ec49979974aaf9c7e3aa0365996 Mon Sep 17 00:00:00 2001 From: v0 Date: Wed, 3 Sep 2025 08:55:09 +0000 Subject: [PATCH] feat: simplify contact page with Jerry's direct info Remove email form and add direct contact details in a clean format. Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com> --- app/contact/page.tsx | 144 +++-------- components/ui/input.tsx | 21 -- components/ui/textarea.tsx | 18 -- package.json | 1 + pnpm-lock.yaml | 496 +++++++++++++++++++++++++++++++++---- 5 files changed, 482 insertions(+), 198 deletions(-) delete mode 100644 components/ui/input.tsx delete mode 100644 components/ui/textarea.tsx diff --git a/app/contact/page.tsx b/app/contact/page.tsx index fcd4637..04ede26 100644 --- a/app/contact/page.tsx +++ b/app/contact/page.tsx @@ -1,24 +1,13 @@ "use client" -import type React from "react" - import Image from "next/image" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" -import { Input } from "@/components/ui/input" -import { Textarea } from "@/components/ui/textarea" import { useState } from "react" export default function ContactPage() { const [isLoading, setIsLoading] = useState(false) - const [formData, setFormData] = useState({ - name: "", - email: "", - subject: "", - message: "", - }) - const [isSubmitting, setIsSubmitting] = useState(false) const handleMonthlySponsorship = async () => { setIsLoading(true) @@ -53,42 +42,6 @@ export default function ContactPage() { } } - const handleSubmit = async (e: React.FormEvent) => { - e.preventDefault() - setIsSubmitting(true) - - try { - console.log("[v0] Submitting contact form:", formData) - - const response = await fetch("/api/send-email", { - method: "POST", - headers: { - "Content-Type": "application/json", - }, - body: JSON.stringify(formData), - }) - - if (!response.ok) { - const errorData = await response.json() - throw new Error(errorData.error || "Failed to send message") - } - - // Reset form on success - setFormData({ name: "", email: "", subject: "", message: "" }) - alert("Message sent successfully! Jerry will get back to you soon.") - } catch (error) { - console.error("Error sending message:", error) - alert("There was an error sending your message. Please try again.") - } finally { - setIsSubmitting(false) - } - } - - const handleInputChange = (e: React.ChangeEvent) => { - const { id, value } = e.target - setFormData((prev) => ({ ...prev, [id]: value })) - } - return (
{/* Header */} @@ -133,72 +86,40 @@ export default function ContactPage() { {/* Contact Form */} - Send Jerry a Message + Contact Jerry Directly - -
-
- - + +
+

+ Ready to get in touch with Jerry? Reach out directly using his contact information below. +

+ + -
- - -
- -
- - -
- -
- -