Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -31,16 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Classes",          id: "features"},
-        {
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Classes", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="California Gym Sousse"
     />
@@ -48,20 +43,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Unleash Your Potential at California Gym Sousse"
       description="The ultimate fitness experience awaits. Join our community and achieve your goals with state-of-the-art equipment and expert guidance."
       tag="Fitness Excellence"
-      buttons={[
-        {
-          text: "Join Today",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Join Today", href: "#contact" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg",          imageAlt: "professional fitness gym interior"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699485.jpg",          imageAlt: "athlete training at gym"}
+        { imageSrc: "http://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg", imageAlt: "professional fitness gym interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699485.jpg", imageAlt: "athlete training at gym" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -74,7 +63,8 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Your Journey Starts Here"
       description={[
-        "California Gym Sousse provides a premier environment dedicated to your health and transformation.",        "Our world-class facility features modern equipment, tailored training programs, and a vibrant community atmosphere.",        "Whether you are a beginner or a seasoned pro, our dedicated staff is here to ensure you succeed."]}
+        "California Gym Sousse provides a premier environment dedicated to your health and transformation.",        "Our world-class facility features modern equipment, tailored training programs, and a vibrant community atmosphere.",        "Whether you are a beginner or a seasoned pro, our dedicated staff is here to ensure you succeed."
+      ]}
     />
   </div>
 
@@ -83,16 +73,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          tag: "Strength",          title: "Heavy Weight Section",          subtitle: "Pure Performance",          description: "High-quality racks and weights for every training level.",          imageSrc: "http://img.b2bpic.net/free-photo/sports-dumbbells-filtered-image-processed-vintage-effect_1232-3417.jpg",          imageAlt: "gym weightlifting rack modern"},
-        {
-          tag: "Cardio",          title: "Cardio Zone",          subtitle: "Endurance Power",          description: "Modern cardio machines for heart-healthy workouts.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-hotel-lobby_74190-3799.jpg",          imageAlt: "gym cardio area with equipment"},
-        {
-          tag: "Functional",          title: "Functional Area",          subtitle: "Total Mobility",          description: "Versatile space for bodyweight and HIIT training.",          imageSrc: "http://img.b2bpic.net/free-photo/sporty-shaved-head-male-doing-pull-ups-trx-straps-stand_613910-11273.jpg",          imageAlt: "gym functional training zone"},
-        {
-          tag: "Flexibility",          title: "Stretching Studio",          subtitle: "Recovery & Balance",          description: "Dedicated quiet zone for yoga and deep stretching.",          imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_74190-1480.jpg",          imageAlt: "Dumbbell"},
-        {
-          tag: "Hydration",          title: "Refreshment Bar",          subtitle: "Fuel Your Results",          description: "Smoothies and health drinks to power your workout.",          imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-63194.jpg",          imageAlt: "Fitness equipment"},
+        { tag: "Strength", title: "Heavy Weight Section", subtitle: "Pure Performance", description: "High-quality racks and weights for every training level.", imageSrc: "http://img.b2bpic.net/free-photo/sports-dumbbells-filtered-image-processed-vintage-effect_1232-3417.jpg", imageAlt: "gym weightlifting rack modern" },
+        { tag: "Cardio", title: "Cardio Zone", subtitle: "Endurance Power", description: "Modern cardio machines for heart-healthy workouts.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-hotel-lobby_74190-3799.jpg", imageAlt: "gym cardio area with equipment" },
+        { tag: "Functional", title: "Functional Area", subtitle: "Total Mobility", description: "Versatile space for bodyweight and HIIT training.", imageSrc: "http://img.b2bpic.net/free-photo/sporty-shaved-head-male-doing-pull-ups-trx-straps-stand_613910-11273.jpg", imageAlt: "gym functional training zone" },
+        { tag: "Flexibility", title: "Stretching Studio", subtitle: "Recovery & Balance", description: "Dedicated quiet zone for yoga and deep stretching.", imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_74190-1480.jpg", imageAlt: "Dumbbell" },
+        { tag: "Hydration", title: "Refreshment Bar", subtitle: "Fuel Your Results", description: "Smoothies and health drinks to power your workout.", imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-63194.jpg", imageAlt: "Fitness equipment" },
       ]}
       title="World-Class Training Features"
       description="Designed for performance and comfort, our gym facilities offer everything you need."
@@ -105,22 +90,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "basic",          badge: "Essential",          price: "$39/mo",          subtitle: "Access to all basic gym areas.",          buttons: [
-            {
-              text: "Choose Basic",              href: "#contact"},
-          ],
-          features: [
-            "Gym Access",            "Locker Room",            "Orientation Session"],
-        },
-        {
-          id: "pro",          badge: "Premium",          price: "$69/mo",          subtitle: "Full access with extras.",          buttons: [
-            {
-              text: "Choose Pro",              href: "#contact"},
-          ],
-          features: [
-            "All Basic Features",            "Group Classes",            "Sauna & Spa",            "Priority Booking"],
-        },
+        { id: "basic", badge: "Essential", price: "$39/mo", subtitle: "Access to all basic gym areas.", buttons: [{ text: "Choose Basic", href: "#contact" }], features: ["Gym Access", "Locker Room", "Orientation Session"] },
+        { id: "pro", badge: "Premium", price: "$69/mo", subtitle: "Full access with extras.", buttons: [{ text: "Choose Pro", href: "#contact" }], features: ["All Basic Features", "Group Classes", "Sauna & Spa", "Priority Booking"] },
       ]}
       title="Membership Plans"
       description="Flexible plans to suit your fitness journey."
@@ -134,12 +105,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       members={[
-        {
-          id: "t1",          name: "Alex Smith",          role: "Head Trainer",          imageSrc: "http://img.b2bpic.net/free-photo/clothing-sport-gym-clothes-workout_1303-1762.jpg",          imageAlt: "professional fitness coach athlete"},
-        {
-          id: "t2",          name: "Sarah Jones",          role: "Cardio Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-looking-camera-crop-top-checkered-shirt-pants-looking-happy-front-view_176474-104116.jpg",          imageAlt: "gym instructor teaching class"},
-        {
-          id: "t3",          name: "Mark Wilson",          role: "Strength Coach",          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205574.jpg",          imageAlt: "qualified gym personal trainer"},
+        { id: "t1", name: "Alex Smith", role: "Head Trainer", imageSrc: "http://img.b2bpic.net/free-photo/clothing-sport-gym-clothes-workout_1303-1762.jpg", imageAlt: "professional fitness coach athlete" },
+        { id: "t2", name: "Sarah Jones", role: "Cardio Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-female-looking-camera-crop-top-checkered-shirt-pants-looking-happy-front-view_176474-104116.jpg", imageAlt: "gym instructor teaching class" },
+        { id: "t3", name: "Mark Wilson", role: "Strength Coach", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205574.jpg", imageAlt: "qualified gym personal trainer" },
       ]}
       title="Meet Our Trainers"
       description="Certified experts ready to guide you."
@@ -152,16 +120,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",          name: "Sarah Miller",          handle: "@sarah_m",          testimonial: "The best gym in Sousse! Results were immediate.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-woman-doing-exercise-with-dumbbell-studio_171337-9049.jpg"},
-        {
-          id: "2",          name: "John Doe",          handle: "@johndoe",          testimonial: "California Gym changed my perspective on fitness.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-nature_23-2148291378.jpg"},
-        {
-          id: "3",          name: "Emily Chen",          handle: "@emilyc",          testimonial: "Professional trainers and a great community.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-dark-skinned-runner-resting-seaside-after-activity-open-air-sitting-embankment-enjoying-sunset-summer-evening-cheerful-student-spending-his-vacations-exercising-outdoors_273609-1184.jpg"},
-        {
-          id: "4",          name: "Mike Ross",          handle: "@mikeross",          testimonial: "I love the variety of equipment available.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg"},
-        {
-          id: "5",          name: "Jane Smith",          handle: "@jsmith",          testimonial: "Highly recommended for all fitness enthusiasts.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-women-with-tablet_23-2149894895.jpg"},
+        { id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "The best gym in Sousse! Results were immediate.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-woman-doing-exercise-with-dumbbell-studio_171337-9049.jpg" },
+        { id: "2", name: "John Doe", handle: "@johndoe", testimonial: "California Gym changed my perspective on fitness.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-nature_23-2148291378.jpg" },
+        { id: "3", name: "Emily Chen", handle: "@emilyc", testimonial: "Professional trainers and a great community.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-dark-skinned-runner-resting-seaside-after-activity-open-air-sitting-embankment-enjoying-sunset-summer-evening-cheerful-student-spending-his-vacations-exercising-outdoors_273609-1184.jpg" },
+        { id: "4", name: "Mike Ross", handle: "@mikeross", testimonial: "I love the variety of equipment available.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg" },
+        { id: "5", name: "Jane Smith", handle: "@jsmith", testimonial: "Highly recommended for all fitness enthusiasts.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-women-with-tablet_23-2149894895.jpg" },
       ]}
       title="Success Stories"
       description="Our members achieve their goals every day."
@@ -172,8 +135,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "FitGear",        "NutritionPlus",        "HealthStream",        "ProActive",        "PureLife",        "ActiveBody",        "VitalityCo"]}
+      names={["FitGear", "NutritionPlus", "HealthStream", "ProActive", "PureLife", "ActiveBody", "VitalityCo"]}
       title="Our Partners"
       description="Proudly collaborating with top health brands."
     />
@@ -182,8 +144,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       tag="Contact Us"
       title="Start Your Fitness Journey"
       description="Sign up today to get your first week free and a personal trainer consultation."
@@ -193,26 +154,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Team",              href: "#team"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "FAQ",              href: "#"},
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Team", href: "#team" }, { label: "Careers", href: "#" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }, { label: "Terms", href: "#" }] },
       ]}
       bottomLeftText="© 2024 California Gym Sousse"
       bottomRightText="All Rights Reserved"
@@ -221,4 +164,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --card: #ffffff;
+  --foreground: #000000;
+  --primary-cta: #000000;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #ffffff;
+  --background-accent: #ffffff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);