Bob AI: Can you change the color to white and purple of th...

src/app/page.tsx

@@ -9,6 +9,7 @@ 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';
 
 export default function FitForcePage() {
   return (
@@ -162,28 +163,19 @@ export default function FitForcePage() {
                   animationType="slide-up"
                   plans={[
                     {
-              id: "1",              price: "$120",              name: "Single Session",              buttons: [
+                      id: "2",
-                { text: "Book Now", href: "contact" }
+                      badge: "Most Popular",
-              ],
+                      badgeIcon: Sparkles,
-              features: [
+                      price: "$480/mo",
-                "60-minute one-on-one session",                "Form analysis and correction",                "Custom exercise selection",                "Post-session guidance"
+                      name: "4-Week Package",
-              ]
+                      buttons: [
-            },
-            {
-              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
-              price: "$480/mo",              name: "4-Week Package",              buttons: [
                         { text: "Get Started", href: "contact" }
                       ],
                       features: [
-                "4 sessions per month",                "Personalized program design",                "Nutrition guidance",                "Progress tracking and adjustments",                "Email support between sessions"
+                        "4 sessions per month",
-              ]
+                        "Personalized program design",
-            },
+                        "Nutrition guidance",
-            {
+                        "Progress tracking and adjustments"
-              id: "3",              price: "$1,400",              name: "12-Week Transformation",              buttons: [
-                { text: "Begin Transformation", href: "contact" }
-              ],
-              features: [
-                "12 one-on-one sessions",                "Complete fitness assessment",                "Customized nutrition plan",                "Weekly check-ins and adjustments",                "Before and after progress photos",                "Lifetime program access"
                       ]
                     }
                   ]}
@@ -208,6 +200,15 @@ 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="footer" data-section="footer">
         <FooterLogoEmphasis
           logoText="FitForce"

src/app/styles/variables.css

@@ -10,10 +10,10 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #ffffff;
   --card: #f3ede2;
   --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --primary-cta: #6c5ce7;
   --secondary-cta: #ffffff;
   --accent: #b2a28b;
   --background-accent: #b2a28b;