Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -23,7 +23,7 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="smallMedium"
         sizing="largeSmallSizeMediumTitles"
-        background="noise"
+        background="fluid"
         cardStyle="gradient-mesh"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="solid"
@@ -33,16 +33,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Projects", id: "products" },
-          name: "About",          id: "about"},
+        { name: "Pricing", id: "pricing" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Projects",          id: "products"},
-        {
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Creativity and Professions Club"
     />
@@ -54,36 +49,11 @@ export default function LandingPage() {
       title="نادي الإبداع والمهن | Creativity and Professions Club"
       description="نحن نبني الجيل القادم من المبتكرين. انضم إلى مساحة الإبداع الرقمي الأكثر فخامة."
       testimonials={[
-        {
+        { name: "أحمد خ.", handle: "@ahmed", testimonial: "تجربة تعليمية استثنائية في هذا النادي.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-with-book-digital-art-style-education-day_23-2151164397.jpg" },
-          name: "أحمد خ.",          handle: "@ahmed",          testimonial: "تجربة تعليمية استثنائية في هذا النادي.",          rating: 5,
+        { name: "سارة م.", handle: "@sarah", testimonial: "ساعدني النادي في تطوير مهاراتي المهنية بشكل ملحوظ.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459678.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/student-with-book-digital-art-style-education-day_23-2151164397.jpg"},
-        {
-          name: "سارة م.",          handle: "@sarah",          testimonial: "ساعدني النادي في تطوير مهاراتي المهنية بشكل ملحوظ.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459678.jpg"},
-        {
-          name: "عمر ل.",          handle: "@omar",          testimonial: "البيئة هنا تحفز على الإبداع الحقيقي.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014096.jpg"},
-        {
-          name: "منى ع.",          handle: "@mona",          testimonial: "أفضل استثمار لوقتي في تعلم البرمجة.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-holding-sketchbook-checking-it_114579-25118.jpg"},
-        {
-          name: "يوسف ك.",          handle: "@youssef",          testimonial: "مجتمع داعم ومحترف للغاية.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487057.jpg"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/elegant-shiny-background-with-blurred-style_23-2147997628.jpg"
       imageAlt="Club Hero Banner"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",          alt: "Student 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",          alt: "Student 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-asian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1045.jpg",          alt: "Student 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",          alt: "Student 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg",          alt: "Student 5"},
-      ]}
     />
   </div>
 
@@ -91,8 +61,7 @@ export default function LandingPage() {
       <TextSplitAbout
       useInvertedBackground={true}
       title="لماذا نادي الإبداع والمهن؟"
-      description={[
+      description={["نحن نؤمن بأن الإبداع هو مفتاح المستقبل المهني. نوفر الأدوات والبيئة لتطوير المهارات.", "نعمل على جسر الفجوة بين التعليم الجامعي وسوق العمل من خلال مشاريع حقيقية."]}
-        "نحن نؤمن بأن الإبداع هو مفتاح المستقبل المهني. نوفر الأدوات والبيئة لتطوير المهارات.",        "نعمل على جسر الفجوة بين التعليم الجامعي وسوق العمل من خلال مشاريع حقيقية."]}
     />
   </div>
 
@@ -102,24 +71,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "ورش عمل تفاعلية", description: "تعلم بالعمل مع خبراء في الميدان.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/college-mates-studying-together_23-2149038408.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-vases-with-red-blue-light_23-2149835501.jpg" } },
-          title: "ورش عمل تفاعلية",          description: "تعلم بالعمل مع خبراء في الميدان.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/college-mates-studying-together_23-2149038408.jpg"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/modern-vases-with-red-blue-light_23-2149835501.jpg"},
-        },
-        {
-          title: "نظام تقييم المهارات",          description: "تتبع تطورك المهني بنظام ذكي.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/laughing-students-desktop_23-2147655933.jpg"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/creative-professionals-working-design-project-laptop-together-sitting-table-talking_74855-9769.jpg"},
-        },
-        {
-          title: "منصة عرض المشاريع",          description: "اعرض مشاريعك واصل للشركات الكبرى.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361583.jpg"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797687.jpg"},
-        },
       ]}
       showStepNumbers={true}
       title="ميزات النادي المبتكرة"
@@ -134,12 +86,8 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "1000+", description: "طالب مبدع" },
-          id: "m1",          value: "1000+",          description: "طالب مبدع"},
+        { id: "m2", value: "500+", description: "مشروع متميز" },
-        {
-          id: "m2",          value: "500+",          description: "مشروع متميز"},
-        {
-          id: "m3",          value: "200+",          description: "ورشة عمل"},
       ]}
       title="أرقامنا تتحدث"
       description="إنجازاتنا في خدمة الطلاب."
