'use client'; import { useState, useEffect } from 'react'; import { contactConfig } from '../../../lib/useContact'; interface ContactInfo { title: string; company: string; address: string; email: string; phone: string; form: { name: string; phone: string; message: string; submit: string; }; } interface ContactSectionProps { contact: ContactInfo; language: string; } export default function ContactSection({ contact, language }: ContactSectionProps) { const [formData, setFormData] = useState({ name: '', phone: '', message: '', }); const [isSubmitting, setIsSubmitting] = useState(false); const [submitStatus, setSubmitStatus] = useState<'idle' | 'success' | 'error'>('idle'); const [mounted, setMounted] = useState(false); useEffect(() => { setMounted(true); }, []); const handleInputChange = (e: React.ChangeEvent) => { const { name, value } = e.target; setFormData((prev) => ({ ...prev, [name]: value, })); }; const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); setIsSubmitting(true); setSubmitStatus('idle'); try { const response = await fetch('https://formspree.io/f/mldbwvwo', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ name: formData.name, phone: formData.phone, message: formData.message, language: language, source: 'website_contact_form', }), }); if (response.ok) { setSubmitStatus('success'); setFormData({ name: '', phone: '', message: '' }); // Show success message for 5 seconds setTimeout(() => { setSubmitStatus('idle'); }, 5000); } else { setSubmitStatus('error'); } } catch (error) { console.error('Form submission error:', error); setSubmitStatus('error'); } finally { setIsSubmitting(false); } }; return (

{contact.title}

{contact.company}

📍 {contact.address}
✉️ {contact.email}
📞 {contact.phone}
{/* Telegram图标 */} {/* WhatsApp图标 */} {/* Facebook图标 - 注释保留 */} {/* */} {/* 电话图标 */}