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 (
@@ -162,28 +164,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 +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"
+    }
+];