Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "الرئيسية",
+          name: "الرئيسية",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "لماذا هذا الكتاب؟",
+          name: "لماذا هذا الكتاب؟",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "المحتوى",
+          name: "المحتوى",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "شراء",
+          name: "شراء",          id: "#pricing"},
-          id: "#pricing",
-        },
       ]}
       brandName="هندسة الفضول"
     />
@@ -59,9 +51,7 @@ export default function LandingPage() {
       description="اكتشف الدليل السلوكي الحصري لضرب 'عقل الغريزة' وتحويل التمرير العشوائي إلى مبيعات فورية. اخترق دفاعات العقل المنطقي للعميل الآن."
       buttons={[
         {
-          text: "احصل على نسختك السرية الآن ($37)",
+          text: "Get Your Copy Now ($37)",          href: "#pricing"},
-          href: "#pricing",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-vector/modern-corporate-booklet-cover-template-set_1017-63176.jpg?_wi=1"
       imageAlt="كتاب هندسة الفضول"
@@ -84,41 +74,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "مبدأ الطعم المسموم",
+          title: "مبدأ الطعم المسموم",          description: "تفكيك أول 3 ثوانٍ في الإعلان لكسر نمط التصفح فوراً.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-journal-home_23-2150416409.jpg",          imageAlt: "digital book dark desk workspace"},
-          description: "تفكيك أول 3 ثوانٍ في الإعلان لكسر نمط التصفح فوراً.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-journal-home_23-2150416409.jpg",
-          imageAlt: "digital book dark desk workspace",
-        },
         {
-          title: "عقدة النقص والكمال",
+          title: "عقدة النقص والكمال",          description: "اجعل العميل يشعر أن مشروعه في خطر إذا لم يستخدم حلّك.",          imageSrc: "http://img.b2bpic.net/free-vector/modern-corporate-booklet-cover-template-set_1017-63176.jpg?_wi=2",          imageAlt: "digital book dark desk workspace"},
-          description: "اجعل العميل يشعر أن مشروعه في خطر إذا لم يستخدم حلّك.",
-          imageSrc: "http://img.b2bpic.net/free-vector/modern-corporate-booklet-cover-template-set_1017-63176.jpg?_wi=2",
-          imageAlt: "digital book dark desk workspace",
-        },
         {
-          title: "الهندسة العكسية للاعتراضات",
+          title: "الهندسة العكسية للاعتراضات",          description: "قتل مخاوف العميل داخل الإعلان قبل أن ينطق بها.",          imageSrc: "http://img.b2bpic.net/free-photo/vivid-waterdrops-splashing-yellow_23-2147748885.jpg?_wi=2",          imageAlt: "digital book dark desk workspace"},
-          description: "قتل مخاوف العميل داخل الإعلان قبل أن ينطق بها.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vivid-waterdrops-splashing-yellow_23-2147748885.jpg?_wi=2",
-          imageAlt: "digital book dark desk workspace",
-        },
         {
-          title: "حقن الندرة المصنوعة",
+          title: "حقن الندرة المصنوعة",          description: "خلق رغبة تجعل العميل يشتري قبل النوم خوفاً من فوات الفرصة.",          imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",          imageAlt: "digital book dark desk workspace"},
-          description: "خلق رغبة تجعل العميل يشتري قبل النوم خوفاً من فوات الفرصة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
-          imageAlt: "digital book dark desk workspace",
-        },
         {
-          title: "النصوص الماكرة",
+          title: "النصوص الماكرة",          description: "صياغة عبارات تزرع فكرة الشراء كأنها قراره الذاتي.",          imageSrc: "http://img.b2bpic.net/free-photo/man-making-his-tie_1368-6199.jpg",          imageAlt: "digital book dark desk workspace"},
-          description: "صياغة عبارات تزرع فكرة الشراء كأنها قراره الذاتي.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-making-his-tie_1368-6199.jpg",
-          imageAlt: "digital book dark desk workspace",
-        },
         {
-          title: "خاتمة تنفيذية",
+          title: "خاتمة تنفيذية",          description: "نماذج تطبيقية جاهزة للنسخ واللصق في إعلانك القادم.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg",          imageAlt: "digital book dark desk workspace"},
-          description: "نماذج تطبيقية جاهزة للنسخ واللصق في إعلانك القادم.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg",
-          imageAlt: "digital book dark desk workspace",
-        },
       ]}
       title="ماذا ستتعلم في 15 صفحة مكثفة؟"
       description="خارطة طريق نفسية لهندسة الشراء في عقل عميلك."
@@ -132,23 +98,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "1",
+          id: "1",          icon: Zap,
-          icon: Zap,
+          title: "وقت القراءة",          value: "60 دقيقة"},
-          title: "وقت القراءة",
-          value: "60 دقيقة",
-        },
         {
-          id: "2",
+          id: "2",          icon: Book,
-          icon: Book,
+          title: "صفحات مكثفة",          value: "15"},
-          title: "صفحات مكثفة",
-          value: "15",
-        },
         {
-          id: "3",
+          id: "3",          icon: Target,
-          icon: Target,
+          title: "نماذج تطبيقية",          value: "10+"},
-          title: "نماذج تطبيقية",
-          value: "10+",
-        },
       ]}
       title="قيمة استثنائية"
       description="ركزنا على الجوهر، اختصرنا الوقت، وضاعفنا الأثر."
