Electro function المكون_الرئيسي() { const [الاسم, تعيين_الاسم] = React.useState(''); const [البريد_الإلكتروني, تعيين_البريد_الإلكتروني] = React.useState(''); const [الهاتف, تعيين_الهاتف] = React.useState(''); const [الرسالة, تعيين_الرسالة] = React.useState(''); const معالجة_الإرسال = (الحدث) => { الحدث.منع_السلوك_الافتراضي(); // أضف هنا منطق معالجة استمارة الإرسال }; return ( <div className="flex flex-wrap"> <div className="w-full md:w-1/2 h-screen bg-cover bg-center" style={{ backgroundImage: "url('./real-estate-banner.jpg')" }}> <div className="flex items-center justify-center h-full bg-black bg-opacity-50 px-4"> <div className="text-center"> <h1 className="text-4xl font-semibold text-white mb-6 font-crimson-text">مرحبا بكم في استثمارات برستيج</h1> <p className="text-xl text-white mb-4 font-roboto">استثمر في مستقبل العقارات</p> </div> </div> </div> <div className="w-full md:w-1/2 flex flex-col justify-center items-center px-4"> <div className="w-full max-w-[600px] bg-white rounded-lg shadow-md p-8 m-4"> <h2 className="text-3xl font-semibold text-center text-[#333] mb-8 font-crimson-text">تواصل مع فريق الاستثمار لدينا</h2> <form onSubmit={معالجة_الإرسال}> <div className="mb-4"> <label htmlFor="الاسم" className="block text-md font-medium text-[#666] mb-2 font-roboto">الاسم الكامل</label> <input type="text" id="الاسم" name="الاسم" className="w-full px-3 py-2 border rounded text-[#333] shadow-sm focus:outline-none focus:border-[#666] font-roboto" value={الاسم} onChange={(الحدث) => تعيين_الاسم(الحدث.target.value)} required /> </div> <div className="mb-4"> <label htmlFor="البريد_الإلكتروني" className="block text-md font-medium text-[#666] mb-2 font-roboto">البريد الإلكتروني</label> <input type="email" id="البريد_الإلكتروني" name="البريد_الإلكتروني" className="w-full px-3 py-2 border rounded text-[#333] shadow-sm focus:outline-none focus:border-[#666] font-roboto" value={البريد_الإلكتروني} onChange={(الحدث) => تعيين_البريد_الإلكتروني(الحدث.target.value)} required /> </div> <div className="mb-4"> <label htmlFor="الهاتف" className="block text-md font-medium text-[#666] mb-2 font-roboto">رقم الهاتف</label> <input type="tel" id="الهاتف" name="الهاتف" className="w-full px-3 py-2 border rounded text-[#333] shadow-sm focus:outline-none focus:border-[#666] font-roboto" value={الهاتف} onChange={(الحدث) => تعيين_الهاتف(الحدث.target.value)} required /> </div> {/* ... بقية الكود ... Site