@@ -153,18 +101,7 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "نموذج ذكاء اصطناعي", price: "مجاني", variant: "مشروع", imageSrc: "http://img.b2bpic.net/free-photo/young-man-discussing-with-his-colleagues-study-session_23-2149265724.jpg" },
-          id: "p1",          name: "نموذج ذكاء اصطناعي",          price: "مجاني",          variant: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-discussing-with-his-colleagues-study-session_23-2149265724.jpg"},
-        {
-          id: "p2",          name: "منصة ويب",          price: "199 دج",          variant: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-diary-digital-tablet-pen-keyboard-coffee-cup-desk_23-2148061557.jpg"},
-        {
-          id: "p3",          name: "تطبيق محمول",          price: "399 دج",          variant: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/drawing-sketching-classes-adults-close-up-metal-stand-holder-with-graphite-pencils-standing-table-against-easels-with-blank-canvases-background-modern-art-studio-nobody_482257-64458.jpg"},
-        {
-          id: "p4",          name: "تصميم هويّة",          price: "99 دج",          variant: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-posing-near-big-oval-black-artistic-chair-grey-background_613910-10712.jpg"},
-        {
-          id: "p5",          name: "دورة تصميم",          price: "299 دج",          variant: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/desk-assortment-with-laptop_23-2148541547.jpg"},
-        {
-          id: "p6",          name: "قالب برمجي",          price: "499 دج",          variant: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/creative-team-watching-content-pc-together_74855-9772.jpg"},
       ]}
       title="أحدث المشاريع"
       description="مشاريع مبتكرة مقدمة من طلاب النادي."
@@ -177,30 +114,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "basic", badge: "طالب", price: "199 دج", subtitle: "للبداية الإبداعية", buttons: [{ text: "اشتراك" }], features: ["الوصول للورش", "دعم فني"] },
-          id: "basic",          badge: "طالب",          price: "199 دج",          subtitle: "للبداية الإبداعية",          buttons: [
-            {
-              text: "اشتراك"},
-          ],
-          features: [
-            "الوصول للورش",            "دعم فني"],
-        },
-        {
-          id: "pro",          badge: "محترف",          price: "399 دج",          subtitle: "للمحترفين",          buttons: [
-            {
-              text: "اشتراك"},
-          ],
-          features: [
-            "كل ما سبق",            "شهادات معتمدة",            "إرشاد مهني"],
-        },
-        {
-          id: "corp",          badge: "مؤسسة",          price: "999 دج",          subtitle: "للمجموعات",          buttons: [
-            {
-              text: "اشتراك"},
-          ],
-          features: [
-            "كل ما سبق",            "تحليلات متقدمة"],
-        },
       ]}
       title="خطط الاشتراك"
       description="اختر الخطة التي تناسب مسارك المهني."
@@ -214,12 +128,7 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       members={[
-        {
+        { id: "t1", name: "د. عمر", role: "رئيس النادي", imageSrc: "http://img.b2bpic.net/free-photo/expressive-african-american-girl-black-jacket_176420-32201.jpg" },
-          id: "t1",          name: "د. عمر",          role: "رئيس النادي",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-african-american-girl-black-jacket_176420-32201.jpg"},
-        {
-          id: "t2",          name: "م. ليلى",          role: "مديرة التدريب",          imageSrc: "http://img.b2bpic.net/free-photo/calm-serious-woman-with-long-pony-tail-wears-transparent-glasses-green-jumper-looks-attentively-camera-poses-pink-studio_273609-38843.jpg"},
-        {
-          id: "t3",          name: "ياسين",          role: "قائد التقني",          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg"},
       ]}
       title="فريق النادي"
       description="نخبة من المبتكرين يوجهون مسارك."
@@ -230,8 +139,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
+      names={["Google", "Microsoft", "Intel"]}
-        "Google",        "Microsoft",        "Intel",        "IBM",        "Adobe",        "AWS",        "GitHub"]}
       title="شركاؤنا"
       description="ندعم مسارك بشراكات قوية."
     />
@@ -243,18 +151,7 @@ export default function LandingPage() {
       testimonial="كان الانضمام للنادي قراراً غير مجرى حياتي المهنية. شكراً لكل الفريق."
       rating={5}
       author="أمين بن ف."
-      avatars={[
+      avatars={[]}
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-copy-space_23-2148612946.jpg",          alt: "A"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",          alt: "B"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-man-with-light-bulb_1154-91.jpg",          alt: "C"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-schoolboy-portrait_23-2147666930.jpg",          alt: "D"},
-        {
-          src: "http://img.b2bpic.net/free-photo/frowning-young-woman-wearing-glasses-bandana-neck-standing-profile-view-keeping-arms-crossed-looking-camera-isolated-olive-green-background_141793-137048.jpg",          alt: "E"},
-      ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
     />
@@ -263,38 +160,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
       tag="تواصل معنا"
       title="جاهز للإبداع؟"
       description="سجل الآن وابدأ رحلتك المهنية معنا."
-      buttons={[
+      buttons={[{ text: "اتصل بنا" }]}
-        {
-          text: "اتصل بنا"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
-      columns={[
+      columns={[]}
-        {
-          title: "النادي",          items: [
-            {
-              label: "عن النادي",              href: "#about"},
-            {
-              label: "الشركاء",              href: "#socialProof"},
-          ],
-        },
-        {
-          title: "قانوني",          items: [
-            {
-              label: "سياسة الخصوصية",              href: "#"},
-            {
-              label: "شروط الاستخدام",              href: "#"},
-          ],
-        },
-      ]}
       bottomLeftText="© 2024 Creativity and Professions Club"
       bottomRightText="جميع الحقوق محفوظة"
     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #020617;
-  --card: #481f1f;
+  --card: #0f172a;
-  --foreground: #ffffff;
+  --foreground: #e2e8f0;
-  --primary-cta: #ffffff;
+  --primary-cta: #06b6d4;
   --primary-cta-text: #280101;
-  --secondary-cta: #361311;
+  --secondary-cta: #38bdf8;
   --secondary-cta-text: #f6d4d4;
-  --accent: #51000b;
+  --accent: #2563eb;
-  --background-accent: #ff2231;
+  --background-accent: #1e293b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);