Update src/app/styles/variables.css

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Classes",
+          name: "Classes",          id: "classes"},
-          id: "classes",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Jaguar Gym"
     />
@@ -56,38 +48,25 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Unleash Your Potential at Jaguar Gym"
       description="Experience professional training, top-tier equipment, and a supportive community in the heart of Pragathi Nagar."
       tag="4.7 Rating | 428 Reviews"
       buttons={[
         {
-          text: "Join Today",
+          text: "Join Today",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-doing-yoga-pilates-exercise_1153-5119.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-doing-yoga-pilates-exercise_1153-5119.jpg",          imageAlt: "fitness training gym"},
-          imageAlt: "fitness training gym",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur_74190-1299.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur_74190-1299.jpg",          imageAlt: "gym weight lifting"},
-          imageAlt: "gym weight lifting",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32104.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32104.jpg",          imageAlt: "gym cardio exercise"},
-          imageAlt: "gym cardio exercise",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-helping-man-gym_23-2149740152.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-helping-man-gym_23-2149740152.jpg",          imageAlt: "fitness training gym"},
-          imageAlt: "fitness training gym",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/defocused-bikes_1203-370.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/defocused-bikes_1203-370.jpg",          imageAlt: "gym weight lifting"},
-          imageAlt: "gym weight lifting",
-        },
       ]}
       mediaAnimation="slide-up"
     />
@@ -115,19 +94,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Activity,
-          title: "Top-Tier Equipment",
+          title: "Top-Tier Equipment",          description: "High-quality, well-maintained machines for all muscle groups."},
-          description: "High-quality, well-maintained machines for all muscle groups.",
-        },
         {
           icon: Users,
-          title: "Expert Trainers",
+          title: "Expert Trainers",          description: "Friendly, patient trainers ready to guide every move."},
-          description: "Friendly, patient trainers ready to guide every move.",
-        },
         {
           icon: Smile,
-          title: "Supportive Community",
+          title: "Supportive Community",          description: "A judgment-free zone that motivates you to push further."},
-          description: "A judgment-free zone that motivates you to push further.",
-        },
       ]}
       title="Why Choose Jaguar Gym?"
       description="We offer more than just equipment—we offer a path to a healthier life."
@@ -142,47 +115,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "c1",
+          id: "c1",          name: "Strength Training",          price: "Expert Led",          imageSrc: "http://img.b2bpic.net/free-photo/couple-training-gym_23-2148024371.jpg",          imageAlt: "fitness training gym"},
-          name: "Strength Training",
-          price: "Expert Led",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-training-gym_23-2148024371.jpg",
-          imageAlt: "fitness training gym",
-        },
         {
-          id: "c2",
+          id: "c2",          name: "Zumba Sessions",          price: "Group Focus",          imageSrc: "http://img.b2bpic.net/free-photo/crossfit-athlete-doing-exercise-with-barbell_58466-11670.jpg",          imageAlt: "gym weight lifting"},
-          name: "Zumba Sessions",
-          price: "Group Focus",
-          imageSrc: "http://img.b2bpic.net/free-photo/crossfit-athlete-doing-exercise-with-barbell_58466-11670.jpg",
-          imageAlt: "gym weight lifting",
-        },
         {
-          id: "c3",
+          id: "c3",          name: "Diet Consultation",          price: "Personalized",          imageSrc: "http://img.b2bpic.net/free-photo/equipments-gym_93675-129477.jpg",          imageAlt: "gym cardio exercise"},
-          name: "Diet Consultation",
-          price: "Personalized",
-          imageSrc: "http://img.b2bpic.net/free-photo/equipments-gym_93675-129477.jpg",
-          imageAlt: "gym cardio exercise",
-        },
         {
-          id: "c4",
+          id: "c4",          name: "Cardio Blast",          price: "Endurance",          imageSrc: "http://img.b2bpic.net/free-photo/female-yoga-instructor-exercising-gym_1303-21985.jpg",          imageAlt: "fitness training gym"},
-          name: "Cardio Blast",
-          price: "Endurance",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-yoga-instructor-exercising-gym_1303-21985.jpg",
-          imageAlt: "fitness training gym",
-        },
         {
-          id: "c5",
+          id: "c5",          name: "Cross-Fit",          price: "High Intensity",          imageSrc: "http://img.b2bpic.net/free-photo/fit-individual-doing-sport_23-2151764344.jpg",          imageAlt: "gym weight lifting"},
-          name: "Cross-Fit",
-          price: "High Intensity",
-          imageSrc: "http://img.b2bpic.net/free-photo/fit-individual-doing-sport_23-2151764344.jpg",
-          imageAlt: "gym weight lifting",
-        },
         {
-          id: "c6",
+          id: "c6",          name: "Personal Training",          price: "One-on-One",          imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114125.jpg",          imageAlt: "gym cardio exercise"},
-          name: "Personal Training",
-          price: "One-on-One",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114125.jpg",
-          imageAlt: "gym cardio exercise",
-        },
       ]}
       title="Workout Programs"
       description="Specialized programs designed to suit your fitness journey."
