Bob AI: Are you able to change the colors of the website

src/app/page.tsx

@@ -9,6 +9,8 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { Sparkles, Star, Zap } from "lucide-react";
+import FAQAccordion from '@/components/sections/faq/FAQAccordion';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 
 export default function FitForcePage() {
   return (
@@ -199,6 +201,23 @@ export default function FitForcePage() {
         />
       </div>
 
+      <div id="faq" data-section="faq">
+        <FAQAccordion title="FitForce FAQ" image="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80">
+          <AccordionItem question="What are the benefits of using FitForce products?" answer="Our products are designed to enhance your fitness journey with advanced features like heart rate monitoring, GPS tracking, and personalized workout plans." />
+          <AccordionItem question="How do I set up my FitForce device?" answer="Setting up your FitForce device is easy. Simply download the FitForce app, connect your device via Bluetooth, and follow the on-screen instructions." />
+          <AccordionItem question="Which payment methods are accepted?" answer="We accept all major credit cards, PayPal, and Apple Pay for your convenience." />
+          <AccordionItem question="Can I return my FitForce product if it doesn't meet my expectations?" answer="Absolutely! We offer a 30-day return policy. Just contact our customer service team for a hassle-free return process." />
+        </FAQAccordion>
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqSplitMedia faqs={[
+            {id: "1", title: "How do I sign up for a membership?", content: "You can sign up for a FitForce membership by visiting our website and clicking the 'Join Now' button."},
+            {id: "2", title: "What equipment is available?", content: "We offer a wide range of equipment including treadmills, ellipticals, free weights, and more."},
+            {id: "3", title: "Are there any age restrictions?", content: "Our gym is open to all ages, but children under 16 must be accompanied by an adult."}
+        ]} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" imageAlt="Gym equipment" mediaPosition="left" title="Frequently Asked Questions" description="Have questions about our services? Check out our FAQ section for answers to common inquiries." textboxLayout="vertical" useInvertedBackground="light" />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis
           logoText="FitForce"

src/app/styles/variables.css

@@ -10,13 +10,13 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
+  --background: #ffffff;
+  --card: #ffffff;
   --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --primary-cta: #6c5ce7;
   --secondary-cta: #ffffff;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #6c5ce7;
+  --background-accent: #6c5ce7;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);