Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -28,47 +28,24 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "الرئيسية", id: "hero" },
-          name: "Home",
+        { name: "القائمة", id: "products" },
-          id: "hero",
+        { name: "مميزاتنا", id: "features" },
-        },
+        { name: "تقييمات العملاء", id: "testimonials" },
-        {
+        { name: "اتصل بنا", id: "contact" },
-          name: "Signature Dishes",
-          id: "products",
-        },
-        {
-          name: "Why Us",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
-      brandName="Koshary Toma"
+      brandName="كشري تومة"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+      title="كشري تومة - ملوك الكشري في المنصورة"
-      }}
+      description="طعم أصلي يجمع بين العراقة والتميز. جرب قلب مصر في كل طبق."
-      title="The King of Koshary in Mansoura"
-      description="Authentic flavors meet modern excellence. Experience the heart of Egypt in every bowl at Koshary Toma."
       buttons={[
-        {
+        { text: "اطلب عبر واتساب", href: "https://wa.me/2019397" },
-          text: "Order via WhatsApp",
+        { text: "تصفح القائمة", href: "#products" },
-          href: "https://wa.me/2019397",
-        },
-        {
-          text: "View Menu",
-          href: "#products",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg?_wi=1"
     />
@@ -81,51 +58,13 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", name: "تومة بلاس", price: "45 ج.م", variant: "سبايسي", imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-azerbaijani-dish-meat-sage-with-pita-bread-potatoes-tomatoes-green-pepper_141793-4279.jpg?_wi=1" },
-          id: "1",
+        { id: "2", name: "تومة جراند", price: "65 ج.م", variant: "ديلوكس", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-carrot-salad-grated-salad-with-walnuts-garlic-dark-desk-diet-ripe-salad-health-color_140725-110137.jpg" },
-          name: "Toma Plus",
+        { id: "3", name: "تومة كواترو", price: "50 ج.م", variant: "كلاسيك", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boiled-pasta-blue-plate-with-fork-tomatoes-bunch-mint-cutting-board-with-ketchup-wooden-surface_141793-18284.jpg" },
-          price: "45 EGP",
+        { id: "4", name: "طاجن تومة", price: "55 ج.م", variant: "مميز", imageSrc: "http://img.b2bpic.net/free-photo/safari-party-with-snacks-assortment_23-2149707860.jpg" },
-          variant: "Spicy",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-azerbaijani-dish-meat-sage-with-pita-bread-potatoes-tomatoes-green-pepper_141793-4279.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Toma Grand",
-          price: "65 EGP",
-          variant: "Deluxe",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-carrot-salad-grated-salad-with-walnuts-garlic-dark-desk-diet-ripe-salad-health-color_140725-110137.jpg",
-        },
-        {
-          id: "3",
-          name: "Toma Pasta",
-          price: "50 EGP",
-          variant: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-boiled-pasta-blue-plate-with-fork-tomatoes-bunch-mint-cutting-board-with-ketchup-wooden-surface_141793-18284.jpg",
-        },
-        {
-          id: "4",
-          name: "Toma Classic",
-          price: "35 EGP",
-          variant: "Original",
-          imageSrc: "http://img.b2bpic.net/free-photo/safari-party-with-snacks-assortment_23-2149707860.jpg",
-        },
-        {
-          id: "5",
-          name: "Toma Veggie",
-          price: "40 EGP",
-          variant: "Healthy",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-caprice-salad-male-hand-holds-tray_141793-2875.jpg",
-        },
-        {
-          id: "6",
-          name: "Toma Special",
-          price: "75 EGP",
-          variant: "Chef Choice",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-greens-with-vegetables-seasonings-light-background_140725-137037.jpg",
-        },
       ]}
-      title="Signature Dishes"
+      title="قائمة الطعام المميزة"
-      description="Crafted with passion, served with love. Discover our best-sellers."
+      description="أطباقنا المحضرة بعناية لترضي ذوقك الرفيع."
     />
   </div>
 
@@ -135,33 +74,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { id: "f1", title: "توصيل سريع", description: "فريقنا يضمن وصول وجبتك طازجة وساخنة حتى باب منزلك.", tag: "السرعة", imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-sauteed-mixed-vegetables-oil-sauce_114579-2530.jpg" },
-          id: "f1",
+        { id: "f2", title: "مكونات طازجة", description: "نستخدم فقط أجود المكونات المحلية الطازجة لضمان أعلى جودة.", tag: "الجودة", imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg?_wi=2" },
-          title: "Fast Delivery",
+        { id: "f3", title: "وصفات سرية", description: "استمتع بوصفاتنا الفريدة التي توارثناها عبر السنين.", tag: "الطعم", imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-azerbaijani-dish-meat-sage-with-pita-bread-potatoes-tomatoes-green-pepper_141793-4279.jpg?_wi=2" },
-          description: "Our team ensures your meal arrives fresh and piping hot to your door.",
-          tag: "Speed",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-sauteed-mixed-vegetables-oil-sauce_114579-2530.jpg",
-          imageAlt: "Chicken breast sauteed in mixed vegetables and oil sauce.",
-        },
-        {
-          id: "f2",
-          title: "Fresh Ingredients",
-          description: "We source only the finest, freshest local ingredients for maximum taste.",
-          tag: "Quality",
-          imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg?_wi=2",
-          imageAlt: "Chicken breast sauteed in mixed vegetables and oil sauce.",
-        },
-        {
-          id: "f3",
-          title: "Secret Recipe",
-          description: "Experience our unique, time-honored recipe that keeps Mansoura coming back.",
-          tag: "Flavor",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-azerbaijani-dish-meat-sage-with-pita-bread-potatoes-tomatoes-green-pepper_141793-4279.jpg?_wi=2",
-          imageAlt: "Chicken breast sauteed in mixed vegetables and oil sauce.",
-        },
       ]}
-      title="Why Choose Us"
+      title="لماذا تختارنا؟"
-      description="Excellence in every detail, from our kitchen to your doorstep."
+      description="التميز في كل تفصيل، من مطبخنا إليك."
     />
   </div>
 
@@ -171,61 +89,23 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "أحمد محمد", role: "زبون دائم", testimonial: "أفضل كشري في المنصورة، طعم لا يُقاوم.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-eating-bread-with-avocado_23-2147860404.jpg" },
-          id: "1",
+        { id: "2", name: "سارة علي", role: "عاشقة للطعام", testimonial: "خدمة توصيل رائعة وطعم خيالي.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-having-cocktails_23-2150244975.jpg" },
-          name: "Ahmed Mohamed",
-          role: "Local Guide",
-          testimonial: "The best Koshary in town, always fresh and consistent!",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-eating-bread-with-avocado_23-2147860404.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah Ali",
-          role: "Foodie",
-          testimonial: "Incredible delivery speed and the flavor is top-notch.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-having-cocktails_23-2150244975.jpg",
-        },
-        {
-          id: "3",
-          name: "Omar Fathy",
-          role: "Regular Customer",
-          testimonial: "A must-visit branch on Gomhouria street. Simply delicious.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
-        },
-        {
-          id: "4",
-          name: "Laila Youssef",
-          role: "Student",
-          testimonial: "Toma Grand is my go-to comfort meal after long study days.",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187187.jpg",
-        },
-        {
-          id: "5",
-          name: "Maged Hassan",
-          role: "Local",
-          testimonial: "Cleanliness and taste combined. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
-        },
       ]}
