Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -17,14 +17,14 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
+        defaultButtonVariant="elastic-effect"
         defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+        borderRadius="soft"
-        contentWidth="compact"
+        contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="mediumLargeSizeLargeTitles"
-        background="none"
+        background="aurora"
-        cardStyle="inset"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="primary-glow"
+        primaryButtonStyle="radial-glow"
         secondaryButtonStyle="radial-glow"
         headingFontWeight="bold"
     >
@@ -118,7 +118,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="قصتنا: شغف بالتميز"
       description={[
-        "منذ عام 2005، يقدم مطعمنا تجربة طعام فاخرة تجمع بين التقاليد الأصيلة والابتكار الحديث. كل طبق هو تحفة فنية، وكل زيارة هي احتفال بالنكهات. نحن نلتزم بتقديم أعلى مستويات الجودة في كل تفصيل، من اختيار المكونات الطازجة إلى فن التقديم.",        "نحن نؤمن بأن الطعام الجيد يبدأ من المكونات الطازجة عالية الجودة، ويُقدم بشغف وحب. فريقنا من الطهاة الموهوبين يعمل tirelessly لإعداد أطباق استثنائية ترضي جميع الحواس. انضم إلينا لتكتشف عالمًا من المذاقات الراقية وتجربة طعام لا تُنسى في أجواء المطعم الساحرة."]}
+        "منذ عام 2005، يقدم مطعمنا تجربة طعام فاخرة تجمع بين التقاليد الأصيلة والابتكار الحديث. كل طبق هو تحفة فنية، وكل زيارة هي احتفال بالنكهات. نحن نلتزم بتقديم أعلى مستويات الجودة في كل تفصيل، من اختيار المكونات الطازجة إلى فن التقديم.",        "نحن نؤمن بأن الطعام الجيد يبدأ من المكونات الطازجة عالية الجودة، ويُقدم بشغف وحب. فريقنا من الطهاة الموهوبين يعمل tirelessly لإعداد أطباق استثنائية ترضي جميع الحواس. انضم إلينا لتكتشف عالمًا من المذاقات الراقية وتجربة طعام لا تُنسى في أجواء المطعم الساحرة." ]}
     />
   </div>
 
@@ -173,27 +173,27 @@ export default function LandingPage() {
         {
           id: "plan-1",          badge: "تجربة الغداء",          price: "299 AED",          subtitle: "باقة غداء فاخرة",          buttons: [
             {
-              text: "احجز الآن",              href: "#contact"},
+              text: "احجز الآن",              href: "#contact"}
           ],
           features: [
-            "مقبلات فاخرة",            "طبق رئيسي من اختيارك",            "تحلية الشيف اليومية",            "مشروب ترحيبي"],
+            "مقبلات فاخرة",            "طبق رئيسي من اختيارك",            "تحلية الشيف اليومية",            "مشروب ترحيبي" ]
         },
         {
           id: "plan-2",          badge: "عرض خاص",          price: "599 AED",          subtitle: "عشاء رومانسي لشخصين",          buttons: [
             {
-              text: "احجز الآن",              href: "#contact"},
+              text: "احجز الآن",              href: "#contact"}
           ],
           features: [
-            "مقبلات فاخرة لشخصين",            "طبقين رئيسيين من اختيارك",            "تحلية خاصة لشخصين",            "زجاجة نبيذ مختارة"],
+            "مقبلات فاخرة لشخصين",            "طبقين رئيسيين من اختيارك",            "تحلية خاصة لشخصين",            "زجاجة نبيذ مختارة" ]
         },
         {
           id: "plan-3",          badge: "تجربة الشيف",          price: "999 AED",          subtitle: "قائمة تذوق الشيف",          buttons: [
             {
-              text: "احجز الآن",              href: "#contact"},
+              text: "احجز الآن",              href: "#contact"}
           ],
           features: [
-            "5 أطباق من إبداع الشيف",            "مشروبات متناسقة",            "لقاء خاص مع الشيف",            "هدية تذكارية"],
+            "5 أطباق من إبداع الشيف",            "مشروبات متناسقة",            "لقاء خاص مع الشيف",            "هدية تذكارية" ]
-        },
+        }
       ]}
       title="عروضنا الخاصة"
       description="استمتع بتجارب طعام حصرية وباقات مصممة خصيصًا لتوفر لك لحظات لا تُنسى في مطعمنا الفخم. اختر ما يناسب ذوقك الرفيع."
@@ -287,8 +287,8 @@ export default function LandingPage() {
             {
               label: "قائمة الطعام",              href: "#full-menu"},
             {
-              label: "عروض خاصة",              href: "#offers"},
+              label: "عروض خاصة",              href: "#offers"}
-          ],
+          ]
         },
         {
           title: "المزيد",          items: [
@@ -297,8 +297,8 @@ export default function LandingPage() {
             {
               label: "آراء العملاء",              href: "#testimonials"},
             {
-              label: "اتصل بنا",              href: "#contact"},
+              label: "اتصل بنا",              href: "#contact"}
-          ],
+          ]
         },
         {
           title: "تواصل",          items: [
@@ -307,9 +307,9 @@ export default function LandingPage() {
             {
               label: "البريد الإلكتروني",              href: "mailto:info@alfakhmrestaurant.com"},
             {
-              label: "الهاتف",              href: "tel:+971501234567"},
+              label: "الهاتف",              href: "tel:+971501234567"}
-          ],
+          ]
-        },
+        }
       ]}
       logoText="مطعم الفخم"
       copyrightText="© 2024 | مطعم الفخم. جميع الحقوق محفوظة."

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #0c0c0c;
-  --foreground: #1c1c1c;
+  --foreground: #ffffff;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #cee7ff;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #000000;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #ffffff;
-  --accent: #159c49;
+  --accent: #535353;
-  --background-accent: #a8e8ba;
+  --background-accent: #CEE7FF;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);