@@ -196,23 +139,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Star,
-          icon: Star,
+          title: "Customer Rating",          value: "4.7"},
-          title: "Customer Rating",
-          value: "4.7",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: MessageSquare,
-          icon: MessageSquare,
+          title: "Google Reviews",          value: "428+"},
-          title: "Google Reviews",
-          value: "428+",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: Users,
-          icon: Users,
+          title: "Active Members",          value: "1000+"},
-          title: "Active Members",
-          value: "1000+",
-        },
       ]}
       title="Our Impact"
       description="Transforming lives through fitness every single day."
@@ -227,25 +161,15 @@ export default function LandingPage() {
       author="Dvns Yaswanth"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-happy-athletic-woman-doing-stretching-exercises-while-working-out-home_637285-5156.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-happy-athletic-woman-doing-stretching-exercises-while-working-out-home_637285-5156.jpg",          alt: "happy gym member portrait"},
-          alt: "happy gym member portrait",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/nice-musculature-man-portrait-fitness-athlete-handsome-man-posing-outdoor-with-crossed-arms_343629-35.jpg",
+          src: "http://img.b2bpic.net/free-photo/nice-musculature-man-portrait-fitness-athlete-handsome-man-posing-outdoor-with-crossed-arms_343629-35.jpg",          alt: "fitness person portrait"},
-          alt: "fitness person portrait",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/attractive-athletic-girl-standing-near-gym-equipment-healthy-lifestyle_78826-3376.jpg",
+          src: "http://img.b2bpic.net/free-photo/attractive-athletic-girl-standing-near-gym-equipment-healthy-lifestyle_78826-3376.jpg",          alt: "man fitness portrait"},
-          alt: "man fitness portrait",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-weighs-benefits-pear-grapefruit-home-kitchen-healthy-choice_169016-71054.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-weighs-benefits-pear-grapefruit-home-kitchen-healthy-choice_169016-71054.jpg",          alt: "woman fitness portrait"},
-          alt: "woman fitness portrait",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-with-headphones_23-2148435370.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-woman-with-headphones_23-2148435370.jpg",          alt: "muscular man fitness portrait"},
-          alt: "muscular man fitness portrait",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -258,20 +182,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "What are the opening hours?",          content: "We are open from 5 AM onwards."},
-          title: "What are the opening hours?",
-          content: "We are open from 5 AM onwards.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Are trainers available?",          content: "Yes, our trainers are friendly, patient, and always available to guide you."},
-          title: "Are trainers available?",
-          content: "Yes, our trainers are friendly, patient, and always available to guide you.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Do you offer diet plans?",          content: "Yes, we provide personalized diet plans as part of our service."},
-          title: "Do you offer diet plans?",
-          content: "Yes, we provide personalized diet plans as part of our service.",
-        },
       ]}
       title="Common Questions"
       description="Everything you need to know about our fitness community."
@@ -283,8 +198,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Ready to Start?"
       description="Contact us today at 098497 29545 or visit us at Elite Commercial Complex, Pragathi Nagar."
       buttonText="Call Now"
@@ -297,33 +211,21 @@ export default function LandingPage() {
       logoText="Jaguar Gym"
       columns={[
         {
-          title: "Links",
+          title: "Links",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Classes",
+              label: "Classes",              href: "#classes"},
-              href: "#classes",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Location",
+          title: "Location",          items: [
-          items: [
             {
-              label: "Pragathi Nagar",
+              label: "Pragathi Nagar",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Hyderabad, Telangana",
+              label: "Hyderabad, Telangana",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -332,4 +234,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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