Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
@@ -36,7 +36,7 @@ export default function LandingPage() {
         {
           name: "قهوتنا",          id: "#coffee-experience"},
         {
-          name: "حلويات",          id: "#desserts"},
+          name: "حلويات",          id: "#products"},
         {
           name: "معرض الصور",          id: "#gallery"},
         {
@@ -117,7 +117,7 @@ export default function LandingPage() {
           imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-smiling_158595-2427.jpg",          imageAlt: "صورة يوسف العلي"},
         {
           id: "5",          name: "فاطمة أحمد",          handle: "@FatimaAhmed",          testimonial: "مكان مثالي لتصوير القهوة والحلويات، كل زاوية فيه تحفة فنية. تجربة كاملة من الألف إلى الياء.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-great-time-with-friends_23-2149286535.jpg",          imageAlt: "صورة فاطمة أحمد"},
+          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-great-time-with-friends_23-2149286535.jpg",          alt: "صورة فاطمة أحمد"},
       ]}
       showRating={true}
       title="آراء العملاء"
@@ -219,16 +219,29 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{
+      title="تواصل معنا"
-        variant: "radial-gradient"}}
+      description="لديك أسئلة، اقتراحات، أو ترغب بحجز مكان؟ املأ النموذج وسنتواصل معك."
-      tag="تواصل معنا"
+      inputs={[
-      title="قهوتك القادمة تنتظرك"
+        {
-      description="سواء كنت ترغب في الطلب، الاستفسار، أو زيارتنا، نحن هنا لخدمتك. موقعنا في البحرين، ونقدم طلبات السفر."
+          name: "name",          type: "text",          placeholder: "اسمك الكامل",          required: true
-      inputPlaceholder="أدخل بريدك الإلكتروني"
+        },
-      buttonText="اطلب الآن ☕"
+        {
-      termsText="بالنقر على اشترك، أنت توافق على شروطنا وأحكامنا."
+          name: "email",          type: "email",          placeholder: "بريدك الإلكتروني",          required: true
+        },
+        {
+          name: "phone",          type: "tel",          placeholder: "رقم هاتفك (اختياري)"
+        },
+      ]}
+      textarea={{
+        name: "message",        placeholder: "رسالتك/استفسارك",        rows: 5,
+        required: true
+      }}
+      buttonText="إرسال الرسالة"
+      imageSrc="http://img.b2bpic.net/free-photo/young-man-working-with-laptop-coffee-shop_23-2147774211.jpg"
+      imageAlt="Young man working on a laptop in a coffee shop"
+      mediaPosition="left"
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FFFFFF;
+  --background: #e3deea;
-  --card: #F7F7F7;
+  --card: #ffffff;
-  --foreground: #2E1A47;
+  --foreground: #27231f;
-  --primary-cta: #D4B47C;
+  --primary-cta: #27231f;
-  --primary-cta-text: #2E1A47;
+  --primary-cta-text: #e3deea;
-  --secondary-cta: #FFFFFF;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #2E1A47;
+  --secondary-cta-text: #27231f;
-  --accent: #5A3A2C;
+  --accent: #c68a62;
-  --background-accent: #E3DEEA;
+  --background-accent: #c68a62;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);