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 (
@@ -86,26 +88,45 @@ export default function FitForcePage() {
 
       <div id="services" data-section="services">
         <FeatureCardThree
-          title="Professional Training Services"
+                          title="Custom Training Programs"
-          description="Comprehensive fitness solutions designed to help you reach your peak performance"
+                          description="Tailored workout plans designed to help you achieve your fitness goals efficiently."
-          tag="Services"
+                          tag="Programs"
-          tagIcon={Sparkles}
+                          tagIcon={Sparkles}
-          textboxLayout="default"
+                          textboxLayout="default"
-          animationType="slide-up"
+                          animationType="slide-up"
-          gridVariant="three-columns-all-equal-width"
+                          gridVariant="three-columns-all-equal-width"
-          features={[
+                          features={[
-            {
+                            {
-              id: "01",              title: "One-on-One Coaching",              description: "Personalized training sessions focused entirely on your goals, form, and progression with real-time feedback and adjustments.",              imageSrc: "https://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32114.jpg",              imageAlt: "One-on-one training session"
+                              id: "01",
-            },
+                              title: "Strength Training",
-            {
+                              description: "Build muscle and increase your strength with our expertly crafted strength training programs.",
-              id: "02",              title: "Strength & Conditioning",              description: "Build muscle, increase power, and develop athletic performance with science-based strength training programs and techniques.",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-helping-man-gym_23-2149740152.jpg",              imageAlt: "Strength training workout"
+                              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-            },
+                              imageAlt: "Strength training"
-            {
+                            },
-              id: "03",              title: "Transformation Programs",              description: "Complete 12-week and 16-week programs combining training, nutrition guidance, and accountability for guaranteed results.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-fit-woman-training-gym_23-2148768865.jpg",              imageAlt: "Fitness transformation program"
+                            {
-            }
+                              id: "02",
-          ]}
+                              title: "Cardiovascular Fitness",
-          useInvertedBackground="noInvert"
+                              description: "Improve your cardiovascular health and endurance with our high-intensity interval training programs.",
-        />
+                              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                              imageAlt: "Cardiovascular fitness"
+                            },
+                            {
+                              id: "03",
+                              title: "Flexibility and Mobility",
+                              description: "Enhance your flexibility and mobility with our yoga and stretching programs.",
+                              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                              imageAlt: "Flexibility and mobility"
+                            },
+                            {
+                              id: "04",
+                              title: "Weight Loss",
+                              description: "Lose weight and maintain a healthy lifestyle with our comprehensive weight loss programs.",
+                              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                              imageAlt: "Weight loss"
+                            }
+                          ]}
+                          useInvertedBackground="noInvert"
+                        />
       </div>
 
       <div id="testimonials" data-section="testimonials">
@@ -135,41 +156,32 @@ export default function FitForcePage() {
 
       <div id="pricing" data-section="pricing">
         <PricingCardThree
-          title="Investment in Your Health"
+                  title="Investment in Your Health"
-          description="Flexible training packages designed to fit your goals and budget"
+                  description="Flexible training packages designed to fit your goals and budget"
-          tag="Pricing"
+                  tag="Pricing"
-          tagIcon={Zap}
+                  tagIcon={Zap}
-          textboxLayout="default"
+                  textboxLayout="default"
-          animationType="slide-up"
+                  animationType="slide-up"
-          plans={[
+                  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: [
-            },
+                        { text: "Get Started", href: "contact" }
-            {
+                      ],
-              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
+                      features: [
-              price: "$480/mo",              name: "4-Week Package",              buttons: [
+                        "4 sessions per month",
-                { text: "Get Started", href: "contact" }
+                        "Personalized program design",
-              ],
+                        "Nutrition guidance",
-              features: [
+                        "Progress tracking and adjustments"
-                "4 sessions per month",                "Personalized program design",                "Nutrition guidance",                "Progress tracking and adjustments",                "Email support between sessions"
+                      ]
-              ]
+                    }
-            },
+                  ]}
-            {
+                  useInvertedBackground="noInvert"
-              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"
-              ]
-            }
-          ]}
-          useInvertedBackground="noInvert"
-        />
       </div>
 
       <div id="contact" data-section="contact">
@@ -189,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;
+  --background: #ffffff;
-  --card: #f3ede2;
+  --card: #ffffff;
   --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --primary-cta: #6c5ce7;
   --secondary-cta: #ffffff;
-  --accent: #b2a28b;
+  --accent: #6c5ce7;
-  --background-accent: #b2a28b;
+  --background-accent: #6c5ce7;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/components/sections/testimonial/TestimonialCardTen.tsx

@@ -226,3 +226,61 @@ const TestimonialCardTen = ({
 TestimonialCardTen.displayName = "TestimonialCardTen";
 
 export default TestimonialCardTen;
+
+const testimonials = [
+    {
+        id: "1",
+        title: "Amazing Experience",
+        quote: "I had an amazing experience with this product. It exceeded my expectations.",
+        name: "John Doe",
+        role: "Customer",
+        imageSrc: "https://via.placeholder.com/150",
+        videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+        imageAlt: "John Doe",
+        videoAriaLabel: "John Doe testimonial video"
+    },
+    {
+        id: "2",
+        title: "Great Product",
+        quote: "This product is great. It has improved my daily routine.",
+        name: "Jane Smith",
+        role: "Customer",
+        imageSrc: "https://via.placeholder.com/150",
+        videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+        imageAlt: "Jane Smith",
+        videoAriaLabel: "Jane Smith testimonial video"
+    },
+    {
+        id: "3",
+        title: "Highly Recommend",
+        quote: "I highly recommend this product to everyone. It's a game changer.",
+        name: "Alice Johnson",
+        role: "Customer",
+        imageSrc: "https://via.placeholder.com/150",
+        videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+        imageAlt: "Alice Johnson",
+        videoAriaLabel: "Alice Johnson testimonial video"
+    },
+    {
+        id: "4",
+        title: "Best Investment",
+        quote: "This is the best investment I've made. It's worth every penny.",
+        name: "Bob Brown",
+        role: "Customer",
+        imageSrc: "https://via.placeholder.com/150",
+        videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+        imageAlt: "Bob Brown",
+        videoAriaLabel: "Bob Brown testimonial video"
+    },
+    {
+        id: "5",
+        title: "Life Changing",
+        quote: "This product has changed my life for the better. I'm so grateful.",
+        name: "Charlie Davis",
+        role: "Customer",
+        imageSrc: "https://via.placeholder.com/150",
+        videoSrc: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+        imageAlt: "Charlie Davis",
+        videoAriaLabel: "Charlie Davis testimonial video"
+    }
+];