-      title="What Our Fans Say"
+      title="تقييمات عملائنا"
-      description="Rated 4.2 stars by our amazing community in Mansoura."
+      description="نحن فخورون بحصولنا على تقييم 4.2 نجمة من مجتمعنا الرائع في المنصورة."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient",
+      tag="فرع شارع الجمهورية"
-      }}
+      title="يسعدنا زيارتكم"
-      tag="Visit Us"
+      description="تفضل بزيارتنا في فرع شارع الجمهورية أو اتصل بالخط الساخن 19397."
-      title="Gomhouria St, Mansoura"
-      description="Call us at 19397 or visit us at our main branch for the ultimate dining experience."
       buttons={[
-        {
+        { text: "اتصل الآن: 19397", href: "tel:19397" },
-          text: "Call Now: 19397",
-          href: "tel:19397",
-        },
       ]}
     />
   </div>
@@ -233,46 +113,14 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "فروعنا", items: [{ label: "المنصورة - شارع الجمهورية", href: "#" }] },
-          title: "Branches",
+        { title: "تواصل معنا", items: [{ label: "الخط الساخن: 19397", href: "tel:19397" }] },
-          items: [
+        { title: "تابعنا", items: [{ label: "فيسبوك", href: "#" }, { label: "إنستغرام", href: "#" }] },
-            {
-              label: "Gomhouria St, Mansoura",
-              href: "https://maps.app.goo.gl/placeholder",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call: 19397",
-              href: "tel:19397",
-            },
-            {
-              label: "WhatsApp Order",
-              href: "https://wa.me/2019397",
-            },
-          ],
-        },
-        {
-          title: "Follow Us",
-          items: [
-            {
-              label: "Facebook",
-              href: "#",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      logoText="Koshary Toma"
+      logoText="كشري تومة"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f9f9f9;
+  --card: #f7fcf9;
-  --foreground: #120006e6;
+  --foreground: #001a0a;
-  --primary-cta: #BE1E2D;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #FF8C42;
+  --secondary-cta: #fde047;
   --secondary-cta-text: #ffffff;
-  --accent: #e2e2e2;
+  --accent: #fde047;
-  --background-accent: #BE1E2D;
+  --background-accent: #f7fcf9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);