Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -38,9 +38,12 @@ export default function LandingPage() {
         {
           name: "من نحن",          id: "about"},
         {
-          name: "تواصل معنا",          id: "contact"},
+          name: "حجز طاولة",          id: "contact"},
       ]}
       brandName="نكهة المطعم"
+      button={{
+        text: "حجز طاولة",        href: "#contact"
+      }}
     />
   </div>
 
@@ -206,14 +209,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="تواصل معنا"
+      title="حجز طاولة"
-      description="نحن جاهزون لسماع اقتراحاتكم والرد على استفساراتكم."
+      description="يرجى تعبئة بيانات الحجز وسنتواصل معكم لتأكيد الحجز."
       inputs={[
         {
-          name: "name",          type: "text",          placeholder: "الاسم الكامل"},
+          name: "name",          type: "text",          placeholder: "الاسم الكامل",          required: true},
         {
-          name: "email",          type: "email",          placeholder: "البريد الإلكتروني"},
+          name: "phone",          type: "tel",          placeholder: "رقم الهاتف",          required: true},
+        {
+          name: "date",          type: "date",          placeholder: "التاريخ",          required: true},
+        {
+          name: "guests",          type: "number",          placeholder: "عدد الأشخاص",          required: true},
       ]}
+      buttonText="إرسال طلب الحجز"
+      onSubmit={(data) => {
+        console.log("Sending reservation to: reservations@restaurant.com", data);
+      }}
       imageSrc="http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821358.jpg"
       imageAlt="modern restaurant entrance night"
     />