@@ -163,25 +120,15 @@ export default function LandingPage() {
       author="أحمد عبد الله - مسوق رقمي"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-psd/3d-gold-contact-book-icon-dark-background_84443-56130.jpg",
+          src: "http://img.b2bpic.net/free-psd/3d-gold-contact-book-icon-dark-background_84443-56130.jpg",          alt: "Ahmad"},
-          alt: "Ahmad",
-        },
         {
-          src: "http://img.b2bpic.net/free-vector/luxury-social-media-logo-collection_23-2148306799.jpg",
+          src: "http://img.b2bpic.net/free-vector/luxury-social-media-logo-collection_23-2148306799.jpg",          alt: "Sarah"},
-          alt: "Sarah",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/dark-textured-background-with-golden-glowing-circle-line_84443-82141.jpg",
+          src: "http://img.b2bpic.net/free-photo/dark-textured-background-with-golden-glowing-circle-line_84443-82141.jpg",          alt: "Omar"},
-          alt: "Omar",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/cute-white-cartoon-character-with-green-sprout-hand-gesture_1308-186853.jpg",
+          src: "http://img.b2bpic.net/free-photo/cute-white-cartoon-character-with-green-sprout-hand-gesture_1308-186853.jpg",          alt: "Laila"},
-          alt: "Laila",
-        },
         {
-          src: "http://img.b2bpic.net/free-vector/golden-premium-social-media-icons-set_1017-8515.jpg",
+          src: "http://img.b2bpic.net/free-vector/golden-premium-social-media-icons-set_1017-8515.jpg",          alt: "Khaled"},
-          alt: "Khaled",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -195,22 +142,10 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "standard",
+          id: "standard",          tag: "الأكثر طلباً",          price: "$37",          period: "مرة واحدة",          description: "النسخة الرقمية الكاملة + نماذج النصوص.",          button: {
-          tag: "الأكثر طلباً",
+            text: "Buy Now Safely",            href: "#"},
-          price: "$37",
+          featuresTitle: "ماذا ستأخذ:",          features: [
-          period: "مرة واحدة",
+            "ملف الـ PDF كامل",            "نماذج الإعلانات",            "تحديثات مجانية",            "وصول فوري"],
-          description: "النسخة الرقمية الكاملة + نماذج النصوص.",
-          button: {
-            text: "ادفع الآن بـ أمان",
-            href: "#",
-          },
-          featuresTitle: "ماذا ستأخذ:",
-          features: [
-            "ملف الـ PDF كامل",
-            "نماذج الإعلانات",
-            "تحديثات مجانية",
-            "وصول فوري",
-          ],
         },
       ]}
       title="استثمر في عقلك اليوم"
@@ -224,20 +159,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "كيف أستلم الكتاب؟",          content: "تسليم فوري ومباشر لملف الـ PDF على بريدك الإلكتروني فور إتمام الدفع."},
-          title: "كيف أستلم الكتاب؟",
-          content: "تسليم فوري ومباشر لملف الـ PDF على بريدك الإلكتروني فور إتمام الدفع.",
-        },
         {
-          id: "2",
+          id: "2",          title: "هل يناسب مشروعي؟",          content: "نعم، الاستراتيجيات نفسية وتطبق على أي منتج أو خدمة تبيعها عبر الإنترنت."},
-          title: "هل يناسب مشروعي؟",
-          content: "نعم، الاستراتيجيات نفسية وتطبق على أي منتج أو خدمة تبيعها عبر الإنترنت.",
-        },
         {
-          id: "3",
+          id: "3",          title: "هل الكتاب طويل؟",          content: "لا، الكتاب مكثف في 15 صفحة فقط للوصول للنتائج بسرعة."},
-          title: "هل الكتاب طويل؟",
-          content: "لا، الكتاب مكثف في 15 صفحة فقط للوصول للنتائج بسرعة.",
-        },
       ]}
       title="أسئلة شائعة"
       description="كل ما تود معرفته قبل الانطلاق."
@@ -249,16 +175,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="هل أنت مستعد؟"
       title="لا تضيع ميزانية إعلانك القادم"
       description="احصل على نسختك الآن وابدأ في تطبيق الهندسة النفسية التي تجبر العملاء على الشراء."
       buttons={[
         {
-          text: "اشترِ الكتاب الآن ($37)",
+          text: "Buy Now ($37)",          href: "#pricing"},
-          href: "#pricing",
-        },
       ]}
     />
   </div>
@@ -269,29 +192,19 @@ export default function LandingPage() {
       logoText="هندسة الفضول"
       columns={[
         {
-          title: "روابط سريعة",
+          title: "روابط سريعة",          items: [
-          items: [
             {
-              label: "الرئيسية",
+              label: "الرئيسية",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "اشترِ الآن",
+              label: "اشترِ الآن",              href: "#pricing"},
-              href: "#pricing",
-            },
           ],
         },
         {
-          title: "القانونية",
+          title: "القانونية",          items: [
-          items: [
             {
-              label: "سياسة الخصوصية",
+              label: "سياسة الخصوصية",              href: "#"},
-              href: "#",
-            },
             {
-              label: "شروط الخدمة",
+              label: "شروط الخدمة",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -301,4 +214,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,8 +10,8 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0d0e12;
+  --background: #0a0a0a;
-  --card: #1a1b21;
+  --card: #1a1a1a;
   --foreground: #f5f5f5;
   --primary-cta: #c5a880;
   --primary-cta-text: #0d0e12;