Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -29,25 +29,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Hub",
+          name: "Hub",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Find a Gym",
+          name: "Find a Gym",          id: "/find"},
-          id: "/find",
-        },
         {
-          name: "Classes",
+          name: "Classes",          id: "/training"},
-          id: "/training",
-        },
         {
-          name: "Offers",
+          name: "Offers",          id: "/news"},
-          id: "/news",
-        },
         {
-          name: "Shop",
+          name: "Shop",          id: "/shop"},
-          id: "/shop",
-        },
       ]}
       brandName="GYM HOUSE SBA"
     />
@@ -56,47 +46,26 @@ export default function LandingPage() {
   <div id="home-hero" data-section="home-hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated-grid",
+        variant: "rotated-rays-animated-grid"}}
-      }}
       title="The Standard of Fitness in SBA."
       description="Welcome to the unified 7-branch GYM HOUSE SBA network. High-energy, elite, futuristic training."
       buttons={[
         {
-          text: "Get Free Pass",
+          text: "Get Free Pass",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       carouselItems={[
         {
-          id: "c1",
+          id: "c1",          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=1",          imageAlt: "House 06 Tunnel"},
-          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=1",
-          imageAlt: "House 06 Tunnel",
-        },
         {
-          id: "c2",
+          id: "c2",          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=2",          imageAlt: "Facility Tour"},
-          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=2",
-          imageAlt: "Facility Tour",
-        },
         {
-          id: "c3",
+          id: "c3",          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=3",          imageAlt: "Training Tech"},
-          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=3",
-          imageAlt: "Training Tech",
-        },
         {
-          id: "c4",
+          id: "c4",          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=4",          imageAlt: "Elite Coaches"},
-          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=4",
-          imageAlt: "Elite Coaches",
-        },
         {
-          id: "c5",
+          id: "c5",          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=5",          imageAlt: "Community"},
-          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=5",
-          imageAlt: "Community",
-        },
         {
-          id: "c6",
+          id: "c6",          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=6",          imageAlt: "Transformation"},
-          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=6",
-          imageAlt: "Transformation",
-        },
       ]}
     />
   </div>
@@ -106,12 +75,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       names={[
-        "House 01 Wiam",
+        "House 01 Wiam",        "House 03 Ibn Zaydoun",        "House 06 Tunnel",        "House 07 Labremer",        "House 02 Al-Wafaa"]}
-        "House 03 Ibn Zaydoun",
-        "House 06 Tunnel",
-        "House 07 Labremer",
-        "House 02 Al-Wafaa",
-      ]}
       title="The Unified Standard"
       description="Rated 4.8/5 across the network. Home away from home."
     />
@@ -121,26 +85,13 @@ export default function LandingPage() {
       <PricingCardFive
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       plans={[
         {
-          id: "all-access",
+          id: "all-access",          tag: "Recommended",          price: "3500 DA",          period: "/ month",          description: "Total network access",          button: {
-          tag: "Recommended",
+            text: "Join Now",            href: "#contact"},
-          price: "3500 DA",
+          featuresTitle: "Included Access:",          features: [
-          period: "/ month",
+            "All 7 Branches",            "All Classes",            "Gym Floor Access",            "Swimming Pool",            "Nutrition Plans"],
-          description: "Total network access",
-          button: {
-            text: "Join Now",
-            href: "#contact",
-          },
-          featuresTitle: "Included Access:",
-          features: [
-            "All 7 Branches",
-            "All Classes",
-            "Gym Floor Access",
-            "Swimming Pool",
-            "Nutrition Plans",
-          ],
         },
       ]}
       title="All-Access Membership"
@@ -152,67 +103,39 @@ export default function LandingPage() {
       <TestimonialCardThirteen
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Member Success Stories"
       description="Join the elite community of SBA."
       showRating={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Ahmed",          handle: "@ahmedgym",          testimonial: "Best gym in the city!",          rating: 5,
-          name: "Ahmed",
+          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=7"},
-          handle: "@ahmedgym",
-          testimonial: "Best gym in the city!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=7",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Sarah",          handle: "@sarahfit",          testimonial: "The swimming pool is top notch.",          rating: 5,
-          name: "Sarah",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000362.jpg?_wi=1"},
-          handle: "@sarahfit",
-          testimonial: "The swimming pool is top notch.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000362.jpg?_wi=1",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Karim",          handle: "@k_gym",          testimonial: "Professional boxing coaches.",          rating: 5,
-          name: "Karim",
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-coach-helping-kids_23-2150363729.jpg?_wi=1"},
-          handle: "@k_gym",
-          testimonial: "Professional boxing coaches.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-coach-helping-kids_23-2150363729.jpg?_wi=1",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Mina",          handle: "@minapower",          testimonial: "Great community and vibes.",          rating: 4,
-          name: "Mina",
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197730.jpg?_wi=1"},
-          handle: "@minapower",
-          testimonial: "Great community and vibes.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197730.jpg?_wi=1",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Yassine",          handle: "@yassine_train",          testimonial: "Fantastic facilities.",          rating: 5,
-          name: "Yassine",
+          imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3601.jpg?_wi=1"},
-          handle: "@yassine_train",
-          testimonial: "Fantastic facilities.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3601.jpg?_wi=1",
-        },
       ]}
     />
   </div>
 
   <div id="contact-footer" data-section="contact-footer">
       <ContactText
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
+        variant: "plain"}}
-      }}
       text="Call SBA HQ for immediate membership activation."
       buttons={[
         {
-          text: "Call SBA HQ",
+          text: "Call SBA HQ",          href: "tel:000000000"},
-          href: "tel:000000000",
-        },
       ]}
     />
   </div>
@@ -221,29 +144,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Network",
+          title: "Network",          items: [
-          items: [
             {
-              label: "Branches",
+              label: "Branches",              href: "/find"},
-              href: "/find",
-            },
             {
-              label: "Classes",
+              label: "Classes",              href: "/training"},
-              href: "/training",
-            },
           ],
         },
         {
-          title: "Offers",
+          title: "Offers",          items: [
-          items: [
             {
-              label: "Promotions",
+              label: "Promotions",              href: "/news"},
-              href: "/news",
-            },
             {
-              label: "Ramadan Hours",
+              label: "Ramadan Hours",              href: "/news"},
-              href: "/news",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #f5f5f5;
-  --card: #1a1a1a;
+  --card: #ffffff;
-  --foreground: #f5f5f5;
+  --foreground: #1c1c1c;
-  --primary-cta: #39FF14;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #f5f5f5;
-  --accent: #39FF14;
+  --accent: #6139e6;
-  --background-accent: #2a2a2a;
+  --background-accent: #b3a8e8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);